网页设计:活动类网页该如何设计?

2016-02-17 04:26 10 1 收藏

有一种朋友不在生活里,却在生命力;有一种陪伴不在身边,却在心间。图老师即在大家的生活中又在身边。这么贴心的服务你感受到了吗?话不多说下面就和大家分享网页设计:活动类网页该如何设计?吧。

【 tulaoshi.com - 平面设计 】

活动类网页,故名思意是专门一些网站线上与线下开展活动的宣传网页,很多时候我们都会参照海报的设计方式来对这类网页进行设计,当然虽然如此不过网页总归与海报是有区别的,有时候我们在设计此类网页时反而无从下手,不知道该注意点什么,本文中的一些经验可能会为你解决设计活动网页的困扰。

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

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

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

1.篇幅过长

2.质感厚重

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

网页设计:活动类网页该如何设计?,PS教程,图老师教程网

参考国外优秀网页范例:

1.SONY的一个产品宣传页

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

网页设计:活动类网页该如何设计?,PS教程,图老师教程网

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

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

网页设计:活动类网页该如何设计?,PS教程,图老师教程网

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

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

网页设计:活动类网页该如何设计?,PS教程,图老师教程网

总结:

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

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

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

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

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

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

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

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

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

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

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

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

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/pmsj/)

http://10.QQ.COM

网页设计:活动类网页该如何设计?,PS教程,图老师教程网

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

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/pmsj/)

网页设计:活动类网页该如何设计?,PS教程,图老师教程网

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

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

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

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

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

避免无趣的活动

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

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

进入论坛参与讨论

来源:http://www.tulaoshi.com/n/20160217/1578478.html

延伸阅读
如果您想亲身体验一回,请 点击这里 访问该站
标签: Web开发
一直以来,我深信yahoo的网页设计是很棒的。但是,我的确说不出具体的理由,因为实在有太多的网站比它好看得多。我之所以觉得它好,是因为它是世界第一大站,它手下有无数世界级的设计师,这种设计是厚积薄发的结果。所以,对yahoo设计的认同,其实是一种对权威的盲目敬畏。我们的身边还有很多类似的网站。 当04,05年web标准化思想传入中国的...
一个非常不错的FLASH站点,用色鲜艳、明快,给人非常舒服的体验,尤其是独特的交互设计让我们想忘掉它都很难! 如果你想亲身体验一把,请 点击这里 访问该站!
标签: 网页设计 设计
采用非对称的设计 让我们不使用网格来布局吧。(或者至少尝试一下调整为左右不对称。) 背景设计并不需要完全的对齐每一个要素、图案。此外,他也没有必要是纯色或者图案。 将网页设计所需要的要素组合起来,围绕左右不对称来平衡它们。例如在上述案例 Nap Luxury GuestHouse 中,画面被整个背景图所充满,仅在右侧留有少许留白...
标签: Web开发
框架的最常见用途就是导航。一组框架通常包括一个含有导航条的框架和另一个要显示主要内容页面的框架。 但是,框架的设计可能比较复杂;并且在许多情况下,您可以创建没有框架的 Web 页,它可以达到使用一组框架所能达到的许多同样效果。例如,如果您想让导航条显示在页面的左侧,则既可以用一组框架代替您的页面,也可以只是在站点中...

经验教程

230

收藏

85
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部