当前位置: 首页 > 图文教程 > 网页制作 > 心得技巧 > 淘宝网女装优惠活动视觉设计实例分享

心得技巧
IE8 Beta 1两个地方需要大家注意
提高网站性能中内容有关的10条原则
网页设计者应该从三个方面优化网页
Web 设计 实现干净代码的12条定律[图文]
网页设计必备工具 firefox Web Developer插件 CSS工具组教程
UCenter Home 站点添加统计代码
9款很棒的网页绘制图表JavaScript框架脚本
提高网站可用性的10个小技巧
网站维护页面的列表制作技巧
B2C 网站用户体验细节设计参考
收集12个实用的网页在线工具
设计参考 漂亮和原创的博客设计
收集25个知名网站标志中使用的字体
极尽简约的网站设计实例
个性化创意鲜明的网站设计实例(30个)
水平滚动的网站设计 小结
更受欢迎 更具创造性的深底色网页设计实例
有创意的关于我们网页页面设计
整洁漂亮的网页设计的4项原则
设计参考 WordPress建站成功案例

心得技巧 中的 淘宝网女装优惠活动视觉设计实例分享


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2010-01-03   浏览: 54 ::
收藏到网摘: n/a

10月9日是国庆中秋黄金周后上班的第一天,当天近8亿人次逛淘宝,即淘宝网每分钟完成43.47万元的交易,创下国内网购单天交易最高纪录。从销售的商品种类来看,当天淘宝网上女装以接近6000万元的交易额成为销售冠军,紧随其后的是化妆品和家居用品。

那么如何把握好作为销售榜首的女装类设计呢?很多UI设计的前辈告诉过我,做用户体验,要把看的人当傻子,意思也就是我们的设计要符合大众思维通俗易懂。而在视觉上,我认为绝不能小觑会员的审美及品味。

———————————————————————————————————————————————————–

活动一:100%粉嫩小女人

要  求:100%及粉嫩小女人都是在线购物非常吸引眼球,容易引起点击的标题;主题诉求明确,与产品贴合度高。整个活动页面呈现小女人衣柜的感觉。 

 素  材:田园衣柜、珠帘、木质底纹、鲜花、相框、木框等等……<见上图>

连  接:100%粉嫩小女人,线上地址,点击查看>>

总  结:粉嫩小女人,粉红色当然是首选色了。而为了然页面呈现更多的层次,让每个商家的区块划分明显,我只将粉色运用到页头,以下依次变换色调,呈现漂亮的“彩虹色”。当然,页面少不了煽情的小元素,这些元素让整个页面更加剔透可爱。而小柜子的造型则是通过实物素材修改而来,所以,当我们找不到满意的素材时,且可以自己去创造。

———————————————————————————————————————————————————–

活动二:通杀男人绝技!38度熟女穿衣经

要  求:凸显商家“品牌”,提升活动档次,符合成熟女性的消费习惯。整个主题诉求明确,与产品贴合度高。迎合成熟女性的情感需求,打动内心。每个客户都是一本时尚杂志,整个活动页面就是书架。 

 素  材:蕾丝、杂志原型、星星、标签、涂鸦字、虚线、纸质卷角、丝带、渐变背景等等……<见上图>

连  接:通杀男人绝技!38度熟女穿衣经,线上地址,点击查看>>

总  结:和需求方商量后,取消了关于书架的构思,直接将页面以杂志的方式呈现出来。

为了力求在简洁中争取最大的美观度,当时翻阅了不少的时尚杂志。而杂志感觉无非是排版上的设计,追求主标题、副标题的变化,图片美观且突出即可。

———————————————————————————————————————————————————–

活动三:潮流、性感、淑女、知性、可爱,让他神魂颠倒!
要 求:打破原有页面规则的排列方式,突出商品,以点击率、成交量为导向。形式自定。

 素 材:蝴蝶结、藤蔓、珠帘、圆点底纹、珍珠、丝带、眩光背景等等……<见上图>

连  接:让他神魂颠倒!线上地址,点击查看>>

总  结:这个页面算是超级卖霸的一次改版,所以发挥的自由度也更大了。抓住主题“神魂颠倒”,决定整个色调采用颇具诱惑力的紫色。整个版式就像女人的蛋糕裙摆。光晕更是能烘托氛围的好素材。由于这次的目的是为了达到一定的点击率和成交量,所以将商品放大到最高限度,突出价格,将主要精力放在商品美化上,降低素材对商品的影响。最后页面也达到了既定的点击率及成交。

———————————————————————————————————————————————————–

我们的设计其实是为需求而服务,当然一个好的需求会准备好充足的素材资料,也会将自己的思维准确的传达给设计师。那么,需要设计来把握的是:需求需要的是什么?点击率?推广品牌?或者是其他。在这个基础上,再将页面设计得美观漂亮。

另:感谢为此三期活动制作flash的文轶同学。