做交互应该知道的视觉几件事
做交互应该知道的视觉几件事-移动阅读二维码

营造统一的品牌形象

品牌形象是一个很大的领域,具体到某个微博产品的品牌感,更多的还是通过视觉形象来传达。这就需要视觉设计师制定一套系统的视觉体系,让用户看一眼,就能清晰地辨认。

微群的品牌形象很受大家认可,项目规划时,希望能表现人与群、人与人的关系,以及群的归属感。视觉设计师采用了星球、飞船和人的视觉元素,讲述了“每个群都是一个星球,大家有着共同爱好”的故事。整个网站以深蓝为主色调,营造星空的感觉,当用户看到了这种配色和元素,就知道自己来到了微群的页面。

内测时启动了这套体系,飞船上的人发现了适合自己的星球,马上就要降落了。

新手引导中,也巧妙地将这种元素融入进来,既形象,又增强了品牌感。

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

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

造型让产品更有冲击力

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

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

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

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

本文链接:http://www.mobileui.cn/vision-a-few-things.html
本文标签: , ,