商家名称 |
信用等级 |
购买信息 |
订购本书 |
|
|
网站界面设计案例教程 |
|
|
|
网站界面设计案例教程 |
|
基本信息·出版社:机械工业出版社
·页码:205 页
·出版日期:2009年02月
·ISBN:7111261976/9787111261971
·条形码:9787111261971
·版本:第1版
·装帧:平装
·开本:16
·正文语种:中文
·丛书名:全国高等职业教育规划教材
·图书品牌:华章图书
内容简介 《网站界面设计案例教程》通过一个完整的案例,向读者介绍了网站界面设计的基础知识、网站界面设计中色彩的运用、网站界面设计中图形图像的运用、网站界面中首页的设计、网站界面中导航系统的设计、网站中的广告设计等内容。
《网站界面设计案例教程》可作为高职高专院校相关专业学习网站界面设计课程的教材。特别适合课时有限的课程,要求学生在较短时间内掌握网站界面设计能力的专业使用,也可作为广大计算机爱好者自学网站界面设计的参考书。
编辑推荐 内容新,展现网站界面设计方面的发展现状。
知识全,注重基础知识与实践性知识的结合。
内容符合学习规律,从浅到深、循序渐进。
案例教学的形式贯穿全书。
实用性强,紧扣社会对本职业能力的要求,注重培养界面设计的实用技能。
目录 出版说明
前言
第1章 网站界面设计基础
1.1 网站界面的发展
1.2 网站界面的构成要素和要点
1.2.1 网站界面的构成要素
1.2.2 网站界面设计最基本的技术要素
1.2.3 网站界面设计要点
1.3 网站界面设计原则
1.4 网站界面与软件界面的异同
1.5 常用工具软件简介
1.5.1 Photoshop
1.5.2 Fireworks
1.5.3 Flash
1.5.4 Dreamweaver
1.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 习题
参考文献
……
序言 在网络上,网站的可用性是网站生存的必要条件。如果一个站点难以使用,用户就会离开它。如果主页不能清晰地说明这家公司可以提供什么和用户可以在网页上找到什么有用的信息,或者网页上提供的信息难以阅读,也不回答用户提出的关键问题,这样的网站,用户同样不会选用它。所以,设计出一个好的网站界面就显得十分重要。
网站界面所包含的因素是极为广泛的,但在设计某一具体网站界面时,却只能侧重于某些方面。设计过程中,设计师应对社会环境进行深入的调研,所设计的作品必须符合人们的消费预期及审美习惯。
本书主要面向初学者,通过一个完整的案例介绍了网站界面设计基础知识、网站界面设计中色彩的运用、网站界面设计中图形图像的运用、网站界面中首页的设计、网站界面中导航系统的设计、网站中的广告设计等内容,是理想的网站界面设计基础的培训教材。
为了方便教师授课和读者的学习,随书附有光盘一张,光盘中含有本书的电子教案、素材、源文件、效果图等。
本书由唐乾林主编,牟向宇为副主编。其中第1章由余萍编写,第2、6章由黄克勤编写,第4、7章由牟向宇编写,第3、8章由范永富编写,其余章节由唐乾林编写。全书统稿、定稿由唐乾林完成。在编写本书的过程中,作者参阅了一些网络资源和文献资料,在此向这些作品的作者表示衷心的感谢!
由于编者水平有限,加之编写时间仓促,书中不妥或错误之处在所难免,恳请广大读者批评指正。
文摘 2.1 色彩的作用
网页设计不仅要掌握基本的网站制作技术,还需要掌握网站的风格、配色等设计艺术。色彩在网站界面设计中占据相当重要的地位。有些网页看上去十分典雅、有品位,令人赏心悦目,但是页面结构却很简单,图像也不复杂,这主要是色彩运用得当所取得的效果。
1.划分视觉区域
网页上的信息往往很多、很繁杂,怎样对其做有效的划分,使之井然有序?色彩是最有效的划分方式,可以在网页上添加不同色块作为背景,划分出不同的区域,这样看上去会非常有序。可以用色块来划分视觉区域,如图2-l所示,也可以用色带来划分视觉区域,如图2-2所示。
2.引导主次
色彩有明暗区别,还有面积大小的区别,当两个以上色彩同时存在的时候,就会产生对比关系,在阅读的时候就会形成一先一后的视觉效应,可以借此来安排主要的内容和次要的内容,使主次分明、层次清晰,如图2-3所示。