Featured Post

不得不说的IE9九大特性

还在用老掉牙的ie6的童鞋们,赶紧抛弃把,即便ie6是多么的经典但那已是过去的辉煌了,升级你的系统到WIN7,安全性快捷性稳定性上都更上一个层次的ie9才是ie家族未来的趋势。 但是你没有用上IE9?对IE9没有直观的认识?那么下面的九幅漫画,会让你了解到IE9的九大特性: 1、新JavaScript引擎 IE9全新内置的“Chakra...

Read More

WEB2.0时代活动类网页该如何设计?

Posted by FiFi | Posted in 设计分享 | Posted on 2010-04-25 21:50

标签:

13

博客第一篇技术文章转载了腾讯cdc的这篇文章:

在WEB2.0 网页充斥的年代,身边无时无刻都听到这样的声音:“拒绝海报式设计,要做有用的设计,要简洁,要清爽,要大气”产品经理如是传达。而活动类网页听上去和这些词语又那样的格格不入,另一种市场声音:“做活动,我们可以不同 ,我们要视觉冲击强的,要吸引眼球”活动网页的设计处于一种尴尬的境地,曾经一度,拿到活动的项目设计,不知道该如何下手。

“矛盾是事物发展的根本动力” 有矛盾才有发展,我们才有进步。WEB2.0时代活动网页在夹缝中怯生生一路走来,思路也逐渐清晰,下面总结了设计活动类网页的的一点心得和大家一起分享:

首先分析以往的活动网页的不足:

1.篇幅过长

2.质感厚重

3.形式感太强浪费有效的空间

参考国外优秀网页范例:

1.SONY的一个产品宣传页

提炼关键词:简洁的  主题突出的  模块清晰的 大色块的

2.三星的一个促销活动页面

提炼关键词:简洁的 有形式感的  富有动感的

3.WEB2.0 流行的BLOG及清爽风格网页

提炼关键词:有背景的  透明的  光感的  清爽的

总结:

活动及产品宣传类网页应该避免:

1.篇幅过长(尽量保持在2 屏以内)

2.海报式设计(通篇图片)

3.太过花哨(过于花哨,会影响用户的使用操作,会让主题显得凌乱,设计中应该避免)

4.形式感过强,装饰图片过多(放图片要说明问题,毫无意义的图片一定要审慎)

活动及产品宣传类网页应该遵循的基本原则:

1.内容简洁 (不论是策划内容还是设计板式 都要尽量简洁保持在2屏以内)

2.模块清晰 (模块之间一定要有明显的区分, 一目了然)

3.主题突出(标题醒目,背景不要太杂)

设计活动网页,记住以下关键词:

大色块的  少质感的   有背景的  透明的  光感的  清爽的  有形式感的   富有动感的

http://10.QQ.COM

http://gongyi.qq.com/loveplan/

因为活动一般时间都比较短,有时候可能来不及交互设计师的介入,那么设计师就要承担交互和视觉设计两个角色,当接到一个活动的时候,不管是什么类型,也不会跑题。

首先应该明确活动要告诉用户那些东西:

1.这是什么?(活动时间 阐明活动目的 适用范围)

2.对我有什么好处?(诱因 :赠品,利益,兴趣爱好,连带推动)

3.我该如何参加?(流程是否清晰,友好的引导)

避免无趣的活动

避免繁琐的注册,一味展示产品,用户一眼看透你的商业目的

感谢您的耐心阅读,希望以上的总结对大家有用

已发表评论 (13)

设计吗?
腾讯的东西?除了抄袭还有什么?抄而不倒帝国

不论是不是web2.0前段设计我都欣赏 简洁 便捷 人性化。

不要太花哨。

[回复]

FiFi 回复于:五月 18th, 2010 at 11:30

@风吟, 腾讯CDC的设计团队,一群年轻人很有活力,有他们自己的风格的。

[回复]

我是来留言的,
其实吧,我是来看帅锅的。。。。。。。。

[回复]

看着很好,学着难吗

[回复]

FiFi 回复于:五月 27th, 2010 at 20:36

@Sola, 这个问题的答案 正如你的头像一样^_^

[回复]

喜欢这个主题和话题,web2.0创新模式值得学习

[回复]

FiFi 回复于:五月 31st, 2010 at 10:01

@天天天蓝, 我以前叫臆想天蓝 哈哈

[回复]

其实斑竹大人啊,偶是来找你要厘米的注册链接的-。-

[回复]

不错,支持下。有不少帮助哦。

[回复]

FiFi 回复于:三月 23rd, 2011 at 20:37

多多支持哦~~嘎嘎

[回复]

斑竹啊!其实我是代表it界女同胞来询问你,婚否、、崇拜您的飞米们还有机会么?嘿嘿。

[回复]

FiFi 回复于:三月 23rd, 2011 at 18:10

嘎嘎~欢迎光临寒舍~兄台您是哪位童鞋哇?^_^

[回复]

水杯杯具 回复于:三月 28th, 2011 at 14:16

斑竹真是贵人多忘事捏,俺可仰慕你好久叻!上面的问题给解决一下撒。

[回复]

有话说?来上几句?:)