块、网格、样式：Episerver 设计师的最佳实践

nurnobisorker18

使用您不熟悉的 CMS 设计新网站可能是一项艰巨的任务。未知的规则、结构和结果使其成为一场赌博。以下是您在为 Episerver 设计时需要牢记的事项。

块和组件

关于 Episerver 中的页面布局，最重要的一点是它依赖于块和可重用组件。本质上，大部分内容都是以单个块的形式创建的，然后沿着跨页面的网格对齐。块是独立于页面创建的，然后可以插入到任意数量的页面中，这使得重复使用内容和设计变得非常容易。确保尽可能重复使用它们。

在设计应用程序和网站时，屏幕上的大多数块都是组件。组件 巴西 whatsapp 号码数据库 可以是使用至少几个元素的任何东西。卡片、英雄横幅和文本块等都是组件的传统示例。然而，它们不一定必须看起来是模块化的。

UI 框架

对于想要使用 UI 网格的人来说，尽早了解哪种 UI 框架最适合您非常重要。Episerver 可以轻松配置任何网格系统，无论是定制的，还是开源的，例如 Bootstrap、Foundation 或 Susy。在选择或开发 UI 框架时，重要的是要知道有哪些限制，以及是否可以满足您的设计需求。

每页的网格由两个主要部分组成 - 列和间距。列是您的设计元素和块可以开始和结束的理想位置，而间距则是您想要避免的危险鸿沟。

您可以自定义 UI 网格上的列数，这取决于您要使用的 UI 框架。例如，如果您使用的是 Bootstrap，您的网格将由 12 列组成，并且您的页面设计必须与此兼容。例如，在 Bootstrap 中，带有侧边栏的文章页面可以使用 8/12 显示主要内容，使用 4/12 显示侧边栏。文本块可以分为两部分，每部分显示 6/12。

>>> 阅读有关UI/UX 设计的好处的更多内容。

颜色

毫无疑问，颜色是网站设计中最重要的部分之一。它可以为您的网站增添更多个性，使其更具辨识度。选择调色板可帮助开发人员维护颜色存储库，该存储库可显示在 Episerver 中的富文本编辑器中，也可在为网站上的块和页面选择背景颜色时作为选择。在选择网站使用的颜色时，请注意以下几点：

使用 RGB 颜色

选择与您的品牌相匹配的颜色

创建颜色

字体

使用有趣的字体可以为您的设计增添一些新颖、新鲜和意想不到的元素。字体嵌入服务（如 Google Web Fonts 或 Typekit）有很多字体可供您选择，而且非常易于使用。只需确保：

选择易于阅读的字体

向开发人员提供 Web 字体的 .otf 或 .tff 文件

选择与客户风格指南兼容的字体

使用与整体性能策略相一致的交付机制的字体（由于字体是导航到网站时需要下载的额外资源，因此很容易影响性能）。

可读性

既然我们说的是保持易读性，你还应该确保使用的文本既不太窄也不太宽。为了获得最佳阅读体验，你应该选择每行约 60 个字符的文本正文。

图标

您网站上使用的图标应以 SVG 文件或图标字体（例如 FontAwesome）的形式提供给开发人员。