建站咨询:

建站业务咨询 预约上门18041156880

公司动态| 关于联合企邦| 大连网站建设常见问题| 建站专题

大连网站建设-网站制作-响应式网站建设第一品牌-联合企邦

当前位置:首页 > > > 视觉层次结构设计的6个原则

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

来自:联合企邦

2019-08-16

浏览:

视觉层次结构是设计中图形元素按每个元素的重要性排列的排列。视觉权重定义了元素在设计层次结构中的重要性,向观众的眼睛传达了要关注的内容和顺序。

  面对密集的文本和短暂的注意力,专业的网站设计公司北京分形科技设计师们总结了6条原则来引导读者注意最重要的信息。

  1.阅读模式
  所有文化都从上到下阅读,大多数文化从左到右阅读。这些知识对页面设计很重要。最近的研究表明,在进行阅读之前,人们首先扫描一页以了解他们是否感兴趣。扫描图案倾向于采用“F”和“Z”两种形状中的一种,您可以在设计中利用这一点。

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

  Z-模式
  Z模式适用于其他类型的页面,例如广告或网站,其中信息不一定以块段落形式呈现。读者的眼睛首先扫描页面的顶部,可能会找到重要的信息,然后向下射到对角的对角线,并在页面的下半部分做同样的事情。

  2.大小问题
  人们习惯于先阅读更大的东西。设计师认为文章标题对于读者来说更有趣,因此首先要设计好文章的标题,引人入胜,接下来阅读更多的内容

  3.空间和纹理
  吸引注意力的另一种方式是给予内容充足的呼吸空间。如果按钮周围留有大量负空间,或者文本块中的线被广泛跟踪,则读者可以更容易地看到这些元素。当人们谈论视觉层次的“纹理”时,他们并不是指图形纹理效果。相反,这种“纹理”指的是页面上的空间,文本和其他细节的整体布置或图案。

  4.字体
  字体选择对于建立视觉层次是至关重要的。根据网站整体的设计原则选择合适的字体,让读者感觉舒适。

  5.颜色和色调
  明亮的色彩从柔和的色彩或灰度中脱颖而出,而较浅的色调看起来更“遥远”,因此在层次结构上比较浓,较暗的色彩低。

  6.页面布局
  页面布局通常根据垂直和水平线网格设计,按照惯例,因为这是最易读的格式。在这样的系统中,出现了建立层次结构的新方法:打破网格。排列在曲线或对角线上的文本将自动脱离周围的网格锁定文本,成为焦点。

TAG:结构设计

您也许还喜欢?

提示:手机触屏可一键拨号,电话:18041156880
关于联合企邦
公司介绍
专业团队
资质荣誉
企业文化
公益事业
核心优势
响应式设计
技术支持
建站流程
开发规范
售后服务
企业建站解决方案
H5响应式网站建设高端定制
H5网站建设高端定制
H5响应式高级模板
响应式入门模板

© 2013-2019 联合企邦   网站地图       辽ICP备14000229号   辽ICP证辽B2-20150006号

辽公网安备 21029602000017号

大连网站报价 网站报价
大连网站制作电话-18041156880

大连中山区/西岗区/沙河口区/甘井子
区/高新园/旅顺/金州区/开发区

qq在线咨询 咨询QQ
大连网站SEO-网站优化-大连网站推广 推荐:网站推广2016百万PV视频广告
返回顶部