以用户为中心的设计

这是UCDChina提前预览网页留下的存档,不包括作者可能更新过的内容。
推荐您进入文章源地址阅读和发布评论:http://www.aliued.cn/?p=2898

跟推广专题页面有关de那些事儿(二)

作者:yueyi  |   发布: (编辑)kent.zhu   |   时间:2010-09-28 14:17:50 文字大小:- +

Javascript-Selectors-1

未标题-2_03

这次主要拿我们最常接触的“推广页面”来举例。推广页面第一屏就是给用户的肆意印象,一定要抓住用户的心。这就是为什么当我们在做一个页面的时候需求方不停的在强调要热闹,字要大。其实他们想说的是这个页面的视觉要有冲击力,重点的地方应该用抓住眼球的设计元素。现在用户见多识广,什么包邮/免费/搬家/限量这样的词都不足以吸引他们。只有把握住用户的需求点,才有看下的动力。以wonderbra举例来说,这是一个神奇bra的站点,主要是介绍他们家bra的,整个页面营造的是一个封闭但是清爽简洁舒适的室内环境,有点类似更衣室的感觉。使用吊灯/便签/穿衣镜/沙发/等元素来完善整个房间,还有一个诱人的美女穿着bra展现生活中的不同状态(姿势 – -),这样瞬间拉近了用户和产品之间的距离。

444

    氛围营造

    个人觉得首先营造一个氛围是必须的,这个氛围要很给力。越是富有意境的图形越能抓住用户的视线并快速传递所携信息。文字是直白的,图片是用线序的方式来抽托主题。我们要把这个活动/产品推广出去就好象我们在给用户秒速一个生动的故事。情节生动才会引人入胜。视觉设计师讲故事的技巧就是我们的表现风格。(眩光/实体/手绘/虚幻空间/平面…)

    标题凸显

    当一个空间氛围搭建好了,接下来所有的元素都要配合这个空间。标题是一个活动的点睛之笔。主标题一般都是精辟简短,概括了整个活动的专题商业需求。副标题一般是起解释说明的作用,描述该活动的利益点。所以在视觉处理上标题是要重点刻画的,将其拆分做一些形状,色彩,大小,字体,质感,排版的变化和突破是必不可少的。但是切记不要做的太过,以上提到的6种选2~3个即可,不然就脱离了整体的页面。

    排版设计

    人物等细节的素材的选择是根据最先制定的风格样式来完成的。怎样将这些东西结合在一起就是靠设计师的排版组合。这里会涉及到色调,构图比例,质感搭配的经验。
qqq2未标题-2cc
以这个推广为例子,拿到DEMO的时候,主标题是“清凉一夏,日本流行风”要营造一个夏季的氛围,我首先想到的就是沙滩/美女/夏威夷这样的一个场景,长裙/海浪是必不可少的元素,页面承载的都是服装的产品信息,所以要选一个有长裙的美女,接着就是想到木制/相册/便签/手绘风这样的质朴舒服的感觉。我想营造一个清凉的感觉就选用清新的蓝天白云做背景。为了凸显主题将背景颜色调灰然后整片叠底上一层沙滩,两个图层分界的地方不能很生硬,选用了墨迹的笔刷有一个点点沙粒被剥开的过度。
开始做字体的时候想到的是红色,橙色有夏天烈日的感觉,但是因为是清凉,所以颜色不能过重。用夏威夷的手绘花朵点缀字体,在“一”的处理上放上一个实物的海螺,要这个标题更加的生动。下方的利益点文字比较多,不妨选用了手绘的方式表达。

 

未标题-2_04

剩下的事情就是整理和回顾,这是一个必不可少的环节。新人在做推广的时候普偏存在的问题就是脑中没有货?!什么货?那些看过的收集过的素材和表现技法,不知道从何下手。以下列举是一些氛围渲染的比较好的页面,大家可以根据这几张页面总结出一些表现风格,比如前两张的手绘跟实图相结合的方法。下次设计新页面的时候可以有意识的去尝试这个技法。3/4两张空间的立体感营造,对于多文字的排版很容易出效果。

未88标题-2

 

更多
打印  |  相关话题:推广专题页面设计   |  类别:信息和交互  |  源地址

UCDChina的书

《UCD火花集2》封面
UCDChina编著,定价35元
从卓越网购买 从当当网购买

《UCD火花集》封面
UCDChina编著,定价25元
从卓越网购买 从当当网购买

《应需而变——设计的力量》封面
UCDChina团队成员JunChen译,定价29元
从卓越网购买 从当当网购买

《网页设计解析》封面
UCDChina团队成员周陟著,定价62元
从卓越网购买 从当当网购买

《赢在用户》封面
UCDChina团队成员Angela译,定价29元
从卓越网购买 从当当网购买

《用户体验的要素》封面
UCDChina团队成员Angela译,定价25元
从卓越网购买 从当当网购买