• Hello!欢迎来到网页设计学!
当前位置: 首页 > 图书推荐 > 创意:Photoshop CS5网页设计与配色实战攻略

创意:Photoshop CS5网页设计与配色实战攻略

.................................................................................................................................................................

Photoshop是当前最流行的图形图像处理软件之一,广泛应用于广告、平面设计及网页制作等领域。《创意:Photoshop CS5网页设计与配色实战攻略(全彩印刷)》详细介绍网页设计理论、网站的布局结构等知识,涵盖网页设计人员应该掌握的所有知识和操作技法。内容包括网页设计中色彩的应用、版面的设计、文字特效、按钮的制作及应用;如何使用Photoshop制作网页动画如Banner、导航条和网络广告;网页其他组成部分的设计和制作、优化Web页和网页界面特效实例等。

《创意:Photoshop CS5网页设计与配色实战攻略(全彩印刷)》既适合研究网页美工的网页设计师,又适合网页制作初学者学习使用,是一本美术院校网页美工与设计制作的推荐教材,适用于网页设计师、网站编辑和美工、平面设计从业者、在校师生、社会培训班以及网页设计爱好者。电子书下载:创意:Photoshop CS5网页设计与配色实战攻略

imake webpages in photoshop

目录
Photoshop CS5网页设计
1.1网页界面的构成要素
1.2网页设计的审美需求
1.3网页设计的艺术表现
1.4网站策划
1.5网页效果图设计流程概述
1.6图像管理
Photoshop网页图像设计基础
2.1图层
2.1.1【图层】面板
2.1.2图层基本操作
2.2图层样式
2.3选区与路径
2.3.1选区
2.3.2路径
2.4混合模式
2.4.1混合模式概述
2.4.2混合模式类型
2.5滤镜效果
Photoshop网页图像设计应用
3.1快速制作Web文件
3.2创建与编辑切片
3.2.1创建切片
3.2.2编辑切片
3.3优化与导出切片图像
3.4动画面板
3.4.1帧动画面板
3.4.2时间轴动画面板
3.5逐帧与过渡动画
3.5.1创建逐帧动画
3.5.2创建过渡动画
3.6时间轴动画
网页设计元素之导航Banner设计
4.1网页导航Banner概述
4.2练习:美食网站Banner制作
4.3练习:服装网站Banner制作
4.4练习:饰品网站动态Banner制作
4.5练习:茶叶网站静态Banner制作
4.6练习:公益网页动画Banner设计
4.6.1制作放映栏
4.6.2制作动画Banner
4.7练习:摄影网页动画Banner制作
4.7.1制作背景
4.7.2制作放映栏
4.7.3制作动画Banner
网页设计元素之图标设计
5.1网页图标概述
5.1.1图标概念
5.1.2网页图标应用
5.2练习:商业网站导航图标制作
5.3练习:独立按钮制作
5.4练习:静态LOGO图标制作
5.5练习:网站标志制作
5.6练习:个人网站动态LOGO制作
5.7练习:动态图标制作
网页设计元素之特效文字设计
6.1特效文字在网页中的应用
6.2练习:珠宝特效文字
6.3练习:射线特效文字
6.4练习:钻石特效文字
6.5练习:火焰特效文字
6.6练习:金属特效文字
6.7练习:糖果特效文字
6.7.1制作糖果文字
6.7.2调整整体效果
网页设计元素之网络广告设计
7.1网络广告构成元素
7.1.1网络广告形式
7.1.2网页广告色彩应用
7.2练习:弹出式窗口动画广告
7.3练习:静态全屏广告
7.4练习:横幅动画广告
7.4.1制作效果动画
7.4.2制作文字动画
网页色彩基础知识
8.1认识网页色彩
8.2色彩理论
8.2.1色彩与视觉原理
8.2.2色彩三要素
8.2.3色彩的混合
8.3色彩管理
8.3.1色彩模式
8.3.2色彩模式转换
8.4216网页安全色
8.5网页配色
8.5.1网页自定义颜色
8.5.2色彩推移
8.5.3色彩采集
色彩情感解码
9.1色彩分析
9.1.1色相情感
9.1.2色调联想
9.1.3色彩知觉
9.2色彩搭配方式
9.2.1色彩调和
9.2.2色彩对比
9.2.3色彩呼应
9.2.4色彩重点
9.2.5色彩平衡
网页设计中的色彩应用
10.1网页色彩分类
10.1.1静态与动态色彩
10.1.2强调色彩
10.2网页色彩规则
10.2.1网页各要素的色彩搭配
10.2.2网页色彩搭配规律
10.2.3网站整体色彩规则
10.3网站色彩分析
10.3.1网站风格与色彩设计
10.3.2网站主题与色彩设计
10.3.3同色调的不同风格网站
企业类网站设计
11.1企业类网站概述
11.2瀚方手机网站首页设计
11.2.1企业标志
11.2.2首页布局
11.2.3内容添加
11.3瀚方手机网站内页设计
11.3.1网站内页布局
11.3.2网站文字信息网页
11.3.3网站图像展示网页
艺术类网站设计
12.1艺术类网站概述
12.2SD画廊网站首页设计
12.2.1绘制图像
12.2.2自定义图案
12.2.3制作画廓首页
12.3SD画廊网站内页设计
12.3.1制作画廊简介内页
12.3.2制作画坛动态内页
12.3.3制作画廊展示内页
12.3.4制作联系方式内页
餐饮类网站设计
13.1餐饮类网站概述
13.1.1餐饮门户网站
13.1.2餐饮网站分类
13.2制作网站首页
13.2.1标志设计
13.2.2制作导航与Banner
13.2.3制作内容和版尾
13.3制作企业理念和订餐页
13.3.1制作子页导航与投票
13.3.2制作企业理念页
13.3.3制作订餐表单
13.4制作饮食文化和特色佳肴网页
13.4.1制作饮食文化子页
13.4.2制作特色佳肴子页
休闲类网站设计
14.1休闲类网站概述
14.2美容网站首页设计
14.2.1首页布局
14.2.2添加信息内容
14.3美容网站内页设计
14.3.1“Beauty植物”网页
14.3.2动画Banner
14.3.3商品展示网页
14.3.4文字信息网页
旅游类网站设计
15.1旅游类网站鉴赏
15.2旅游网站设计
15.2.1设计页面结构
15.2.2设计页面内容
15.3设计度假村概况页和风景欣赏页
15.3.1度假村概况页设计
15.3.2风景欣赏页设计
15.4设计温馨客房页和在线预订页
15.4.1温馨客房页设计
15.4.2在线预订页设计
购物类网站设计
16.1购物类网站概述
16.1.1按照商业活动主体分类
16.1.2按照商品主体分类
16.2鹏乐购物网站首页设计
16.2.1设置网页布局
16.2.2添加内容
16.3鹏乐购物网站内页设计
16.3.1设置内页布局
16.3.2网站图像展示
16.3.3网站文字信息

网站定位

在网页设计前,首先要给网站一个准确的定位,是属于宣传自己产品的一个窗口。还是用来提供商务服务或者提供资讯服务性质的网站,从而确定主题与设计风格。网站名称要切题,题材要专而精,并且要兼顾商家和客户的利益。在主页中标题起着很重要的作用,它在很大程度上决定了整个网站的定位。一个好的标题必须有概括性、简短、有特色且容易记,还要符合自己主页的主题和风格。

网站规划

在设计之前,需先画出网站结构图,其中包括网站栏目、结构层次、连接内容等。首页中的各功能按钮、内容要点、友情链接等都要体现出来,一定要切题,并突出重点。同时在首页上应把大段的文字换成标题性的、吸引人的文字,将单项内容交给分支页面去表达,这样才显得页面精炼。也就是说,首先要让访问者一眼就能了解这个网站都能提供什么信息,使访问者有一个基本的认识,并且有继续看下去的兴趣。此外,设计者要细心周全,不要遗漏内容,还要为扩容留出空间。分支页面内容要相对独立,切忌重复,导航功能要好。网页文件命名开头不能使用运算符、中文字等,分支页面的文件存放于自己单独的文件夹中,图形文件存放于单独的图形文件夹中,汉语拼音、英文缩写、英文原义均可用来命名网页文件。在使用英文字母时,要区分文件的大小写,建议在构建的站点中,全部使用小写的文件名称。

内容的采集

采集内容必须与标题相符,在采集内容的过程中,应注重特色。主页应该突出自己的个性,并把内容按类别进行分类,设置栏目,让人一目了然,栏目不要设置太多,最好不要超过10个,层次上最好少于5层,而重点栏目最好能直接从首页到达,同时要保证用各种浏览器都能看到主页最好的效果。

主页设计

主页设计包括创意设计、结构设计、色彩调配和布局设计。创意设计来自设计者的灵感和平时经验的积累。结构设计源自网站结构图。在主页设计时应考虑到:“标题”要有概括性和特色,符合自己设计时的主题和风格;“文字”的组织应有自己的特色,努力把自己的思想体现出来;“图片”适当地插入网页中可以起到画龙点睛的作用;“文字”与“背景”的合理搭配,可以使文字更加醒目和突出,使浏览者更加乐于阅读和浏览。整个页面的色彩一定要统一,特别是背景色调的搭配一定不能有强烈的对比,背景的作用主要在于统一整个页面的风格,对视觉的主体起一定的衬托和协调作用。

本文链接:创意:Photoshop CS5网页设计与配色实战攻略

转载声明:本站文章若无特别说明,皆为原创,转载请注明来源:网页设计学,不可只有文字没有链接,请尊重他人的劳动成果!否则我们将追究其责任。

特别说明:本站所有资源仅供学习与参考,请勿用于商业用途,否则产生的一切后果将由您自己承担!


...........................................................................................................................................................

相关文章

发表评论

友情链接:

  • 网页设计

专业网页设计师交流平台 设计交流QQ群: 网页设计交流