IT技术博客大学习 共学习 共进步

我所理解的网页推广设计的几个要点

阿里巴巴(中文站)用户体验设计部博客 2011-01-04 23:07:54 浏览 2,082 次

    Javascript-Selectors3

    在开始聊我在阿里四个月的网页推广设计之前,我想先来说说我对平面设计和网页设计的认识。

    它们之间的交集。

    1.它们都是集艺术创作、电脑技术和数字技术于一体的,以“视觉”(包括符号、图片和文字)作为沟通和表现方式的一种创造过程。设计师一般会利用字体排印、视觉艺术、版面编排(page layout)等方面的专业技巧,来达成创作计划的目的。

    2.它们都讲求视觉上的快速、正确、有效的信息传达,都在诉说一个理念或品牌,都具有商业价值,它们的目标是信息、提示、促销和产生连锁反应等。

    同时他们之间的区别也是显而易见的,主要表现在

    1.设计实现的介质不同

    平面设计实现的载体具有多样性,纸、塑料、布、木头、金属等,一般都与印刷有关,因此它受到印刷的限制最大,例如对印刷纸张的材质、规格的要求,对字种字号的要求等,最明显的是印刷的最小字体普遍使用识别性较好的有衬线字体。平面设计给人的体验主要来自视、触觉两个方面。

    网页设计通过屏幕的显示来实现,它与平面设计最大的区别是介入了多媒体技术的应用,但同时受网速的制约。在文字处理上,屏幕的像素化显示要求文字必须设置消除锯齿来保证文字的识别性。网页设计通过视听被用户感知。

    2.信息的承载量不同

    平面设计的产出物包括海报、宣传册、杂志、包装、广告等,它们每一次所承载的内容是相对有限的,而网页设计每屏的信息承载量比平面设计大很多(因为网页的滚动条可以无限拖动)。

    进阿里近两个多月时做的推广设计,我一直在范本末倒置的错误。为了突出推广产品的品质感,我把对优质的产品图,合适的人物、场景图的选择作为看作推广视觉表达的最重要的环节。某天有个同事在我身后说:设计与绘画一样,当你停下来的任何时候它都应该是完整的!因为这句话,我逐渐对推广设计的要点进行了归纳、分析,下面这几点是我这段时间做网页推广设计的认识。

    1.正确地理解需求的诉求点,并尽快达成共识

    当我们接到一个需求demo时,设计师会先独立地解读,包括:对需求诉求点的明确,页面的整体氛围的感受等,接下来就是对网页设计新人而言比较有挑战性的环节――需求沟通。由于知识结构的不同,设计师和需求方对于同一个效果的认识会不尽相同,这时我们可以进入到下一个环节,

    2.明确页面设计的主题,投放的环境等,确定设计的氛围和色调

    这个过程中我们应该尽量多地让需求方来描述她们所认为的这个活动想传达给人的感觉,设计师借此把这种感觉用关键的文字与需求方达成共识,

    3.主题文字的重中之重的确定,交互稿子的审核

    经过这两步,设计师可以花半个到一个小时的时间勾勒下这个页面的框架,包括构图,主题文字、元素的组合,行动点的安排等等,把第一个大致的稿子给需求方过一遍,进一步的沟通和明确以后可以开始设计了。这样做的好处是,设计的方向相当明确,

    4.合理有效地编排设计。

    网页设计不同于平面设计,它的显示空间完全依赖显示器的大小,因此网页设计的第一屏给人的印象直接决定了用户下一次还会不会再光顾,这就要求设计师必须同时合理安排好页面的各个板块的布局和衔接,保证信息传达的快速、准确、有效性,做到明确而自然。这里要强调一点的是过度渲染视觉效果的热闹而让客户不知所云的设计是没有价值的。

    最后,当我们的页面有了重点,细节塑造以后,我们需要对页面进行最终的整合,页面左右上下是不是均衡,色调,光线是不是统一等等,做一些轻微的调整。

    下面是我毕业这几个月做的一些推广banner,包括活动营销推广、商品营销推广、邮件/论坛帖。

    472-160-3

    472-160-1

    472-160-2-

    1

    23

    Christmas  page

    从我这几个月的设计感受来说,对于一个刚毕业的设计师,在沟通方面的能力提高最重要,要学会换位思考。对需求的认识和理解要及时与需求方探讨,挖掘需求的诉求点进行突出表现。在技术上要坚持不断地练习、探索,尝试用不同的表现风格(可爱、炫酷、手绘、简约、雅致等),不断提高专业技能,使创意和技术达到完美结合。

    ――在这里我要谢谢所有在生活工作上给予我帮助的人,谢谢大家!

建议继续学习

  1. 网页表单设计摘要 (阅读 5,321)
  2. 不得不说的糟糕设计 (阅读 4,783)
  3. 解读iPhone平台的一些优秀设计思路 (阅读 4,745)
  4. 卡通风格网站设计一览 (阅读 4,581)
  5. 在信息架构层次对比开心网和Facebook的设计 (阅读 4,303)
  6. 优先为移动设计带来的优势 (阅读 3,982)
  7. 大胆设计 (阅读 3,683)
  8. 优先为移动设计的理由 (阅读 3,586)
  9. 深泽直人:无意识设计 (阅读 3,585)
  10. 如何做一个有趣的设计 (阅读 3,482)