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

第5章 按钮和导航条的设计与制作 本章目标 了解按钮在网站制作中的作用以及按钮的设计原则 了解网站整体形象规划与设计方法 熟悉常用按钮的类型 掌握常用按钮的制作方法 掌握导航条的制作方法 5.1 按钮的设计原则 设计按钮时应尽量避免以下设计禁忌。 同一页面包含重复功能的按钮； 将复选框用作单选按钮； 单选按钮之间间隔太大； 取消按钮无法真正取消操作； 返回按钮不能达到预期的目的； 图片按钮对鼠标按下操作没有视觉变化。 5.2 常见按钮样式的制作 5.2.1 简洁按钮 5.2.2 迷你按钮 5.2.3 水晶按钮 5.2.4 塑料按钮 5.2.5 木纹按钮 5.2.6 金属按钮 5.2.1 简洁按钮 实例效果 操作步骤 (略) 5.2.2 迷你按钮 实例效果 操作步骤(略) 5.2.3 水晶按钮 实例效果 操作步骤(略) 5.2.4 塑料按钮 实例效果 操作步骤(略) 5.2.5 木纹按钮 实例效果 操作步骤(略) 5.2.6 金属按钮 实例效果 操作步骤(略) 5.3 导航条的制作 网站导航的主要困难在于如何利用简短的、易于理解的方式来呈现网络的诸多方向。另外，优秀的导航方案还会增加网站的观赏性，给浏览者留下深刻的印象。 本节主要学习网站中导航条的制作方法 5.3 导航条的制作 实例效果 操作步骤(略) 5.4 企业识别VI设计 5.4.1 企业识别概念 5.4.2 网站整体形象规划与设计开发 5.4.1 企业识别概念 企业识别系统（CIS）构成要素 MI （ Mind Identity ）理念识别 BI （Behavior Identity） 行为识别 VI（Visual Identity）视觉形象识别系统 5.4.2 网站整体形象规划与设计开发 个网站上看到的所有图片、文字、动画以及它们的编排方式等一切能够看到的无不都是VI设计一部分。简单地说，VI其实就是一个网站的外观。 一个好的视觉设计，首先要有一个好的视觉效果。一个最简单的判别方法是看三眼：第一眼，看是否抢眼；第二眼，看是否顺眼；第三眼，看是否养眼。其实，这三眼就上网站给你的第一感觉。 本章总结 了解按钮在网站制作中的作用以及按钮的设计原则 了解网站整体形象规划与设计方法 熟悉常用按钮的类型 掌握常用按钮的制作方法 * * * *