你知道网站视觉设计的法则有哪些吗?

我是创始人李岩:很抱歉!给自己产品做个广告,点击进来看看。  

对于一些新手设计师们来说,在进行视觉设计的时候,通常都有不知道该怎么入手的感觉,想要设计一个很好的视觉效果其实还有很多原则性以及相关技巧性的。所以,今天我们就来看看网站视觉设计的法则有哪些吧!

你知道网站视觉设计的法则有哪些吗?

1.联络点

焦点是构图中的一个感兴趣区域,该区域捕获并吸引了观众的注意力。在网页设计中,这通常是重要的号召性用语或形式。

2.运动

人眼会自动吸引到某些兴趣点。尽管这取决于个人,但大多数人倾向于遵循趋势,包括他们如何浏览网站。

从左到右阅读的文化有两种阅读模式:Z模式和F模式。使您的设计/文本与这些移动方式保持一致,可以帮助您更好地接收内容。如果您的访客没有按照您希望的方式移动,则遵循这些模式的A / B测试布局可能会非常有用。

3.黄金分割

TutsPlus最好地定义了它,他说:“黄金比例是自然界中常见的一种数学比例,在古典设计理论中用于创建平衡的构图。”简而言之,它的布局让人联想起螺旋形。您可以在这里看到花朵和贝壳中的花朵。

4.平衡

在设计方面,平衡是元素对称时。它创造和谐,秩序和凝聚力。另一方面,您可能会出现不对称现象,从而导致视觉上有趣的结果返回。

5.重复

重复很棒,代表了相对的重要性。例如,假设您所有的标题或子标题都具有特定的大小和颜色。用户可能会看到一个模式并赋予其含义。文字和号召性用语中的链接也是如此。

6.空白

用Web设计的术语来说,空白是指“ 图形,列,图像,文本,边距和其他元素之间的空间。”

它是最重要的设计工具之一,因为它决定了页面的流动方式,读取方式以及对视觉层次结构的帮助。它可以使您的访客有时间喘口气,并可以帮助某些元素脱颖而出。

7.视觉三角

可视三角形是当您使用三个元素在要强调的内容周围创建“三角形”时。这是剪贴簿中常用的设计技术。在此处了解更多信息。

8.纹理

添加一些纹理以帮助最小化负空间。在空的空间中添加纹理可以从战略上吸引访问者的注意力。

9.类型

正确的字体不仅有助于印刷层次结构和组织设计,而且样式选择有助于设计的整体风格,是一种自然的强调方式。例如,将装饰性字体与更简单的sans-serif配对是确定文本之间视觉差异和重要性的好方法。

10.随机

有时违背模式并随机进行可能会有利于您,但是必须计算随机性。您不能在没有任何特定原因的情况下就开始在设计上抛出元素。有策略地使用它。打破通常的设计或模板,对吸引特定项目并脱颖而出非常有效。

11.规则

标准尺寸,模板,网格;这些都是在这里指导您的,但是您不必总是遵循这些“规则”。打破它们是创建视觉兴趣和吸引注意力的最简单方法之一。

12.对齐

使用网格有助于使元素保持一致,这有助于使事物井井有条,也使您的网站更易于开发和适应多种设备。

13.线

从热图我们知道,大多数西方游客遵循从左到右阅读的趋势。不要让访问者的视线到处乱跳,保持直线。

14.对比

对比度可以包含以下元素:颜色,纹理,形状,方向或大小。这是创建视觉重要性并告诉人们在页面上看什么的最简单方法之一。考虑使用鲜红色或橙色的号召性用语。

15.三分法则

这是一种简单的技术,您可以将设计分为三行三列。垂直线和水平线相交的点就是焦点。

以上内容就是“你知道网站视觉设计的法则有哪些吗?”的全部内容了,如果你还想了解更多产品运营以及产品经理的相关内容,可以来 产品壹佰 官方网站获取。

随意打赏

提交建议
微信扫一扫,分享给好友吧。