网站美工设计说明课件.ppt
- 【下载声明】
1. 本站全部试题类文档,若标题没写含答案,则无答案;标题注明含答案的文档,主观题也可能无答案。请谨慎下单,一旦售出,不予退换。
2. 本站全部PPT文档均不含视频和音频,PPT中出现的音频或视频标识(或文字)仅表示流程,实际无音频或视频文件。请谨慎下单,一旦售出,不予退换。
3. 本页资料《网站美工设计说明课件.ppt》由用户(晟晟文业)主动上传,其收益全归该用户。163文库仅提供信息存储空间,仅对该用户上传内容的表现方式做保护处理,对上传内容本身不做任何修改或编辑。 若此文所含内容侵犯了您的版权或隐私,请立即通知163文库(点击联系客服),我们立即给予删除!
4. 请根据预览情况,自愿下载本文。本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。
5. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007及以上版本和PDF阅读器,压缩文件请下载最新的WinRAR软件解压。
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 网站 美工 设计 说明 课件
- 资源描述:
-
1、网站美工设计网站美工设计一、网站美工设计的特点与思路分析1.1 网站美工的任务概述 网站美工顾名思义就是对网页的美化,其主要包括三方面:网站的创意规划,网站的版式布局规划和网站的色彩规划。网站美工设计一般要与企业整体形象一致。要注意网页色彩、图片的应用及版面规划,保持网页的整体一致性。网站美工既要熟悉图形创作软件,也要有较好的视觉功底,创意能力,才能创造出符合需求的美观的页面。网站美工不同于网站后台开发的编程人员,其核心是美工,即对网站整体形式美的把握。1.2 网站美工设计流程(1)需求分析 随着社会的不断发展,企业商家品牌意识的提高,现在的网站开发设计不仅仅是功能的实现,更强调整体外观的美化
2、和整体形象品质。与客户的充分沟通,了解客户的需求是创作网页的前提。(2)网站项目规划 一个完整的网站应该具备整体布局、条理清晰、内容丰富的特点,因此网站项目的规划十分重要。必须要让所看网站的客户在第一时间找到需要的信息,并给以清晰的指示引导。我们在这里只介绍基本原则,既:先整体布局,再局部整理,力求做到条理清晰、内容明确。网站美工设计(3)网站设计通过前期的沟通与策划,使用图形软件实施创意,完成初步的作品设计。(4)客户反馈在提供客户小样后,设计师需要根据客户提出的修改建议修正设计作品。这一流程非常关键,设计的网页能否得到客户的认可与这一过程有很大的关系。网站美工设计1.3 网页构成及特点(1
3、)网页的创意 创意的概念:什么是创意?简单的说就是具有新颖性和创造性的想法。创意的范围很广,网站的创意不同于一般的平面广告,既要考虑网页的新颖独特,同时更重要的是考虑所用创意是否符合所设计网页客户的行业特点及网页整体功能的实现。创意的表现:创意的完美实现需要具体的形式来加以表现,关键是找到合适的创意点。例如:设计可口可乐的网页,大家会马上想到可乐瓶子的外型,热情飞扬的红色彩带,所有和可口可乐相关的元素。网站美工设计网站美工设计(2)网页版式规划 版式设计的范围涉及包装、广告、报纸、书籍、产品手册、宣传单、网页设计等许多设计形式。本章我们只针对网页设计研究版式。A网页版式设计的组织原则 鲜明主题
4、的诱导力 形式内容的统一 强化整体布局B 网页版面的构成元素 世间百态千变万化,归纳这些事物的空间形态均由点、线、面等基本元素构成,它们彼此交互,有序构成了缤纷的世界。在设计中也是同样的道理,任何的版式设的基本元素归根结底都是点、线、面的和谐构成。网站美工设计(3)网页色彩规划A 色彩基本概念自然界中的颜色可以分为非彩色和彩色两大类。非彩色指黑色、白色和各种深浅不一的灰色,而其他所有颜色均属于彩色。任何一种彩色具有三个属性:(1)色相(Hue):是颜色的基本特征,反映颜色的基本面貌。(2)饱和度(Saturation):指颜色的纯洁程度。(3)明度(Brightness):体现颜色的深浅。非彩
5、色只有明度特征,没有色相和饱和度的区别。B 三原色电脑屏幕的色彩是由RGB(红、绿、蓝)三种色光所合成的,调整这三个基色就可以调校出其它的颜色。在许多图像处理软件里,都提供有色彩调配功能,可以输入三原色的数值来调配颜色,也可直接根据软件提供的调色板来选择颜色。网页设计是以三色模式为标准。在Photoshop里也可直接选择WEB模式进行色彩编辑。网站美工设计网站美工设计(4)网站配色的原则第一原则:先定主色,再配辅色。在网站美工设计中要想让网页美观大方,色彩和谐,达到视觉统一的效果是要经过严格的色彩规划的。在一个网站中主色直接决定网站的色彩风格,在网页色彩搭配中起主导作用,决定网页的整体色调。主
6、色决定后就是辅色的搭配,辅色的搭配在主色的基础上进行,辅色在网页中的比例一般为主7辅3,或主6辅4,切忌出现主辅色面积比例相当的情况,进而造成色彩混乱,风格模糊的情况。第二原则:有效利用黑白灰色进行网页的色彩搭配。在网站美工设计中,任何漂亮绚丽丰富的色彩都需要黑白灰的有效搭配才能在视觉上达到主次分明、重点突出、和谐统一的效果。如果一个网站的页面全部都是丰富绚丽的色彩,效果必定杂乱无章、画面跳跃不定,眼睛会倍感疲劳。网站美工设计第三原则,注意色彩的对比。有对比才会有和谐,要注意色彩中的对比关系并有效控制这些对比关系。如色彩的明度对比,纯度对比,色相对比,冷暖对比,轻重对比,面积对比等等。只有有效
7、控制这些对比关系,网页才会达到色彩明快、视觉和谐的效果。网站美工设计(5)色彩的象征意义 色彩牵涉的学问很多,包含了美学、光学、心理学和民俗学等等。心理学家近年提出许多色彩与人类心理关系的理论。他们指出每一种色彩都具有象征意义,当视觉接触到某种颜色,大脑神经便会接收色彩发放的讯号,即时产生联想,例如红色象征热情,于是看见红色便令人心情兴奋;蓝色象征理智,看见蓝色便使人冷静下来。经验丰富的设计师,往往能藉色彩的运用,勾起一般人心理上的联想,从而达到设计的目的。网站美工设计色彩象征 红血、夕阳、火、热情、危险 橙晚霞、秋叶、温情、积极 黄黄金、黄菊、注意、光明 绿草木、安全、和平、理想、希望 蓝海
8、洋、蓝天、沈静、忧郁、理性 紫高贵、神秘、优雅 白纯洁、素、神圣 黑夜、死亡、邪恶、严肃 网站美工设计 但心理学家也留意到,一种颜色通常不只含有一个象征意义。正如上述的红色,既象征热情,却也象征了危险,所以不同的人,对同一种颜色的密码,会作出截然不同的诠释。除此之外,个人的年龄、性别、职业、他所身处的社会文化及教育背景,都会使人对同一色彩产生不同联想。这个色彩和心理联想的理论,对设计师来说又重要的指导意义。在选择运用何种色彩时,须得同时考虑作品面向的是那类群体,以免适得其反。我们一定要充分理解色彩的一般象征含义,才能正确有效的把握色彩应用色彩。网站美工设计1.4 网页框架结构(1)网页框架结构
9、的内容组成 一个基本的门户型网页一般包括标志(Logo)设计、广告形象区域(Banner)设计、导航区域设计、网页主体内容显示区域或产品服务介绍区域,以及一些附加的消息栏、搜索区域、注册用户区域等。在基本构架完成后,我们可以充分发挥聪明才智,为客户合理的科学的展示他们需要展示的内容。网站美工设计(2)网站Logo设计规范 Logo的应用一直是CIS(企业形象识别系统)导入的基础和最直接的表现形式,网络标志的设计尤其如此。A标志的职能:作为独特的传媒符号,标志(Logo)一直成为传播特殊信息的视觉文化语言。无论从古时繁复的欧式徽标、中式龙纹,到现代洗练的抽象纹样、简单字标等都是在实现着标志被标志
10、体的目的,即:通过对标志的识别、区别、引发联想、增强记忆,促进被标志体与其对象的沟通与交流,从而树立并保持对被标志体的认知、认同,达到高效提高认知度、美誉度的效果。作为信息时代的产物,网络Logo的设计,更应遵循CIS的整体规律并有所突破。网站美工设计B网络Logo设计的基本过程:一看、二挖、三总结。一看:看客户,准确定位要仔细分析客户是什么行业,其公司行业特征,产品服务特征是什么,只有做到定位准确才不会犯方向性错误。二挖,挖掘和客户行业、产品等有联系的、可以用来表现的想法,进行创意。在定位明确后既开始进入创意阶段,这个过程是思考的过程,挖掘的过程,不放过任何相关的想法点子,最后进行综合分析提
11、炼创意。三总结,总结挖掘出的点子创意,并进行实施。这个过程是个总结的过程也是个实施的过程,把好的想法提炼选取出后进行制作,通过图形创作软件实现其最终效果。网站美工设计C网络Logo的表现形式:作为具有传媒特性的Logo,为了在最有效的空间内实现所有的视觉识别功能,一般是通过特示图案及特示文字的组合,达到对被标志体的出示、说明、沟通、交流,从而引导受众的兴趣、达到增强美誉、记忆等目的。网站美工设计 表现形式的组合方式一般分为特殊图形,特殊字体,图文并貌。1)特殊图形:通过独特、醒目的图形来吸引观者的眼球,特殊图案本身易被区分、记忆,通过隐寓、联想、概括、抽象等表现方法表现被标志对象,更容易强化沟
12、通和被理解。2)特殊文字:在沟通与传播活动中,将反复使用的被标志体的名称或其产品名称,用一种文字形态加以统一,并对文字进行独特设计变形,以加深观者的印象,达到传播的目的。3)图文并貌:指文字与图案结合的设计,兼具文字与图案的属性,更容易被观者所接受。网站美工设计D网络Logo的规范 设计Logo时,面向应用的各种条件作出相应规范,对指导网站的整体建设有着极现实的意义。设计时要规范Logo的标准色、辅助色等配色体系,同时要考虑其大小,色彩。如果企业有VI规范手册要按VI规范手册严格执行,大小依据网页的整体结构风格而定。网站美工设计(3)广告形象区域(Banner)设计 Banner的英文翻译有网
展开阅读全文