我所理解的网页推广设计的几个要点
作者:vivi 来源:aliued 发布时间:2011-01-25 12:37:00
在开始聊我在阿里四个月的网页推广设计之前,我想先来说说我对平面设计和网页设计的认识。
它们之间的交集。
1.它们都是集艺术创作、电脑技术和数字技术于一体的,以“视觉”(包括符号、图片和文字)作为沟通和表现方式的一种创造过程。设计师一般会利用字体排印、视觉艺术、版面编排(page layout)等方面的专业技巧,来达成创作计划的目的。
2.它们都讲求视觉上的快速、正确、有效的信息传达,都在诉说一个理念或品牌,都具有商业价值,它们的目标是信息、提示、促销和产生连锁反应等。
同时他们之间的区别也是显而易见的,主要表现在
1.设计实现的介质不同
平面设计实现的载体具有多样性,纸、塑料、布、木头、金属等,一般都与印刷有关,因此它受到印刷的限制最大,例如对印刷纸张的材质、规格的要求,对字种字号的要求等,最明显的是印刷的最小字体普遍使用识别性较好的有衬线字体。平面设计给人的体验主要来自视、触觉两个方面。
网页设计通过屏幕的显示来实现,它与平面设计最大的区别是介入了多媒体技术的应用,但同时受网速的制约。在文字处理上,屏幕的像素化显示要求最小的文字必须设置消除锯齿来保证文字的识别性。网页设计通过视听被用户感知。
2.信息的承载量不同
平面设计的产出物包括海报、宣传册、杂志、包装、广告等,它们每一次所承载的内容是相对有限的,而网页设计每屏的信息承载量比平面设计大很多(因为网页的滚动条可以无限拖动)。
进阿里近两个多月时做的推广设计,我一直在范本末倒置的错误。为了突出推广产品的品质感,我把对优质的产品图,合适的人物、场景图的选择看作推广视觉表达的最重要的环节。某天有个同事在我身后说:设计与绘画一样,当你停下来的任何时候它都应该是完整的!因为这句话,我逐渐对推广设计的要点进行了归纳、分析,下面这几点是我这段时间做网页推广设计的认识。
1.正确地理解需求的诉求点,并尽快达成共识
当我们接到一个需求demo时,设计师会先独立地解读,包括:对需求诉求点的明确,页面的整体氛围的感受等,接下来就是对网页设计新人而言比较有挑战性的环节——需求沟通。由于知识结构的不同,设计师和需求方对于同一个效果的认识会不尽相同,这时我们可以进入到下一个环节,
2.明确页面设计的主题,投放的环境等,确定设计的氛围和色调
这个过程中我们应该尽量多地让需求方来描述她们所认为的这个活动想传达给人的感觉,设计师借此把这种感觉用关键的文字与需求方达成共识,
3.主题文字的重中之重的确定,交互稿子的审核
经过这两步,设计师可以花半个到一个小时的时间勾勒下这个页面的框架,包括构图,主题文字、元素的组合,行动点的安排等等,把第一个大致的稿子给需求方过一遍,进一步的沟通和明确以后可以开始设计了。这样做的好处是,设计的方向相当明确,
4.合理有效地编排设计。
网页设计不同于平面设计,它的显示空间完全依赖显示器的大小,因此网页设计的第一屏给人的印象直接决定了用户下一次还会不会再光顾,这就要求设计师必须同时合理安排好页面的各个板块的布局和衔接,保证信息传达的快速、准确、有效性,做到明确而自然。这里要强调一点的是过度渲染视觉效果的热闹而让客户不知所云的设计是没有价值的。
最后,当我们的页面有了重点,细节塑造以后,我们需要对页面进行最终的整合,页面左右上下是不是均衡,色调,光线是不是统一等等,做一些轻微的调整。
猜你喜欢
- 1、善用css缩写可以减少页面文件大小,提高下载速度,同时使代码简洁可读。代码:div{ b
- 刚才要说的是这几天亲身体验了一下ebay的AIR感觉挺不错的,无论从界面,交互,功能上都感觉挺好的。关于topic中的“剑走偏锋”是因为我认
- 内容摘要:在网页制作中,有许多的术语,例如:CSS、HTML、DHTML、XHTML等等。在下面的文章中我们将会用到一些有关于HTML的基本
- 阅读上一篇:你是真正的用户体验设计者吗? Ⅲ交互系统设计者负责用户体验——不!那么什么是真正的交互呢?什么是交互式系统?你桌子上的杯子是交互
- 在各类的前端开发工具里,在功能上虽然Editplus显得有些“单薄”,但是仍然是很多我辈做开发的人们离不开的工具,因为他小巧,语言高亮,支持
- Javascript 选择器(selector engine)似乎从 jQuery 流行以来就大行其道,改变了原有 Javascript 选
- 从今天开始起,基督山将和大家一起进入ASP.net 诸多程序的学习中,老实说,.net到底是法宝还是垃圾,我们拭目以待。有任何问题,联络基督
- 现在很多朋友都不止一个账户,不止一个密码。忘记账户名、密码,或账户名、密码输入错误也就难免啦。每当这个时候,你是否和我一样会有小小的焦虑产生
- 最近几天仔细研究了一下vertical-align这个属性,结果让我大吃一惊,这个很“资深”的CSS标准竟然在各个浏览器里面的表现都各不相同
- 使用ASP生成图片彩色校验码49行代码,三个文件 Asp文件:Co
- 原作者:Jonathan 翻译:charlee原文:http://f6design.com/journal/2006/10/21/the-v
- 这个javascript农历日历,万年历代码网上看到的,很不错,功能齐全,值得收藏!功能介绍:动态显示当前世界各国各时区时间,显示当前农历,
- 这篇论坛文章详细的讲解了使用SQL Server 2008管理非结构化数据的具体方法,更多内容请参考下文:microsoft SQL Ser
- asp之家注:作为一个学习asp的爱好者,相信一定接触过session,我们经常使用session来作为会员登录的验证,当然也可以使用COO
- 众所周知道,IE向来是我们在制作网页时最难搞定的对手。但又迫于其用户群数量之多,我们不得不想法设法搞定它。下面,将介绍的将是利用其特点而被发
- asp读取access数据库表名称的代码:<%strConn="DBQ="+server.mappath(&quo
- 在此之前,我写了两篇关于ASP结合XML的贴子,分别介绍了用XML取代数据库和用XML整合数据库这两方面的技术,让数据库在某种情况下不再是我
- 一般情况下,网站的图片代码是这样的。<img src="./images/test.jpg"
- SQL Server 2005数据库中增加了XML类型,在创建表的时候可以指定某一列为XML类型,示例如下:CREATE TABL
- 当你使用Lumigent log Explorer连接服务器后,选择具体的数据库实例时报错,提示 &nbs