IT技术博客大学习 共学习 共进步
全部 移动开发 后端 数据库 AI 算法 安全 DevOps 前端 设计 开发者

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

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

    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. UML 新用途:让 AI 理解你生成的代码 (2026-06-28 17:00:00)
  2. 如何写好设计文档? (2026-06-23 08:00:00)
  3. Designing With Uncertainty: How AI Supercharges Probabilistic Thinking (2026-06-16 23:00:00)

查看更多 设计 文章 →

建议继续学习

  1. 50个活力和动感的网页设计-颜色的灵感 (累计阅读 34,446)
  2. 30套最好的网站开发与设计中使用的小型图标 (累计阅读 12,536)
  3. 越简单越丰富――极简网页设计视觉呈现技巧 (累计阅读 11,602)
  4. 看看各个网站的404错误处理 (累计阅读 10,212)
  5. 网易微博平面视觉项目执行 (累计阅读 10,039)
  6. sns视觉设计分享 (累计阅读 9,532)
  7. 图书馆的世界纪录 (累计阅读 9,513)
  8. 网站导航设计的6大分类 (累计阅读 9,305)
  9. 视觉设计前瞻实用性研究(PNVD) 第五期 (累计阅读 7,202)
  10. 概念视觉设计 (累计阅读 5,832)