网页设计基础

最近我和同事们开发了一个社交应用，结果因为过于鲜艳的配色和设计，被吐槽了一番。有人说它“不好看”而且“不协调”，我一直在反思。一个好的网站应该是什么样子的？看看Facebook和Twitter等热门社交媒体应用，或许蓝色是关键？所以，让我们从基础开始。

字体

啊，字体排版。由于阅读是用户在线互动的重要组成部分，它可以说是网页设计中最重要的部分。选择字体看似简单，但让我们来谈谈一些事情。首先是无衬线字体。无衬线字体（图中左侧的T）是没有装饰效果的现代字体。它们比那些花哨的字体更容易在线阅读。如果你认为用环形字体进行创意设计就能让你脱颖而出，那就再想想吧。归根结底，你应该把用户放在第一位。普通人每周大约花40个小时上网，但如果你的网站不美观，他们就会点击离开。

这就引出了我的下一个要点：字体大小。正文字体至少应为 16px，但当然，即使大小相同，某些字体也可能显得更小。这是一个很好的起点，但具体调整还需你自己决定；请记住，在手机上阅读应该像在印刷精良的书籍中阅读一样清晰易读。辅助字体可以更小一些，但我不建议低于 13px。

颜色

这是我最喜欢的一个。你可能已经知道哪些颜色不该选，比如鲜艳的霓虹色，它们会让人觉得不舒服。但你知道颜色其实可以唤起情感吗？色彩心理学非常有趣。人们对颜色的反应与潜意识紧密相连。也许你遭遇了意外，现在发现自己不喜欢红色？又或者，你可能会把一种绿色与疾病联系起来，而另一种绿色又与自然联系起来。（试试这个网站，直接从图像中选取颜色，避免在黑暗中拍摄）

研究表明，年龄越小，人们越倾向于选择饱和度更高的颜色，而老年人则更喜欢饱和度较低、颜色较浅的颜色。我在考虑大品牌时发现这一点尤其令人着迷。当然，不必拘泥于一种颜色。互补色可以营造平衡与和谐。文字和背景使用对比色可以提高阅读体验。即使是留白，也能有效地赋予网站时尚现代的外观。

“F”图案

大多数人的阅读习惯是从左到右。然而，在互联网上，人们更有可能“浏览”而不是“阅读”。鉴于这种阅读习惯，将网站构建成视觉层级结构是一种很好的做法：通常情况下，采用“F”形。人们看到的大部分内容都在屏幕的左上角；右侧很少被“看到”。顺应他们的自然倾向，按重要性顺序显示信息：从左到右，从上到下。

这就是基础！入门时记住这些原则，你就能拥有一个赏心悦目的网站！如果你像我一样喜欢嘲笑糟糕的设计，那就去看看Reddit 上的“蹩脚设计”吧！