在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.我该如何参加？（流程是否清晰，友好的引导）

避免无趣的活动
避免繁琐的注册，一味展示产品，用户一眼看透你的商业目的
感谢您的耐心阅读，希望以上的总结对大家有用。

• Google 发布 Google Maps Navigation for Android
• 我理解的设计三原则

Google早在2005年就发布了针对手机的移动版Google Maps，不过有个问题：它不能告诉你到哪里该转弯了，你得自己去看着屏幕琢磨。现在好了，在Android 2.0系统里，集成了Google Maps Navigation (Beta)。同学们，如果上图还不够让你震撼的话（跟别的导航服务没什么两样嘛，Google你的创新呢？），请看下图，跟偶一起内牛满面 ^0^!!!

利 用Android手机上的GPS定位系统，可以做到路线语音提示和自动路线变更。你不仅拥有随时更新的地图和商户列表，你还可以用语音搜索要去的地方，这 非常适合开车时使用。除了传统的地图视图，你还可以切换到让人震撼的交通流量视图、卫星视图和街景视图，在到达目的地之前，看看堵车不（如果堵的话可以切 换到别的路线走），从空中看看路线图，甚至是像开极品飞车一样，在手机屏幕上虚拟的走完要去的路程。再路痴的人也不会走错了吧？

Google Maps Navigation内置在Android 2.0 Eclair系统里，首发机型为由Verizon独家发售的摩托罗拉Droid。

可惜啊，可惜啊，这又是一个贵国无法享受到的服务，除非你有穿墙之术（注意，不是我们已经具备的翻墙之术），否则你就按照你手里的Android 2.0手机的导航提示，在偏移后的房屋和道路之间穿梭而行吧。

继续观看演示视频：

YouTube清晰视频见此。

Via Google Blog

• Google收购Admob的理由
• Google收购手机广告公司AdMob：通吃iPhone和Android，打造互联网、手机网广告帝国
• Google 进军团购业务
• Google 打响和 Apple 的全面战争
• Foursquare引爆了什么？

对于设计要求，前后沟通了不下3次，最后出来的DEMO，依然难以让人满意，甚至其中一些我认为是属于设计原则性的准则，也没有把握好。

（再一次遇到了熟人办事反而难办的问题，怎么就又栽了一次呢？办公室装修得时候就遇到过一次了，以后切记不再犯错！）

我理解的界面设计原则，本质上还是信息的表达与传递，包括色彩、字体、LOGO的运用，都应该是围绕着传递信息而来的，严复老先生的“信达雅”三字，个人认为完全可以套用为设计的三原则：

• 信：把信息表达正确，杜绝二义性；（特殊场景设计例外）
• 达：把信息表达通顺流畅，主次分明，重点突出；
• 雅：把信息表达得打动人心。

对于一个普通的客户来讲，同时也是对一个普通的设计师来讲，设计之初更应该关注的是“信”和“达”，把信和达做好了，就可以说是一个好的设计作品，如果还做到了雅，可以说这是一个好的设计作品。我想，这也是谷歌的产品和苹果产品的区别吧。

现在，朋友做出来的DEMO，在还没有做好“信”和“达”的情况下，去追求“雅”，真是违背我本意了。

• WEB2.0时代活动类网页我们该如何设计？
• Google 发布 Google Maps Navigation for Android