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

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

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

【 tulaoshi.com - 平面设计 】

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

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

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

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

1.篇幅过长

2.质感厚重

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

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

参考国外优秀网页范例:

1.SONY的一个产品宣传页

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

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

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

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

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

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

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

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

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

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

总结:

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

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

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

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

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

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

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

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

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

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

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

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

http://10.QQ.COM

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

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

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

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

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

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

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

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

避免无趣的活动

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

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

进入论坛参与讨论

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

延伸阅读
一个非常不错的FLASH站点,用色鲜艳、明快,给人非常舒服的体验,尤其是独特的交互设计让我们想忘掉它都很难! 如果你想亲身体验一把,请 点击这里 访问该站!
设计类网页最重要是创意,画面要有一定的新意和视觉冲击力。因此在选择素材的时候多选一些艺术感较强的图片,然后发挥想象去渲染,做出自己满意的效果。 最终效果 1、新建一个895×307px的图层,分辨率为300,背景颜色为白色,颜色模式为RGB。 2、打开人物素材,拖到刚刚新建的图层上面。 3、新建图层,使用...
如果您想亲身体验一回,请 点击这里 访问该站
标签: Web开发
在网页的设计开发过程中,最重要的莫过于网页的视觉效果,设计人员经常花费大量精力用于调整字体和字号。利用CSS2规范,我们可以在Web页面或应用程序中随意对字体进行调整。本文将深入探讨字体大小,并介绍在网页和网页应用程序中调整字体的最佳方法。 如何调整字号 CSS2规范是以字体长度来定义字号的,长度数字越大,字体的水平和垂...
(1)白纸黑字是永远的主题,谁都说不出不好来。 (2)网页最常用流行色 ·蓝色 ·绿色 ·橙色 ·暗红 (3)颜色的忌讳 ·忌脏 ·忌纯 ·忌跳 ·忌花 ·忌粉 ·蓝色忌纯,绿色忌黄,红色忌艳。 (4)几种固定搭配 ·蓝白橙 ·绿白蓝 ·橙白红 ·暗红黑 相关阅读: 网页配色方案中的颜色亮度

经验教程

908

收藏

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