你正在浏览的是 设计 标签

野谈交互 — 淘宝商城的banner设计

日期 : 2011年1月10日 0:09 am 标签 : - 野谈交互 - - 评论 : 0 ~o~ 日历 : 10 Jan 2011


图源来自 淘宝商城截图,我去~ 这不是广告~~
如果你经常逛淘宝商城,你会发现商城里的banner有好多设计起来风格都很像,比如配图这样的。

  • 也许你会认为,是同一个设计师承包了这部分banner。
  • 也许你会认为,设计师比较懒,套用了同一个模版做的。

我可以很肯定的告诉自己,这TM是有组织-有预谋的设计规范。至少我超级喜欢

那么:这样的banner设计,有什么优点?

1.设计 区块化

首先,左边是视觉部分,右边是文案信息部分。视觉部分通过简洁的商品搭配或者 模特搭配,来突出banner链接那边都有怎样的商品。右边信息部分,通过大小标题来突出,信息的层次性,更有利于用户去阅读。
下划线是亮点,将信息中的精髓部分像标记笔一样刻出来。

2. 更加迎合各种用户需求

广大用户中,总有些人对banner上的字比较敏感,他们在阅读一张banner的时候,最先进入眼睛的时banner上的字,那么之后才是banner上的画。同样,另外一些人对banner上的图片比较敏感。
那么这样的设计,能够引导用户按照各自独有的顺序来阅读banner。
如果经过长期的用户定向培养,对用户识别banner内容的效率有很大的提升,同时间接的提高banner的点击质量。

3. 视觉规范化

相信去过宜家朋友们都知道,很多小细节都有它规定的成列方式,给用户的感觉是,整齐干,错落有致。当banner 都是非常规范的一种设计模式,页面整体看起来就非常的协调。

4. 提高设计的效率,高产

懒人要懒出一种境界,很多高效的人同时又是一个懒人。
我相信,这样的banner 设计应该是 商城某位设计师不断的偷懒,总结出来的一种即不会很难看又很高效的设计模式。因为,做活动页面的设计稿已经够折腾他了。

5. 始终以内容为主导

举个事例:
记得在一次交流会上,询问淘宝玉伯,为什么淘宝好多产品设计开始直接使用直角,而不用圆角。他的回答让人满意,他说:通过调研,发现用户并不在意你设计的东西是否圆角,只要能点就行。于是后来设计师就开始尝试直角的设计。

这个事例告诉我们,对于商业需求的设计,应该更加注重内容。那么banner设计是否也

D4设计论坛

日期 : 2008年10月14日 16:07 pm 标签 : - 生活琐碎 - - 评论 : 7 feet 日历 : 14 Oct 2008