当前位置: 首页 > 图文教程 > 网页制作 > 心得技巧 > 设计理论:如何设计活动类网页

心得技巧
设计字体:雅黑,Helvetica和Arial
社会化设计(social design)
设计灵感:61个最新的logo标志设计
网页交互设计:高度认知和低度认知
设计理论:矩形分布产生漂亮的视觉效果
网页设计:外观之美、排版之美和体验之美
设计参考:精美的网页页眉和页脚设计实例
交互设计:如何提高用户使用的流畅感
交互设计理论:描述眼动研究的作用
网页优化:浏览器的reflow优化理论
设计参考:优秀的网站首页Banner设计实例
专注设计细节:好的web设计更能体现产品的品质感
设计案例分享:阿里妈妈UED的博客换肤
用户体验设计:谈谈对交互设计的感受
iPhone设计:利用图形元素和屏幕交互设计
用户体验设计实例:优化策略
产品原型设计:锚点跳转与Title提示功能
用户研究:如何正视心理学
交互设计实例:赠送QQ秀商城流程优化
标识的好坏取决于所代表的行为和政策

心得技巧 中的 设计理论:如何设计活动类网页


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

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

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

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

  1.篇幅过长

  2.质感厚重

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

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

 

参考国外优秀网页范例:

  1.SONY的一个产品宣传页
  提炼关键词:简洁的  主题突出的  模块清晰的 大色块的

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

 

2.三星的一个促销活动页面
提炼关键词:简洁的 有形式感的  富有动感的

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

 

  3.WEB2.0 流行的BLOG及清爽风格网页
  提炼关键词:有背景的  透明的  光感的  清爽的
WEB2.0时代活动类网页我们该如何设计?

总结:

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

  1.篇幅过长(尽量保持在2 屏以内)
  2.海报式设计(通篇图片)
  3.太过花哨(过于花哨,会影响用户的使用操作,会让主题显得凌乱,设计中应该避免)
  4.形式感过强,装饰图片过多(放图片要说明问题,毫无意义的图片一定要审慎)

  

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

  1.内容简洁 (不论是策划内容还是设计板式 都要尽量简洁保持在2屏以内)
  2.模块清晰 (模块之间一定要有明显的区分, 一目了然)
  3.主题突出(标题醒目,背景不要太杂)

 

  设计活动网页,记住以下关键词:
  大色块的  少质感的   有背景的  透明的  光感的  清爽的  有形式感的   富有动感的

  这是目前线上还有的两个活动大家可以看看

  http://10.QQ.COM

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

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

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

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

 

  首先应该明确活动要告诉用户那些东西:
  1.这是什么?(活动时间 阐明活动目的 适用范围)
  2.对我有什么好处?(诱因 :赠品,利益,兴趣爱好,连带推动)
  3.我该如何参加?(流程是否清晰,友好的引导) 

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