按钮和导航条的设计与制作

1、2本章目标本章目标 n了解按钮在网站制作中的作用以及按钮的设计原了解按钮在网站制作中的作用以及按钮的设计原则则n了解网站整体形象规划与设计方法了解网站整体形象规划与设计方法n熟悉常用按钮的类型熟悉常用按钮的类型n掌握常用按钮的制作方法掌握常用按钮的制作方法n掌握导航条的制作方法掌握导航条的制作方法35.1 按钮的设计原则按钮的设计原则设计按钮时应尽量避免以下设计禁忌。设计按钮时应尽量避免以下设计禁忌。n同一页面包含重复功能的按钮；同一页面包含重复功能的按钮；n将复选框用作单选按钮；将复选框用作单选按钮；n单选按钮之间间隔太大；单选按钮之间间隔太大；n取消按钮无法真正取消操作；取消按钮无法真正取

2、消操作；n返回按钮不能达到预期的目的；返回按钮不能达到预期的目的；n图片按钮对鼠标按下操作没有视觉变化。图片按钮对鼠标按下操作没有视觉变化。45.2 常见按钮样式的制作常见按钮样式的制作 n5.2.1 简洁按钮简洁按钮n5.2.2 迷你按钮迷你按钮n5.2.3 水晶按钮水晶按钮n5.2.4 塑料按钮塑料按钮n5.2.5 木纹按钮木纹按钮n5.2.6 金属按钮金属按钮55.2.1 简洁按钮简洁按钮n实例效果实例效果n操作步骤操作步骤 (略略)65.2.2 迷你按钮迷你按钮n实例效果实例效果 n操作步骤操作步骤(略略)75.2.3 水晶按钮水晶按钮n实例效果实例效果 n操作步骤操作步骤(略略)85

3、.2.4 塑料按钮塑料按钮n实例效果实例效果n操作步骤操作步骤(略略)95.2.5 木纹按钮木纹按钮n实例效果实例效果n操作步骤操作步骤(略略)105.2.6 金属按钮金属按钮n实例效果实例效果n操作步骤操作步骤(略略)115.3 导航条的制作导航条的制作n网站导航的主要困难在于如何利用简短的、易于网站导航的主要困难在于如何利用简短的、易于理解的方式来呈现网络的诸多方向。另外，优秀理解的方式来呈现网络的诸多方向。另外，优秀的导航方案还会增加网站的观赏性，给浏览者留的导航方案还会增加网站的观赏性，给浏览者留下深刻的印象。下深刻的印象。n本节主要学习网站中导航条的制作方法本节主要学习网站中导航条的

4、制作方法125.3 导航条的制作导航条的制作n实例效果实例效果n操作步骤操作步骤(略略)135.4 企业识别企业识别VI设计设计n5.4.1 企业识别概念企业识别概念n5.4.2 网站整体形象规划与设计开发网站整体形象规划与设计开发145.4.1 企业识别概念企业识别概念n企业识别系统（企业识别系统（CIS）构成要素）构成要素nMI （ Mind Identity ）理念识别）理念识别 nBI （Behavior Identity） 行为识别行为识别nVI（Visual Identity）视觉形象识别系统）视觉形象识别系统155.4.2 网站整体形象规划与设计开发网站整体形象规划与设计开发n个

5、网站上看到的所有图片、文字、动画以及它们个网站上看到的所有图片、文字、动画以及它们的编排方式等一切能够看到的无不都是的编排方式等一切能够看到的无不都是VI设计一设计一部分。简单地说，部分。简单地说，VI其实就是一个网站的外观。其实就是一个网站的外观。n一个好的视觉设计，首先要有一个好的视觉效果。一个好的视觉设计，首先要有一个好的视觉效果。一个最简单的判别方法是看三眼：第一眼，看是一个最简单的判别方法是看三眼：第一眼，看是否抢眼；第二眼，看是否顺眼；第三眼，看是否否抢眼；第二眼，看是否顺眼；第三眼，看是否养眼。其实，这三眼就上网站给你的第一感觉。养眼。其实，这三眼就上网站给你的第一感觉。 16本章总结本章总结n了解按钮在网站制作中的作用以及按钮的设计原了解按钮在网站制作中的作用以及