项目6 网页美工.pptx

项目6网页美工

项目导读网页美工主要是指网页界面的美术设计、创意设计和制作工作，根据相关网站的用户群体，提出构思新颖、有高度吸引力的创意设计；对页面进行优化，使用户操作更趋于人性化。了解网站和网页的基本设计思想，提高和掌握对色彩基础知识（色相、明度、纯度、空间混合概念，色彩构成的一般原理、色彩的心理、对色彩的观察能力和对色彩感知能力，对一般色彩的搭配能力、网页的色彩设计能力等），培养对优秀网页版式分析能力，掌握网页设计的基本方法。

岗位技能本项目对接中高职相关设计专业人才培养目标岗位，如数码影像后期、数字艺术制作、数字文化创意等相关行业，具有良好的职业道德、爱岗敬业精神，有责任意识和创新意识，掌握相应的专业理论知识，具有较强的适应岗位的动手能力，能进行创意、设计、制作多层次的高素质、高技能专门人才。主要面向动漫公司、影视公司、游戏公司、电视台、数字多媒体行业公司、广告设计公司、传媒公司、文化传播公司、出版社等企事业单位，是未来网站美工职业人员都应该具备的网页设计能力和职业素养。

教学目标掌握钢笔工具、矩形工具、矩形选框工具、渐变工具、横排文字等工具的使用。掌握编辑路径方法。掌握图层样式使用方法。掌握网页保存与输出方法。掌握网页设计的相关知识。

任务1网站首页设计任务2网站列表页设计任务3网站详情页设计

任务1网站首页设计本任务帮助读者掌握网站首页设计知识，学会设计的基本方法，利用矩形工具、直线工具、渐变工具、横排文字等工具进行设计，学会使用“剪贴蒙版”，学会网站首页布局，学会制作首页设计效果图。任务描述

任务1网站首页设计任务要求

任务1网站首页设计网站首页构成要素首页通常由头部、主体、底部三部分组成。首页头部通常包含LOGO、网站名称、域名、注册登录框、导航菜单；主体通常包含banner广告条、栏目版块（文字列表或图片）；底部通常包含快速导航、网站地图、版权信息、联系方式、友情链接、ICP备案等内容。知识链接

任务1网站首页设计导航菜单设计导航菜单设计应该直观明确，最大限度的为用户使用体验考虑，一般导航菜单不超过3级，以便能更快索引所需内容。导航菜单在设计上要符合整个网站的风格，色彩融合，在设计过程中表现鼠标悬停效果。知识链接

任务1网站首页设计网页设计色彩在设计时，根据网页主题确定色系和主色，然后可以通过调整透明度、饱和度等方法调配出新的色彩，这样页面色彩相对统一，且有层次感。知识链接

任务1网站首页设计新建/存储文档任务实施

任务1网站首页设计绘制首页导航栏任务实施

任务1网站首页设计制作首页左侧板块任务实施

任务1网站首页设计制作网页主体/栏目设计任务实施

任务1网站首页设计通过本任务，掌握网站首页设计的基础知识，了解网页基本布局构成，再次熟悉了矩形工具、直线工具、渐变工具、横排文字等工具的使用方法。任务总结

任务2网站列表页设计本任务帮助读者掌握网站列表页设计方法，利用矩形工具、直线工具、渐变等工具绘制图形，使用横排文字工具添加文字，使用剪贴蒙版制作图片效果，最终完成网站列表页设计。任务描述

任务2网站列表页设计任务要求

剪贴蒙版剪贴蒙版命令是通过使用处于下方图层的形状来限制上方图层的显示状态，达到一种剪贴画的效果。使用剪贴蒙版制作网站缩略图，方便后期调整更换图片。知识链接任务2网站列表页设计

列表页作用列表页是网站首页与详情页之间的过渡页，方便用户根据分类查找信息，但因列表页显示条数有限，可以在列表页添加“more”按钮，或者页码。知识链接任务2网站列表页设计

打开文档任务实施任务2网站列表页设计

制作旅游新闻栏目列表任务实施任务2网站列表页设计

制作旅游景区侧边栏任务实施任务2网站列表页设计

通过本任务，掌握网站列表页的设计方法，列表页是首页与详情页中间的过渡页，对网站浏览体验至关重要。任务总结任务2网站列表页设计

任务3网站详情页设计本任务帮助读者掌握网站详情页设计方法，利用矩形选框工具、渐变工具、直线工具、钢笔工具等绘制图形，利用横排文字工具输入文本内容，通过添加参考线，规范元素的位置，最终完成网站详情页设计。任务描述

任务3网站详情页设计任务要求

任务3网站详情页设计知识链接渐变工具（G）渐变工具是一种特殊的填充，是一种常用工具，对于绘制图形非常重要。渐变工具的用法是按住鼠标点线拖拽，就可以生成对应的渐变。它不仅是可以填充图案，还可以用来填充图层蒙版和通道。

任务3网站详情页设计路径使用钢笔工具或形状工具所绘制的图形称为路径。路径是不可以