有很多设计规则卡在你的脑海中, 尤其是在制作企业网页设计的时候 。 更多高级设计师建议的内容, 设计理论的要素, 或沿途学习的课程 。 但是也许你实际上应该打破其中一些规则?
设计趋势和概念会随着时间而发生很大变化 。 特别是技术的进步改变了一些规则 。 企业网页设计是一个不断发展的过程, 今天有效的明天可能会改变 。 考虑到这一点, 本期企业网页设计公司Angle将给大家带来打破的三大设计原则 。
1、使用Sans Serif字体进行企业网页设计
每个网页设计师以前都说过, 你需要在线使用无衬线字体 。 现在不再是这种情况了, 打破规则!新规范是可读字体的良好组合 。 其中包括衬线, 无衬线以及新颖性和脚本样式 。 选择正确字体(或调色板)的关键是从易于阅读的字体中进行选择 。 也有研究支持这一想法 。 尼尔森·诺曼集团(Nielsen Norman Group)的雅各布·尼尔森(Jakob Nielsen)着重于用户体验, 研究和培训, 他说, 更好的屏幕正在改变企业网页设计排版指南的格局 。 这是该研究得出的结论:
在线印刷的旧可用性指南很简单:坚持使用无衬线字体 。 由于计算机屏幕太烂而无法正确呈现衬线, 因此尝试按正文大小输入衬线会导致字母形状模糊 。 不幸的是, 新指南不像旧指南那样明确 。 对于衬线字体是否确实比无衬线字体更好, 清晰度研究尚无定论 。 serif和sans serif之间的读取速度差异显然很小 。 因此, 没有强大的可用性指南支持使用其中一种, 因此你可以基于其他考虑因素进行选择, 例如品牌或通过特定印刷样式传达的心情 。
因此, 继续前进, 打破旧的无衬线规则 。 在考虑选择哪种字体以及是否可读性高时, 需要注意以下几点 。
- 选择中等重量或常规重量的均匀行程宽度 。 超轻或薄型可能难以阅读 。
- 坚持平均X高度 。 让它变得超薄和高大可能会带来可读性问题 。
- 寻找一致且适当的字母间距, 而不会过度使用连字或字体 。
- 将华丽的字体用于小块文本, 并且仅具有明确的意图 。
- 选择serif或sans serif字体以获取较大的副本 。 选择具有清晰字母格式的字母, 这些字母一目了然 。
一段时间以来, 网站背景似乎唯一可以接受的颜色是白色和中性色 。 现在应该打破它 。 大胆, 明亮的背景色可以使背景元素很棒 。 颜色可以给用户留下深刻的第一印象, 为设计定下基调, 并且是一种打破相同旧设计模式的有趣方式 。
此易碎规则的第二部分是限制调色板中的颜色数量 。 拥有一个独特的品牌调色板是一个好主意, 但是你可以为各个设计项目争取更多的乐趣 。 Material Design背后的调色板与更多大胆的颜色选择相结合, 开创了优雅而俗气的风格 。 可以接受更多颜色 。 越来越多的网站和大品牌正在使用色彩来帮助创造有趣和引人入胜的体验 。 并且用户似乎喜欢它 。
当你确实需要一个简单的调色板作为标准一致性时, 请为特定项目添加一些额外的(和更亮的)颜色 。 你不必重新设计所有品牌材料即可具有明亮的紫色或绿色背景, 但是你可以通过多种方式将更多时尚的颜色融入项目中 。
- 考虑彩色照片覆盖 。
- 选择鲜艳的标题颜色 。
- 换掉中性的背景以获得更令人难忘的东西 。
- 对于按钮或号召性用语, 请使用明亮的色调 。 (它们不必全部是红色或蓝色 。 )
- 使用阻止颜色的悬停状态来鼓励交互 。
在早期的设计生涯中, 太多的资深设计师推动了完全对称设计的力量来创造和谐与平衡 。 回顾过去, 其中许多概念很无聊且过于安全 。 不对称设计可以帮助你创建更多视觉趣味和平衡感, 而无需进行中间拆分设计 。 尽管有一个对称的地方, 但在重量, 空间和相互抵消的元素之间建立平衡可能会更加有趣 。
为了在设计项目中充分利用非对称性, 请考虑以下内容, 以营造和谐感和视觉流动感:
- 元素和空间彼此平衡 。 重元素与空白空间配对时会感觉更加平衡 。
- 着眼于运动, 按预期在设计中移动 。 考虑一下人们的阅读方式, 并从左侧的较重元素和文本开始向右侧“移动” 。
- 使用颜色创建焦点 。
- 将所有内容放在网格上以营造组织感和流程感 。
- 注意体重 。 不对称设计不应感到“偏斜” 。 用户应轻松浏览内容 。 使用导航之类的静态元素为非对称元素创建容器 。
推荐阅读
- 介绍做营销策划的3个步骤 营销策划如何才能做好?
- 介绍网站设计的7个技巧 网站设计的技巧有哪些?
- 天涯明月刀手游璇玑镜怎么获得-璇玑镜获取方法以及用法介绍知识科普
- 火影忍者手游惠比寿怎么使用有什么特点-忍者惠比寿介绍让您技能天下无双
- 火影忍者手游佐井怎么使用有什么特点-忍者佐井介绍您需要了解的
- 介绍公司网站设计需要具备的5大功能 公司网站设计需要具备什么功能?
- 教你创建网页设计风格的6个步骤 网页设计风格如何创建?
- 教你做企业网页设计的3种方法 企业网页设计如何才能做好?
- 教你做网页设计的10种方法 网页设计该怎么做?
- 一分钟吸引人自我介绍 简单大方的自我介绍