网站界面设计案例教程

出版时间：1970-1  出版社：机械工业出版社  作者：唐乾林 编  页数：205  

前言

　　在网络上，网站的可用性是网站生存的必要条件。如果一个站点难以使用，用户就会离开它。如果主页不能清晰地说明这家公司可以提供什么和用户可以在网页上找到什么有用的信息，或者网页上提供的信息难以阅读，也不回答用户提出的关键问题，这样的网站，用户同样不会选用它。所以，设计出一个好的网站界面就显得十分重要。　　网站界面所包含的因素是极为广泛的，但在设计某一具体网站界面时，却只能侧重于某些方面。设计过程中，设计师应对社会环境进行深入的调研，所设计的作品必须符合人们的消费预期及审美习惯。　　本书主要面向初学者，通过一个完整的案例介绍了网站界面设计基础知识、网站界面设计中色彩的运用、网站界面设计中图形图像的运用、网站界面中首页的设计、网站界面中导航系统的设计、网站中的广告设计等内容，是理想的网站界面设计基础的培训教材。　　为了方便教师授课和读者的学习，随书附有光盘一张，光盘中含有本书的电子教案、素材、源文件、效果图等。　　本书由唐乾林主编，牟向宇为副主编。其中第1章由余萍编写，第2、6章由黄克勤编写，第4、7章由牟向宇编写，第3、8章由范永富编写，其余章节由唐乾林编写。全书统稿、定稿由唐乾林完成。在编写本书的过程中，作者参阅了一些网络资源和文献资料，在此向这些作品的作者表示衷心的感谢！　　由于编者水平有限，加之编写时间仓促，书中不妥或错误之处在所难免，恳请广大读者批评指正。

内容概要

　　《网站界面设计案例教程》通过一个完整的案例，向读者介绍了网站界面设计的基础知识、网站界面设计中色彩的运用、网站界面设计中图形图像的运用、网站界面中首页的设计、网站界面中导航系统的设计、网站中的广告设计等内容。　　《网站界面设计案例教程》可作为高职高专院校相关专业学习网站界面设计课程的教材。特别适合课时有限的课程，要求学生在较短时间内掌握网站界面设计能力的专业使用，也可作为广大计算机爱好者自学网站界面设计的参考书。

书籍目录

出版说明前言第1章 网站界面设计基础1.1 网站界面的发展1.2 网站界面的构成要素和要点1.2.1 网站界面的构成要素1.2.2 网站界面设计最基本的技术要素1.2.3 网站界面设计要点1.3 网站界面设计原则1.4 网站界面与软件界面的异同1.5 常用工具软件简介1.5.1 Photoshop1.5.2 Fireworks1.5.3 Flash1.5.4 Dreamweaver1.5.5 其他设计工具1.6 习题第2章 网站界面设计中的色彩2.1 色彩的作用2.2 色彩的基本原理2.2.1 光与色彩2.2.2 色彩的三要素2.3 色彩设计的心理效应2.3.1 色彩的感觉2.3.2 色彩的情感2.3.3 色彩搭配运用案例——四叶草公司网站色彩搭配方案2.4 习题第3章 网站界面设计中的图形图像3.1 图形图像的作用3.1.1 传达信息3.1.2 美化界面3.1.3 强化表现3.1.4 增强趣味3.2 图形图像的分类3.2.1 主体图3.2.2 辅助图3.2.3 导航图标3.2.4 标志3.3 图形图像的处理技巧3.3.1 获取图形图像的方式3.3.2 在网页设计中的图像格式3.3.3 图形图像的基础操作3.4 图形图像的创意与设计3.5 图形图像在网页设计中的运用案例——四叶草公司网站图标设计与制作3.6 实训3.7 习题第4章 网站界面中首页的设计4.1 网站界面的整体设计4.1.1 确定风格4.1.2 色彩搭配4.1.3 图片处理4.1.4 文字设计4.2 版式的设计4.2.1 栏目的设计4.2.2 二级页面的界面设计4.2.3 界面设计技巧4.3 网站界面首页设计案例——四叶草公司网站首页设计与制作4.4 网站界面中二级页面设计案例——四叶草公司网站二级页面设计与制作4.5 实训4.6 习题第5章 网站界面中导航系统的设计5.1 导航系统设计概述5.1.1 设计目的5.1.2 设计原则5.1.3 设计形式5.2 导航系统设计5.2.1 全局导航5.2.2 局部导航5.3 导航系统设计案例——四叶草公司网站导航设计5.4 实训5.5 习题第6章 网站界面中其他功能的设计6.1 用户注册与登录6.1.1 个人注册页的界面设计6.1.2 登录框设计6.2 论坛6.2.1 论坛首页的界面设计6.2.2 主题帖子的界面设计6.2.3 发帖、回帖页的界面设计6.3 搜索界面的设计6.4 互动界面设计技巧6.4.1 互动设计的键6.4.2 超链接的设计6.4.3 箭头的设计6.5 后台管理系统的界面设计6.6 综合案例——四叶草网站界面中其他功能的设计与制作6.7 实训6.8 习题第7章 网站界面中的广告设计7.1 网络广告的特点7.2 网络广告设计的原则7.3 网络广告的表现手法7.4 网络广告的设计7.4.1 片头动画设计7.4.2 图标广告设计7.4.3 Banner广告设计7.4.4 弹出式广告设计7.5 网络广告的案例——四叶草公司网站广告设计与制作7.6 实训7.7 习题第8章 商业网站界面设计的综合案例——四叶草公司网站设计与制作8.1 需求的提出8.1.1 客户需求分析8.1.2 收集加工素材8.1.3 栏目设计8.1.4 版式初步设计8.2 综合设计8.2.1 确定版式8.2.2 确定色彩8.3 用Photoshop设计效果图8.4 在Dreamweaver中生成网页8.4.1 生成静态页面8.4.2 添加动画效果8.5 实训8.6 习题第9章 网站界面设计的综合案例——心源网站设计与制作9.1 前期工作9.1.1 客户提出需求9.1.2 客户需求分析9.1.3 网站设计定位9.2 收集加工素材9.3 栏目规划设计9.4 模拟草图初步设计9.4.1 确定版式9.4.2 确定色彩9.4.3 点线面分布9.5 制作效果图9.6 切图并导人到Dreamweaver中生成网页9.7 在Dreamweaver中生成网页9.7.1 生成静态页面9.7.2 添加动画效果9.7.3 调整页面效果9.8 实训9.9 习题参考文献

章节摘录

　　2.1 色彩的作用　　网页设计不仅要掌握基本的网站制作技术，还需要掌握网站的风格、配色等设计艺术。色彩在网站界面设计中占据相当重要的地位。有些网页看上去十分典雅、有品位，令人赏心悦目，但是页面结构却很简单，图像也不复杂，这主要是色彩运用得当所取得的效果。　　1.划分视觉区域　　网页上的信息往往很多、很繁杂，怎样对其做有效的划分，使之井然有序？色彩是最有效的划分方式，可以在网页上添加不同色块作为背景，划分出不同的区域，这样看上去会非常有序。可以用色块来划分视觉区域，如图2-l所示，也可以用色带来划分视觉区域，如图2-2所示。　　2.引导主次　　色彩有明暗区别，还有面积大小的区别，当两个以上色彩同时存在的时候，就会产生对比关系，在阅读的时候就会形成一先一后的视觉效应，可以借此来安排主要的内容和次要的内容，使主次分明、层次清晰，如图2-3所示。

编辑推荐

　　《网站界面设计案例教程》特点：　　内容新，展现网站界面设计方面的发展现状。　　知识全，注重基础知识与实践性知识的结合。　　内容符合学习规律，从浅到深、循序渐进。　　案例教学的形式贯穿全书。　　实用性强，紧扣社会对本职业能力的要求，注重培养界面设计的实用技能。