企飞互联告诉你做网站设计必看的7个小技巧

保持简单实用。这个概念可以追溯到1960年，当时美国海军实施了kiss原则，该原则坚持大多数系统在简单而不是复杂的情况之下工作得最好。几乎所有的网站设计项目都是如此。

1、为每个页面设置一个目标

一个简单设计的开始是从项目目标和站点的每个页面的特定目标开始的。除导航和页脚之外，每个页面都应该引导用户执行操作。这可以是任何东西，例如单击链接、以表格形式输入信息、观看视频或玩游戏。但是每个页面都应该关注于单个用户的操作或转换。太多的东西会让用户感到困惑。他们可能会忽视应该做什么，可能会做出不太理想的选择。规划网站设计，使每个页面都能引导用户达到一个目标。同一页面之上滚动条下方和上方的每个可操作按钮应执行相同的操作。这种一致性有助于用户理解他们为什么会出现在您的站点之上，以及他们应该做什么；这些选择的简单性使设计变得简单和吸引人。

2、坚持使用两种字体

太多的设计准则为项目推荐三种字体。可以使用两个健壮类型族来进一步简化过程。寻找具有多个权重的类型族，在常规选项和粗体或黑色选项间有足够的对比度。为了更好地显示，请选择一个显示选项，其中包含一些可以在大标题之中使用的替代字符。然后，你需要做的就是混合和匹配主字体和显示字体，这样整个设计之中的字体就可以很好地结合在一起了。正如为特定厚度或样式选择更多具有特定用途的选项一样，请使用两个类型族。您会发现这有助于您创建一个可读性强、易于使用的布局调色板，它易于管理并且在视觉之上保持一致。

3、使用一致的对齐方式

从左中到左，无论你喜欢什么样的对齐方式，在整个设计过程之中都要坚持。这包括对齐相似的项目，例如文本框和元素，它们彼此不同，但可以组合在一起。更重要的是，这种一致的对齐方式与其他标题和CTA对是一致的。对齐与滑块的流动相匹配，滑块的流动在互补方向上移动。对于文本元素，右对齐和居中对齐是最常见的选项，因为它们最具可读性。对于较长的文本，首选右对齐。

4、构建层次结构

用户不必考虑在设计中要看到什么或如何移动。即使是最简单的视觉作品也应该有一个独特的层次结构。它从主导视觉开始。它可以是图像、视频或文本显示，或任何其他内容的第一印象。然后应该有某种文字告诉用户设计和网站试图传达什么。这通常是一个简单的标题形式，与主要的视觉效果兼容。第三部分是用户希望完成的文本或操作的第二部分。最终一个视觉元素是导航菜单。用户希望找到所有这些元素，并训练他们的眼睛以这种顺序在元素间移动。以这种方式设计，使它们更容易。

5、给元素足够的空间

如果你不知道，请把它放到之内存中：blank是你的朋友。为网站设计之中的每个元素留出足够的空间。空间将有助于吸引人们对单个元素的注意，并占据“空间”，这样你就不会试图把画布搞得一团糟，有助于创建一个有重点的整体设计。充分利用空间的诀窍是一致性。为单个元素四周或文本行间的适当空间量设置规则。如果设计最终看起来太单调，您可能需要稍微缩短间距。当您重新打开设计并转到希望用户首先看到的位置时，您知道间距是正确的。（不知道是什么？回到第4点-建立层次结构。）

6、放大对比度

高对比度设计元素-从颜色选择到元素大小，即使在最小的框架之中，也可以为项目提供所需的视觉效果。对于流行的选项，尝试使用对比调色板来吸引用户的注意力。大胆的颜色使简单的设计比黑白选项更复杂和有趣。为了充分利用对比色，从色轮之上的相反位置选择饱和度相近的色调。如果您不喜欢此选项，请尝试其他基于色轮的对。（你甚至可能会发现一个意想不到的新宠，比如下面的紫色和绿松石的组合）

7、使用一致的图标和元素

设计一致性是杀手级设计最好（也是最坏）的秘密之一。这是因为人们在设计一个有很多杂乱无章的按钮样式或与网站之上其他图标不匹配的社交媒体图标时，往往会忘记这些事情之一。用户界面元素不应该是事后诸葛亮。创建规则的方式与在整个用户界面之中使用图标的方式相同。（如果您不想从头开始创建一组图标字体或UI元素，您甚至可以购买或下载它们。）为元素选择颜色，对每个元素使用相同的悬停操作或效果（一个用于可单击的元素，另一个用于不可单击的元素），并根据使用情况调整它们的大小。（对于更多的图形元素，图标大小和超大尺寸选项都是可以接受的）

使用恰当反映您品牌的设计元素比追赶每一个短暂的趋势更重要。这样，你就可以有创造力，找到让当前趋势为你服务的方法。保持设计的相关性并吸引观众。当与你的营销策略相一致时，新颖的设计可以吸引新的客户兴趣并吸引追随者的注意。最重要的是，倾听生活的创造力，你可能会成为下一个大设计潮流的创造者，所以不要害怕尝试。