干净,通常用于描述网页设计的术语,但这意味着什么?你如何定义它?我相当确定这并不意味着空白比白色更白或者所有的灰尘都已被刷到页脚下了,本期高端网页设计公司Angle就带大家去看看你的网页设计有多干净。
网页设计的干净定义
各地的设计师在看到一个网页设计时都赞叹不已,并惊呼“它漂亮,很干净!”。有无数专门针对“干净”设计的网站设计综述,并且在网站设计社区中经常使用该术语。可以很容易地找到干净设计的一个很好的例子,因为它可以提升某种专业感和质量。但是经常讨论的是构成这些“干净”外观的基本原理和因素,而这正是本期Angle打算这样做的。
网站中应该使用整洁的设计,这样网站的目的就显而易见。但是在设计“干净”的场地时,必须考虑纯粹的美学元素和创造力。而不是询问可以删除哪些内容(在简约设计的情况下),你应该询问如何对其进行完善。如果我只用一个词来定义“干净”的设计,那就是完善。每个单独的元素看起来都应该属于它,应该从整体上受益和补充设计。总体设计需要保持平衡,以使信息流通并易于使用。在进行最终设计之前,需要仔细检查每个元素。设计人员应该花一点时间考虑每个元素的目的,并确定它是否可能是最好的,以及是否可以使其更清晰。
好的,现在我们对“干净”的设计有了大致的了解,Angle接下来就带大家看一下影响这风格的因素。
1、像素完美细节
对细节的关注对于产生干净的网页设计至关重要。真正出色,干净的设计依赖于许多微妙设计元素的像素完美执行。看起来细微的细节,例如边框,高光,阴影,纹理和许多其他所有细节,都需要仔细考虑。在某些主题设计可能仅实现大型,大胆的图像滑块的地方,Studeo的功能区域是精致设计细节的避风港。注意覆盖在图像上的细微纹理,一个像素的高光和底部几乎难以察觉的浅灰色边框。所有这些细节似乎微不足道,甚至可能不会被某些人忽略,但是它们共同创造了品质和精致感。选择这种方式的设计时,精度是关键。可能破坏干净场地设计的一件事是可怕的半像素。当形状的线条和边缘不在像素上精确对齐时,在Photoshop中可能会出现半像素。发生这种情况时,形状的边缘会变得模糊。您可以在下面的图像中看到,右边的正方形稍微有些模糊。在Photoshop中进行设计时,可以防止这种情况的一种方法是选择“对齐像素”选项。无论何时选择此选项,所有形状的边缘都将变得清晰而干净。
2、间距
不用说,干净的设计不会以任何方式显得混乱。但是,许多元素局促在一起,将使网站看起来杂乱无章。不是我们想要的。这就是间隔的来源。空白、边距、填充和行高在实现干净的网站设计中都起着至关重要的作用。为网站的元素提供适当的间距可以确保它们看起来属于整体设计并适合整体设计。足够的间距还会给网站带来通透而优雅的感觉。除了确保元素间距合理外,还必须与决定的值保持一致。尝试在可能的情况下,在合理的地方重复边距和填充值。
3、对准
网格系统是可用于帮助你创建“干净”网站设计的最佳工具之一。我们已经谈到了它们如何在间距方面非常有用,但是它们对于确保你的对齐效果也非常宝贵。就像间距一样,对齐可以对网站的外观产生重大影响。正确和连续的对齐方式可以使整条生产线贯穿你的站点设计的整个长度和宽度。流畅且不间断的线条在视觉上令人愉悦,并且可以将视线引向页面的下方。眼睛对对准的变化非常敏感,并且能够检测到微小的变化和不一致。因此重要的是,在创建设计模型时,不仅要做到像素完美,而且在随后的开发阶段中,不要失去这种精度。理想情况下,在大多数情况下,大段文字应保持对齐。左对齐的文本产生一条实线,并创建易于区分的信息列。另一方面,居中对齐的文本在两侧均会形成不均匀的边缘,并且在大列中可能难以阅读。保存中心对齐方式以缩短文本行。
4、版式
随着@ font-face和许多类型服务的到来,网页设计中的排版从未如此庞大,并且考虑到网站上的绝大多数信息都是文本,因此也就不足为奇了。因为这里有很多很棒的资源,所以我们不会在这里研究复杂的排版,但是我们将探讨它可以发挥重要作用的几种方式。
首先,使用排版是建立非常强大的视觉层次的有效方法。如果你曾经研究过网页设计的基础知识,那么您就会意识到层次结构是很重要的。使用印刷术来建立层次结构是一种非常优雅且简洁的方法。只需更改文本的大小或粗细,你就可以指导用户浏览你的网站并传达各种要素的重要性。无需使用光滑的箭头或响亮的徽章来强调你希望用户看到的内容。其次,就像某些颜色和谐地工作并相互补充一样,字体也是如此。关于配对和使用多种字体,有很多建议和准则,但是对于简洁的设计,最好保持简洁。选择两个字体通常是安全的选择,因为太多不同的字体会使设计复杂化。为标题选择更大胆或更具装饰性的字体,以及为正文提供更安全,更易读的字体,这很少会出错。将衬线和无衬线字体结合使用可以很好地工作,并且是常见的做法。
5、颜色
有许多文章和教程讨论了色彩理论及其在网页设计中的应用。还有许多有用的资源可帮助你选择合适的调色板。当涉及到干净的设计时,有一些基本准则。出于多种原因,绝大多数干净的网站都选择浅色,中性和有限的调色板。白色,灰色和浅色很简单且低调,因此任何内容都可以吸引用户的注意力。从可用性的角度来看,这是理想的选择,对于那些希望将他们的作品放在中心位置的人(例如设计师和摄影师)来说,这是理想的选择。少量的颜色飞溅通常用于强调某些元素,例如徽标、导航和标题,以帮助建立视觉层次。
大胆的颜色(尤其是如果使用了很多颜色)可能会使干净的设计过于复杂,并分散用户的注意力。颜色会唤起某些情绪和反应,太多的颜色会引起多种冲突的感觉。我们想要的最后一件事是让用户在浏览我们的网站时感到困惑。这并不是说干净的设计不能是彩色的,因为总是有例外,并且有许多干净的设计可以有效利用色彩的示例。如果您希望或需要在干净的设计中使用颜色,则还有一些通用准则。选择单一的纯色,而不是设计中的渐变。实心的颜色块可创建清晰,连续的线条,并有助于区分设计的不同部分。渐变,图案和纹理可能会分散注意力,并可能降低文本的可读性。如果决定使用渐变和纹理,请保持低调和微妙。
以上就是高端网页设计公司Angle为大家带来的影响你的网页设计干净因素。知道制作一个干净的设计需要什么以及如何实现这种设计风格对于网页设计师而言是无价的。简洁的设计传达出精致和精致的感觉,正是我们和许多客户希望与之联系的东西。希望你可以从本文中删除一些内容,并在将来的一个项目中应用其中一些方法。