要在ASP.NET Core 8 Blazor中使用不同的设计模板和多个区域，可以按照以下步骤进行：

1. 创建一个Blazor项目。可以使用Visual Studio 2022或使用dotnet命令行工具。在命令行中运行以下命令：

   dotnet new blazorserver -o MyBlazorApp
   cd MyBlazorApp
   

2. 定义多个区域。在Pages文件夹下创建多个文件夹，每个文件夹代表一个区域。例如，创建一个名为Admin的文件夹来表示管理员区域。

3. 定义不同的设计模板。对于每个区域，可以使用不同的设计模板。在每个区域文件夹下创建一个名为_Imports.razor的文件，并在其中引用该区域的设计模板。例如，在Admin文件夹中创建一个名为_Imports.razor的文件，并添加以下内容：

   @using Microsoft.AspNetCore.Components.Web
   @using MyBlazorApp.Shared
   @layout AdminLayout
   

   这里假设已经创建了名为AdminLayout.razor的布局组件作为管理员区域的设计模板。

4. 创建设计模板组件。在Shared文件夹下创建一个名为AdminLayout.razor的布局组件，并定义该区域的设计模板。例如，可以在AdminLayout.razor中添加以下内容：

   
       
   Admin Area
       
       
   
           @Body
       
   
   

   这里假设已经创建了名为NavMenu.razor的导航菜单组件。

5. 在区域页面中使用设计模板。在Admin文件夹中创建一个名为Index.razor的页面，并使用管理员区域的设计模板。例如，可以在Index.razor中添加以下内容：

   @page "/admin"
   @inherits LayoutComponentBase
   
   Welcome to the Admin Area!
   

6. 运行应用程序。在命令行中运行以下命令启动应用程序：

   dotnet run
   

   在浏览器中访问https://localhost:5001/admin，将会看到管理员区域的页面。

通过以上步骤，您可以在ASP.NET Core 8 Blazor中使用不同的设计模板和多个区域。请根据实际需求进行适当的修改和扩展。