平面设计和网页设计都是集艺术创作、电脑技术和数字技术于一体的,以“视觉”作为沟通和表现方式的一种创造过程。平面设计泛指具有艺术性和专业性,利用符号、图片和文字通过多种方式来传达想法或讯息的视觉表现。网页设计作为一种视觉语言,特别讲究编排和布局,注重整体布局的合理性,使浏览者有一个流畅的视觉体验,二者有一定的区别和联系。
一、相同点主要表现
1.平面设计和网页设计都是集艺术创作、电脑技术和数字技术于一体的,以“视觉”(包括符号、图片和文字)作为沟通和表现方式的一种创造过程。设计师一般会利用字体排印、视觉艺术、版面编排(pagelayout)等方面的专业技巧,来达成创作计划的目的。
2.它们都讲求视觉上的快速、正确、有效的信息传达,都在诉说一个理念或品牌,都具有商业价值,它们的目标是信息、提示、促销和产生连锁反应等。
二、不同点主要表现
1.设计实现的介质不同。平面设计实现的载体具有多样性,纸、塑料、布、木头、金属等,一般都与印刷有关,因此它受到印刷的限制最大,例如对印刷纸张的材质、规格的要求、对颜色值的设定、对字体字号的要求等,最明显的是印刷最小字体普遍使用识别性较好的有衬线字体。平面设计给人的体验主要来自视觉和触觉两个方面。网页设计通过屏幕的显示来实现,它与平面设计最大的区别是介入了多媒体技术的应用,但同时受网速的制约。在文字处理上,屏幕的像素化显示要求文字必须设置消除锯齿来保证文字的识别性。网页设计通过视觉和听觉被用户感知。
2.信息的承载量不同。平面设计的产出物包括海报、宣传册、杂志、包装、广告等,它们每一次所承载的内容是相对有限的,而网页设计每屏的信息承载量比平面设计大很多(因为网页的滚动条可以无限拖动)。初学者往往为了突出推广产品的品质感,把对优质的产品图,合适的人物、场景图的选择作为看作推广视觉表达的最重要的环节。事实上,设计与绘画一样,当停下来的任何时候它都应该是完整的!
三、做平面设计的基本思路
1.项目背景分析。当拿到一个项目时,首先要了解这个项目的背景,譬如企业发展概况、企业文化、产品、企业形象等,可以参照客户提供的需求资料和公司的宣传资料,从而形成对这个企业和项目的初步定位。
2.提炼概念。了解了项目的背景及客户的需求之后,就要从中提炼出一些基本概念,如在设计时要展示哪些元素,哪些应做为抢眼的元素等等。
3.思维发散 在确定了大致设计概念之后,就要大胆想象,发散思维,不能死板地局限于某个事物本身。找出各元素之间的关联,进行创意思维。
4.确定主体的背景元素。大致思路有了之后,就要确定背景元素,这时应考虑色相、色调的问题。如这些元素应放在什么样的环境中,和什么场景搭配能够形成一幅让人有无穷想象空间的画、一个故事和一个优美的篇章。
5.构思方案。任何想象和灵感都是在一念之间,所以在分析构思之后,要形成一些文字性的东西,即写出项目实施的方案 这样便于设计师的后期制作,也便于和客户进行细致地交流和沟通。
6.素材收集。有了以上的整体设计框架,接下来就要收集素材。可以从客户提供的资料中选取,也可以在互联网找一些素材。在素材收集时,切记不能滥收集,收集得太多自己便没有了注意,往往把设计当成素材的堆积。
7.设计制作。有了构思、方案和素材,接下来就要着手设计制作。在设计时要做到整体布局合理,配色和谐、统一,能够凸显重点,吸引顾客的眼球。最后做一些细节上的调整
处理。
四、做网页设计的基本思路
1.正确地理解需求的诉求点,并尽快达成共识。当接到个需求demo时,设计师应该先独立地解读,包括:对需求诉求点的明确,页面的整体氛围的感受等,接下来就是对网页设计新人而言比较有挑战性的环节— — 需求沟通。由于知识结构的不同,设计师和需求方对于同一个效果的认识会不尽相同,这时可以进入下一个环节。
2.明确页面设计的主题,投放的环境等,确定设计的氛围和色调。这个过程中应该尽量多地让需求方来描述她们所认为的这个活动想传达给人的感觉,设计师借此把这种感觉用关键的文字与需求方达成共识。
3.主题文字的确定,交付稿子的审核。经过这两步,设计师可以花半个到一个小时的时间勾勒下这个页面的框架,包括构图,主题文字、元素的组合,行动点的安排等等,把第个大致的稿子给需求方过一遍,进一步的沟通和明确以后可以开始设计了。这样做的好处是,设计的方向相当明确。
4.合理有效地编排设计。网页设计不同于平面设计,它的显示空间完全依赖显示器的大小,因此网页设计的第一屏给人的印象直接决定了用户下一次还会不会再光顾,这就要求设计师必须同时合理安排好页面的各个板块的布局和衔接,保证信息传达的快速、准确与有效,做到明确而自然。这里要强调一点的是过度渲染视觉效果的热闹而让客户觉得不知所云的设计是没有价值的。
5.细微调整。当页面有了重点,细节塑造以后,需要对页面进行最终的整合,页面左右上下是不是均衡,色调、光线是不是统一等等,做一些细微地调整。
注:转载本文请注明出处http://www.ocean-ad.cn澳煦互动