百分百源码网-让建站变得如此简单! 登录 注册 签到领金币!

主页 | 如何升级VIP | TAG标签

当前位置: 主页>网站教程>网页制作> 视觉条理构造设计的6个准则
分享文章到:

视觉条理构造设计的6个准则

发布时间:09/01 来源:未知 浏览: 关键词:

视觉条理构造是设计中图形元素按每个元素的重要性罗列的罗列。视觉权重定义了元素在设计条理构造中的重要性,向不雅众的眼睛传达了要关注的内容和次序。下面我们就来说一说视觉条理构造设计的6个准则!

视觉层次结构设计的6个原则

1.浏览模式

所有文化都从上到下浏览,大多数文化从左到右浏览。这些见识对页面设计很重要。比来的研究表白,在进行浏览以前,人们第一扫描一页以理解他们可否感乐趣。扫描图案倾向于采纳“F”和“Z”两种外形中的一种,您可以在设计中应用这一点。

F-模式

F模式适用于传统的,文本密集的页面,如文章或博客文章。读者向下扫描页面左侧,在左对齐标题或初始主题句中寻觅有味的关键词,然后在他或她碰到有味的东西时休止并向右浏览,效果看起来像F。

Z-模式

Z模式适用于其他类型的页面,例如广告或网站,其中信息纷歧定以块段降情势呈现。读者的眼睛第一扫描页面的顶部,可能会寻到重要的信息,然后向下射到对角的对角线,并在页面的下半局部做一样的事情。

2.大小题目

人们习惯于先浏览更大的东西。设计师以为文章标题关于读者来说更有味,因而第一要设计好文章的标题,令人着迷,接下来浏览更多的内容。

3.空间和纹理

吸引注意力的另一种方式是赋予内容充沛的呼吸空间。要是按钮四周留有批量负空间,或者文本块中的线被宽泛跟踪,则读者可以更容易地看到这些元素。当人们议论视觉条理的“纹理”时,他们并不是指图形纹理结果。相反,这种“纹理”指的是页面上的空间,文本和其他细节的整体安插或图案。

4.字体

字体选中关于创立视觉条理是至关重要的。依据网站整体的设计准则选中合适的字体,让读者感觉恬静。

5.色彩和色调

敞亮的颜色从柔和的颜色或灰度中脱颖而出,而较浅的色调看起来更“迢遥”,因而在条理构造上比拼浓,较暗的颜色低。

6.页面布局

页面布局平常依据垂直和水平线网格设计,按照惯例,由于这是最易读的格局。在这样的系统中,涌现了创立条理构造的新办法:打破网格。罗列在曲线或对角线上的文本将主动离开四周的网格锁定文本,成为焦点。

打赏

打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,你说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

百分百源码网 建议打赏1~10元,土豪随意,感谢您的阅读!

共有150人阅读,期待你的评论!发表评论
昵称: 网址: 验证码: 点击我更换图片
最新评论

本文标签

广告赞助

能出一分力是一分吧!

订阅获得更多模板

本文标签

广告赞助

订阅获得更多模板