做交互应该知道的视觉几件事

　　群的等级，用星球上的树木来体现，等级越高，树木越茂盛。

　　帮助页、个人页、发布页等等… 就不一一介绍了，总之大家自己观察，就会发现微群处处都有体现。

　　造型让产品更有冲击力

　　视觉设计中，夸张的造型对用户的冲击力非常大，很容易一下抓住用户，这种设计常出现在专题页面和个性皮肤中。

　　《带着微博去旅行》这个专题，设计师在头图设计中用了斜线处理，就连部分按键也是倾斜的，这就和下面规整的模块形成了对比。我们交互设计的原型稿，布局上往往是横平竖直的，有时视觉表现上打破这种规则，会起到绝佳的效果。

　　《微博有爱》专题也是个很好的例子，紧握的双手与标题形成了倒三角形，"获取情人节勋章"放在三角形尖部，一下就把主题和最重要的操作，推到了用户眼前。

　　《微身份勋章》和《2012来了》专题中，感觉就要跳出屏幕的模特和大船，也是表现页面冲击力很好的例子。

　　重要内容留在首屏

　　这是视觉和交互设计师中都要注意的，有时往往原型中放在了首屏，视觉设计时由于一些原因(加模块或是加高头图)又被挤到了下面，这点大家在视觉审核与测试中要格外注意。

　　大家看下图，大屏幕是一个反面教材，首屏居然放了一个广告，而微博桌面做得就好多了。

 

　　由于用户显示器大多还是1024*768以及1280*800的分辨率，除去浏览器高度，重要内容还是尽量放在600高以内吧。

　　让页面有层次有重点

　　交互设计师完成页面布局设计，突出页面重点，方便用户浏览信息、完成任务。视觉设计阶段，好的设计稿对于延续前期交互理念，引导用户操作是非常有帮助的。

　　先看微博主站的例子。视觉设计师通过色块把页面中的左导、主内容区和右侧模块区分开，用户浏览微博信息时，视线不会被两侧干扰。而同样布局的微博相册就差一些，淡灰色左导很不清晰，右侧和主内容区也没有一个清晰的分界，用户浏览时很难发现重点。

　　再看微直播首页，最重要是页面上方的推荐区，设计师用延展的红色模块，与下方的浅灰色形成对比，一下就把重点突出了。