网页设计的清晰定义

  来自世界各地的设计师在看到一个网页设计时大吃一惊，并称赞“它既漂亮又(yòu)干净！”。 有(yǒu)无数专门针对“干净”设计的网站设计评论，并且该术语通常在网站设计社區(qū)中使用(yòng)。 可(kě)以轻松找到干净设计的一个很(hěn)好的例子，因為(wèi)它可(kě)以提高一定的**素养和质量。 但是经常讨论构成这些“干净”外观的基本原理(lǐ)和因素，而这正是打算在此问题上做的。

  网站上应使用(yòng)简洁的设计，以便使网站的目的显而易见。 但是在设计“干净”的场所时，必须考虑纯粹的美學(xué)元素和创造力。 您应该问如何改进它，而不是询问可(kě)以删除什么（在极简设计的情况下）。 如果我只用(yòng)一个词来定义“干净”的设计，那将是完美的。 每个单独的元素都应该属于它，并且应该从总體(tǐ)设计中受益并对其进行补充。 需要平衡总體(tǐ)设计，以使信息流和易于使用(yòng)。 在最终设计之前，需要仔细检查每个元素。 设计人员应该花(huā)一点时间考虑每个元素的目的，并确定它是否可(kě)能(néng)是最好的，以及是否可(kě)以使其更清晰。

1.像素完美的细节

  注意细节对于产生干净的网页设计至关重要。 真正出色，干净的设计依赖于许多(duō)精致设计元素的像素的完美执行。 看起来像边框，高光，阴影，纹理(lǐ)和许多(duō)其他(tā)细节的细微细节都需要仔细考虑。 在某些主题设计可(kě)能(néng)只实现大胆的图像滑块的地方，Studeo的功能(néng)區(qū)是精美设计细节的天堂。 注意覆盖图像的细微纹理(lǐ)，一个像素的高光和底部几乎看不见的浅灰色边框。 所有(yǒu)这些细节似乎微不足道，甚至可(kě)能(néng)不会被某些人忽视，但是它们共同创造了品质和精致感。 选择此设计时，准确性是关键。 可(kě)能(néng)会破坏干净场地设计的一件事是可(kě)怕的半像素。 当形状的線(xiàn)条和边缘未在像素上精确对齐时，半像素可(kě)能(néng)会出现在Photoshop中。 发生这种情况时，形状的边缘会变得模糊。 您可(kě)以在下面的图像中看到右侧的正方形稍微模糊了。 在Photoshop中进行设计时防止这种情况的一种方法是选择“对齐像素”选项。 无论何时选择此选项，所有(yǒu)形状的边缘都将变得清晰整洁。

  2.间距

  不用(yòng)说，干净的设计不会以任何方式显得凌乱。 但是，许多(duō)局促在一起的元素会使网站看起来凌乱。 不是我们想要的。 这是间隔的来源。 空白，边距，填充和行高在实现干净的网站设计中都起着至关重要的作用(yòng)。 為(wèi)网站的元素提供适当的间距可(kě)以确保它们看起来和适合整體(tǐ)设计。 足够的间距还将使网站具有(yǒu)透明和优雅的感觉。 除了确保元素间距合理(lǐ)外，还必须与确定的值保持一致。 尽可(kě)能(néng)在合理(lǐ)的地方重复边距和填充值。

  3.对齐

  网格系统是可(kě)以用(yòng)来帮助您创建“干净”网站设计的最佳工具之一。 我们已经讨论过它们在间距方面如何非常有(yǒu)用(yòng)，但是它们对于确保对齐也非常有(yǒu)价值。 就像间距一样，对齐方式可(kě)能(néng)会对网站的外观产生重大影响。 正确且连续的对齐可(kě)以使整个生产線(xiàn)贯穿您场地设计的整个長(cháng)度和宽度。 線(xiàn)条流畅流畅，视觉上令人愉悦，并且可(kě)以将视線(xiàn)引导到页面底部。 眼睛对对准的变化非常敏感，可(kě)以检测到微小(xiǎo)的变化和不一致性。 因此，重要的是，不仅要在创建设计模型时实现像素的完美，而且在随后的开发阶段也不要失去这种准确性。 理(lǐ)想情况下，在大多(duō)数情况下，大部分(fēn)文(wén)本应保持对齐。 左对齐的文(wén)本会产生实線(xiàn)，并创建易于區(qū)分(fēn)的信息列。 另一方面，居中对齐的文(wén)本将在两侧形成不平坦的边缘，并且可(kě)能(néng)难以在大列中阅读。 保存中心对齐以缩短文(wén)本行。