网页设计五规则

2018-06-14
2468 Views

在网站设计方面你有规则手册吗？有一些规则适用于几乎所有的网页设计项目 - 我们称之为“网页设计规则”。
无论网站多大或多小，这些规则都是良好设计的基础。如果您遵循这些基本指导方针，并将其纳入您开始的每个项目的思考过程中，那么您将避免许多设计师可能陷入的陷阱！

1.保持一致

让设计尽可能简单，以便用户使用和理解设计。用户参与和行动以及视觉效果在整个单一设计中的外观和使用应该相似。这意味着按钮颜色相同，并且使用相同的悬停状态来帮助用户了解如何进行交互，标题的大小相同，并在整个设计中使用相同的字体，并且诸如颜色之类的元素遵循可识别并与之关联的调色板品牌。其他视觉元素也应遵循一致的风格，以及图标或摄影，视频或插图等元素的风格和使用计划。所有这些一致性元素都有助于提高整体可用性，使设计尽可能方便用户进行交互。

2.要用空白

元素周围的额外空间可以帮助创建分离并使其更易于阅读。没有必要将每个元素都塞进滚动条上方的空间。使用空格建立节奏和流程，创建视觉层次结构并帮助用户在设计中移动。

如果内容是好的，他们将滚动。而空白实际上可以通过将视线拉到屏幕上来帮助鼓励用户行为。随着屏幕尺寸变小，空白显得更加重要。元素周围的额外空间可以帮助创建分离并使其更易于阅读。（考虑轻松点击按钮时多余的空间可以带来多大的益处。）

不确定在设计中包含空白的地方？从这里开始：

围绕按钮或其他交互元素，由于线条之间的线条间距使阅读更容易，元素之间的东西是分开的，例如将文本块中嵌入的照片包裹起来，在表单字段中，以便在移动屏幕上轻松点按。

3.使用网格

网格是用户体验的基础。当您使用网格进行设计时，最终网站会更加精确，一致，并且将元素按照视觉上的顺序排列。网格既是水平的也是垂直的，尽管最著名的网页设计网格可能是用于对齐元素的12列垂直网格。只有在设计过程中才会看到网格，如果您在查找元素的位置或创建有组织的大纲时遇到问题，网格可能会成为完整的救星。

4.不要忘记用户模式

用户以某种方式做事，期望从设计中获得具体的东西。为了获得尽可能多的成功，设计应该使用用户普遍接受的模式（设计问题的循环解决方案），以便人们确切知道设计的功能。
常见的用户模式包括：
表单中的信息顺序，以名称或电子邮件开始并以“提交”结尾
导航菜单的放置
电子商务的购物车图标的位置和可点击性
通知如何工作
搜索和聊天的图标等等
用户界面设计模式在所有类型的设计情况下都有很长的用户模式列表。