《网页美工设计》PPT课件

《《网页美工设计》PPT课件》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、Photoshop职业应用项目教程第7章网页美工设计Photoshop职业应用项目教程第7章网页美工设计7.1网页美工设计的特点与思路分析7.1.1网页美工的任务概述网页美工顾名思义就是对网页的美化，其主要包括三方面:网站的创意规划，网站的版式布局规划和网站的色彩规划。网页美工设计一般要与企业整体形象一致。要注意网页色彩、图片的应用及版面规划，保持网页的整体一致性。网页美工既要熟悉图形创作软件，也要有较好的视觉功底，创意能力，才能创造出符合需求的美观的页面。网页美工不同于网站后台开发的编程人员，其核心是美

2、工，即对网站整体形式美的把握。Photoshop职业应用项目教程第7章网页美工设计7.1.2网页美工设计流程1．需求分析随着社会的不断发展，企业商家品牌意识的提高，现在的网站开发设计不仅仅是功能的实现，更强调整体外观的美化和整体形象品质。与客户的充分沟通，了解客户的需求是创作网页的前提。2．网站项目规划一个完整的网站应该具备整体布局、条理清晰、内容丰富的特点，因此网站项目的规划十分重要。必须要让所看网站的客户在第一时间找到需要的信息，并给以清晰的指示引导。我们在这里只介绍基本原则，既：先整体布局，再局部整

3、理，力求做到条理清晰、内容明确。Photoshop职业应用项目教程第7章网页美工设计3．网站设计通过前期的沟通与策划，使用图形软件实施创意，完成初步的作品设计。4．客户反馈在提供客户小样后，设计师需要根据客户提出的修改建议修正设计作品。这一流程非常关键，设计的网页能否得到客户的认可与这一过程有很大的关系。Photoshop职业应用项目教程第7章网页美工设计7.1.3网页构成及特点1．网页的创意创意的概念：什么是创意？简单的说就是具有新颖性和创造性的想法。创意的范围很广，网站的创意不同于一般的平面广告，既要

4、考虑网页的新颖独特，同时更重要的是考虑所用创意是否符合所设计网页客户的行业特点及网页整体功能的实现。创意的表现：创意的完美实现需要具体的形式来加以表现，关键是找到合适的创意点。例如：设计可口可乐的网页，大家会马上想到可乐瓶子的外型，热情飞扬的红色彩带，所有和可口可乐相关的元素。Photoshop职业应用项目教程第7章网页美工设计Photoshop职业应用项目教程第7章网页美工设计2．网页版式规划版式设计的范围涉及包装、广告、报纸、书籍、产品手册、宣传单、网页设计等许多设计形式。本章我们只针对网页设计研究版

5、式。A网页版式设计的组织原则鲜明主题的诱导力形式内容的统一强化整体布局B网页版面的构成元素世间百态千变万化，归纳这些事物的空间形态均由点、线、面等基本元素构成，它们彼此交互，有序构成了缤纷的世界。在设计中也是同样的道理，任何的版式设的基本元素归根结底都是点、线、面的和谐构成。Photoshop职业应用项目教程第7章网页美工设计3．网页色彩规划A色彩基本概念自然界中的颜色可以分为非彩色和彩色两大类。非彩色指黑色、白色和各种深浅不一的灰色，而其他所有颜色均属于彩色。任何一种彩色具有三个属性：（1）色相（Hue

6、）：是颜色的基本特征，反映颜色的基本面貌。（2）饱和度（Saturation）：指颜色的纯洁程度。（3）明度（Brightness）：体现颜色的深浅。非彩色只有明度特征，没有色相和饱和度的区别。B三原色电脑屏幕的色彩是由RGB（红、绿、蓝）三种色光所合成的，调整这三个基色就可以调校出其它的颜色。在许多图像处理软件里，都提供有色彩调配功能，可以输入三原色的数值来调配颜色，也可直接根据软件提供的调色板来选择颜色。网页设计是以三色模式为标准。在Photoshop里也可直接选择WEB模式进行色彩编辑。Photos

7、hop职业应用项目教程第7章网页美工设计Photoshop职业应用项目教程第7章网页美工设计4．网站配色的原则第一原则：先定主色，再配辅色。在网页美工设计中要想让网页美观大方，色彩和谐，达到视觉统一的效果是要经过严格的色彩规划的。在一个网站中主色直接决定网站的色彩风格，在网页色彩搭配中起主导作用，决定网页的整体色调。主色决定后就是辅色的搭配，辅色的搭配在主色的基础上进行，辅色在网页中的比例一般为主7辅3，或主6辅4，切忌出现主辅色面积比例相当的情况，进而造成色彩混乱，风格模糊的情况。第二原则：有效利用黑白

8、灰色进行网页的色彩搭配。在网页美工设计中，任何漂亮绚丽丰富的色彩都需要黑白灰的有效搭配才能在视觉上达到主次分明、重点突出、和谐统一的效果。如果一个网站的页面全部都是丰富绚丽的色彩，效果必定杂乱无章、画面跳跃不定，眼睛会倍感疲劳。Photoshop职业应用项目教程第7章网页美工设计第三原则，注意色彩的对比。有对比才会有和谐，要注意色彩中的对比关系并有效控制这些对比关系。如色彩的明度对比，纯度对比，色相对比，冷暖对比，轻重对比，面