今天看了andy的“宁静结构 在设计以内容为主的新闻类网站时，应该运用干净的结构和清晰的元素组合。直观地呈现信息是一个在线新闻站点的根本需求，为满足这种需求甚至可以牺牲一些界面视觉。 ”

对我的影响很大，是值得一读的好文章，就此方法我也试图用拍拍学习一下；

1、外框、线条、颜色等都是结构的基本元素，将这些元素舒服的排列会给页面带来节奏感和连贯性。


拍拍给我的印象就是线条很流畅，颜色适合购物的特点（可能用tc的东西太多）；从整体的线条的应用来说是比较有节奏的，像小溪一样比较流畅；

2、头部主题的展示是否清晰，决定了对用户的吸引程度；


信息架构比较明确，层次清晰；
焦点明确：导航/搜索。

3、页面是否干净和清楚，区别体现在整个版面上，顶部并不会破坏网页的完整性。因此要建立安静的结构，还需要从具体的版面上入手。


 网格注意栏目宽度和水平间距，像左右两边的图例显示一样，符合了从上到下，从左到右的视觉效果，左右两类网格的表现方式不同但是间距相同，符合纯净的网格标准；

4、边线造成纯净的结构


可以看到框选的地方通过柔和框加上细腻的线条，韵律一致形成宁静的结构；像andy的那张CNN的表现（如下图）

5、测试下网站在视觉上的“分贝”， andy提到“创造水平方向的韵律当然很重要，但如果你想设计出一个安静的结构，垂直方向的节奏感同样重要。”那我就来看看拍拍吧：


  拍拍在垂直方向不同排版在结构上会产生一定程度的视觉噪音，在水平方向上做的比较有层次，有明确的间隔；

6、ps一下拍拍底部的商品导航，在排版上下部肥大，并且导航的宽度不一致，网格结构不统一，造成了在视觉上的混乱，如图：

下部有较多的分类显示，样式较多，比较肥大，并且导航图片的大小不均等，导致在使用下拉滚动的同时，造成了混乱的效果！当分类较多时，建议使用相同的样式，用一致的标签表示！

来自：http://www.xibeidesign.cn/xibei/article.asp?id=24

分类： 交互设计 网页设计 艺术设计