网站用户体验：

“简洁大气”设计指南

　　现在被人们津津乐道的扁平化设

计无疑成为了这四个字的代言，也让之前似乎离开了人们视野的平面设计带来了新思考，
我们发现很多设计方法依旧非常经典。
　　无论是与客户的沟通还是和产品经理的

 PK 中，在第 N+1 次修改依旧没有灵感的时候，

不妨借鉴一下下面的小建议来救场。
　　调整图版率改变印象
　　图片的加入是最能立刻改变和更换整体印象的法宝。
　　图版率是杂志版式中经常提到的概念

:即页面中图片所占面积的比率。图版率高的杂志

页面会给人带来年轻与活跃的印象，相反地，全是文字，图版率为

 0，这样的页面就显得

沉稳许多。
　　放大图片，增加展示空间
　　虽然在产品上网易微博一直不温不火，但在设计上采用大图片的改版让整体拥有了简
洁的潮流感，并且每次刷新变化的封面图片让每天的登录过程也变的有趣起来。
　　改变图片比例
　　即使全部是图片也可以改变图版率。商品展示中经常会有这种图片罗列的形式，普通的
九宫格设计虽然整齐，但是没有变化和视觉重点，将几个图片位合并成为一个进行展示可
以产生更强的专题性效果。
　　色块进行重复构成排版
　　当图片资源不充足，比如消息类信息和图片并列时，可以采用和图片相同大小的色块
保持界面的统一性与简洁性。　　

  

　　使用图标代替文字
　　使用意图明确的图标代替文字可以帮助导航等操作区与文字阅读区分开。
　　创造节奏感
　　你知道吗

?观看者和一张简单的海报设计也会产生交互过程。

　　当你在

 20 米开外的时候会被它上面的人物与色彩吸引，走近至 5 米的时候会看到它的

标语，而走到跟前会发现新的小字信息。海报通过观看距离的变化制造出阅读的层次感，引
导你不断深入。
　　同样的，在界面中除了利用明确的信息分组引导视觉，还可以考虑在交互中也加入节
奏，笔者不认为在扁平化的设计时代我们就不需要打造空间关系，通过手势的变化制造出
界面不同的景深效果，可以让界面充满呼吸感。
　　比如

 AppFlow 中下拉刷新时，背景图片会由远至近，就在不觉间扩展了视觉空间。

　　使用鲜明的色彩营造气场
　　穿衣服我们讲究

“气场”，而设计中使用的色彩也应该明确，避免使用含混的色彩，这

样界面之间的元素才是有对比的。
　　戒掉排满的惯性
　　格式塔心理学中提到一个删除原理，就是从构图形象中排除不重要的部分，只保留那
些绝对必要的组成部分，从而达到视觉的简化。

 不要排满也就是我们时常说的留白，这里

的设计需要和产品一起做减法。