《网页美工设计》教案——第六章 网页导航设计制作第一节 网页导航设计制作1.docVIP

PAGE

《网页美工设计》

教案

授课专业广告艺术设计专业

授课教师 周国宝

铜陵职业技术学院制

PAGE

第二部分技能提升篇

第六章网页导航设计制作

标题

第一节网页导航设计制作1

第一讲网页导航设计制作1（上）

课时

2课时

教学目标

教学内容与过程

网页中的导航可以快速引导用户寻找所需要的产品与服务，是网站的基础设置。在导航栏上可以搭配相应内容的图形LOGO，文字，色彩等元素进行设计与制作。

下面通过“优U家居”网页导航设计与制作，讲解网页导航设计制作。

一、网站导航尺寸与配色

1、先打开photoshop软件，新建像素大小1920px*178px分辨率为72模式为RGB的白色画布

2、CTRL+R调出标尺，点击移动工具拖拽找到中心参考线的位置，运用矩形选区工具——工具选项栏——固定大小，调整宽度1000px*高度124px像素，按住ATI键在中央参考线点击一下，左右拉出垂直参考线，上下水平线，调整边距大小，以此确定了LOGO和搜索栏的位置。

3、其次家居网站的卖点是“绿色环保，天然工艺”是消费者最优的选择，所以网站的基本色块为：草绿色（R：128G：165B：57）

棕色（R：206G：181B：138）

在图层面板新建图层，快捷键ALT+DEL添加LOGO和搜索栏的底色