网页版面设计理论之栅格理论

一般在AutoCAD中经常会使用栅格化了辅助设计,多用于工程和结构方面。栅格理论在设计中涉及图像比例问题与版式划分。

生活中无处不在的黄金分割率

很多情况下视觉焦点并不在中央
 

可用性领域的权威Jakob Nielsen等人在实验中发现用户阅读网页时常常会呈现“F”的模式
 
其中红色表示该区域受关注度最高,黄色次之,蓝色再次之,灰色则表示基本没有被关注。

用户在阅读网页时候焦点也多偏离正中,接近黄金点。

网页版式设计三分法:

黄金分割点简化后就是三分法原理,依据栅格放置网页元素。先在纸上勾出栅格:

 

参考牛文:http://ucdchina.com/snap/3650

(待续)


    分享到:

2 thoughts on “网页版面设计理论之栅格理论

  1. Pretty good post. I just found your site and wanted to say
    that I have really liked reading your blog posts. In any case
    I’ll be subscribing to your feed and I hope you post again soon!

发表评论

电子邮件地址不会被公开。 必填项已用 * 标注

*

您可以使用这些 HTML 标签和属性: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>