3个实际上你应该尝试破解的网页设计规则

• by 视尚觉
• 2018-09-10

有很多设计规则陷入困境。更高级设计师提出的建议，设计理论的要素，或沿途课程中学到的经验教训。但也许你应该打破其中一些规则？

设计趋势和概念随着时间的推移而发生很大变特别是技术进步改变了一些规则。设计是一个不断发展的过程，今天有效，明天可能会改变。考虑到这一点，这里有三个你应该试着打破的设计规则。

1.使用Sans Serif字体进行网页设计

每个网页设计师都曾说过你需要在线使用无衬线字体。事情并非如此。打破这个规则！可读字体的良好组合是新的规范。这包括衬线，无衬线字体甚至新颖和脚本风格。选择正确字体（或类型调色板）的关键是从易于阅读的字体样式中挑选。还有研究支持这个想法。尼尔森诺曼集团的雅各布尼尔森专注于用户体验，研究和培训，他说更好的屏幕正在改变网站设计排版指南的格局。以下是该研究的结论：

在线排版的旧可用性指南很简单：坚持使用无衬线字体。由于计算机屏幕太糟糕而无法正确渲染衬线，因此尝试使用体型大小的衬线类型会导致字母形状模糊。不幸的是，新指南并不像旧指南那样明确。关于serif字体是否真的比sans serif更好，可读性研究尚无定论。

serif和sans serif之间阅读速度的差异显然非常小。因此，没有强大的可用性指南支持使用其中一个，因此您可以根据其他考虑因素做出选择 - 例如品牌或通过特定排版风格传达的情绪。所以继续打破旧的无衬线规则。在考虑选择哪种字体以及是否具有高可读性时，需要注意以下几点。

选择中等或常规重量的均匀行程宽度。超轻或薄型可能难以阅读。
坚持平均x高度。让它超级瘦，高可以带来可读性问题。
寻找一致和充足的字母间距，不要过度使用连字或蓬勃发展。
对于小块文本使用华丽的字体，并且只有不同的意图。
选择serif或sans serif字体以获得更大的复制块。选择具有不同字母的字母，一目了然易于阅读。

2.远离大胆的背景

有一段时间，似乎网站背景唯一可接受的颜色是白色和点燃中性色。没门！大胆，明亮的背景颜色可以成为一个伟大的背景元素。色彩可以给用户留下良好的第一印象，为设计定下基调，是一种有趣而有趣的方式来打破相同的旧设计模式。更多网站和大品牌正在使用颜色来帮助创建有趣和引人入胜的体验。用户似乎喜欢它。这个可破坏规则的第二部分是限制调色板中的颜色数量。虽然拥有独特的品牌调色板是一个好主意，但您可以通过个性化设计项目获得更多的pizazz。

Material Design背后的调色板结合使用更大胆的颜色选择，开启了被认为优雅和俗气的东西。更多颜色可以接受。更多网站和大品牌正在使用颜色来帮助创建有趣和引人入胜的体验。用户似乎喜欢它。

虽然您需要一个简单的调色板作为标准的一致性，但为特定项目添加一些额外（和更亮）的颜色。您不必将所有品牌材料重新设计为具有明亮的紫色或绿色背景，但您可以通过多种方式将更多时尚色彩融入项目中。

考虑彩色照片叠加。
选择明亮的标题颜色。
将中性背景换成更令人难忘的东西。
使用更明亮的色调按钮或号召性用语元素。 （它们不一定都是红色或蓝色。）
使用颜色阻挡悬停状态来鼓励交互

3.创建对称平衡

在我的设计生涯早期，太多的资深设计师推动了完美对称设计的力量，以创造和谐与平衡。回顾过去，许多这些概念都很无聊，而且过于安全。不对称可以帮助您创造更多的视觉兴趣和平衡，而不需要拆分中间设计。虽然有一个对称的地方，但是与重量，空间和元素相互抵消创造平衡可以更加有趣。为了充分利用设计项目中的不对称性，请考虑以下因素来营造和谐感和视觉流：

平衡元素和空间相互对立。当与白色空间配对时，重元素可以感觉更平衡。
强调眼睛的运动按照预期在设计中移动。想想人们如何阅读，并从左侧较重的元素和文本开始向右移动。使用颜色来创建焦点。将网格上的所有内容放在一起，以创建组织和流程感。注意体重。不对称的设计不应该感到“不平衡”。用户应该轻松地浏览内容。使用导航等静态元素为非对称元素创建容器。

结论

打破设计规则可能会令人振奋......或者是灾难性的。通过考虑项目或设计的目标，做出正确的选择，以决定打破（以及何时）的规则。打破规则将如何使这个项目更好地运作？它是否增强了用户理解消息的可用性，功能或能力？

如果答案是肯定的，那么你的项目可能是打破规则和尝试新事物和不同事物的完美画面。不要因为你感到无聊而违反设计规则。 （这真的不是做任何事情的好理由。）

---

相关资讯

---