本书全面、系统地讲解了网站设计与网页配色的专业知识与思维方式,良好的设计流程与方法,能够使网页设计更加合理、规范。本书从网站设计的整体规划、结构栏目划分、细节的设计与制作、新型网站的设计,再到网页设计的另一个内容——色彩设计,均通过实例的方式进行了系统讲解。书中*后一章为**网站设计赏析,理论与实践相结合,细致讲解了**网站设计的思维和方法,从而使读者正确掌握网站设计与网页配色的方法与技巧。
网站设计与网页配色-第二版_王爽 刘新乐,王海霞_科学出版社_

Chapter 01网页设计概述001
1.1网页设计基础知识002
1.1.1网页设计的概念002
1.1.2网页设计的定位004
1.1.3网页设计的属性004
1.1.4网页设计的准则005
1.2网络的特点008
1.2.1信息的开放性008
1.2.2信息的互动性008
1.2.3信息的不稳定性008
1.2.4网络的时代性008
1.2.5信息传播的迅速性008
1.3用户的阅读习惯009
1.3.1人机交互的概念009
1.3.2用户习惯分析009
1.3.3易用性设计010
1.4网站的类型012
1.4.1综合(门户)类网站012
1.4.2新闻类网站012
1.4.3交易类网站013
1.4.4IT类网站014
1.4.5教育类网站014
1.4.6生活娱乐类网站014
1.4.7政府类网站015
1.4.8个人类网站、空间、微博016
1.4.9功能型网站016
1.4.10其他行业类网站016
1.5网页设计分析方法017
1.5.1栏目划分法017
1.5.2网格划分法018
1.5.3色彩定位法019
1.5.4Logo引导法019
1.6网页设计实践分析020
1.6.1燕赵环保网公益活动网站设计分析020
1.6.2联合利华饮食策划网站设计分析020
Chapter 02网页制作的流程024
2.1网页设计的基本流程025
2.1.1接受或设计任务书025
2.1.2收集资料026
2.1.3创建设计构思026
2.1.4实施设计方案027
2.1.5完善设计方案027
2.1.6获得反馈信息028
2.2准备素材(使素材符合网页设计需求)029
2.2.1准备图片素材并调整图片029
2.2.2文字再编辑——提取要点——总结标题037
2.2.3视频素材的剪辑及压缩处理037
2.3网站结构划分(网站脚本编创)038
2.3.1根据素材分析网站结构039
2.3.2提取分类列出栏目040
2.3.3栏目下子栏目的划分041
2.4网站风格定位——风格设计042
2.4.1分析网站的主题定位——网站主基调043
2.4.2风格的统一与变化048
2.5网页色彩定位050
2.5.1标准色彩定位050
2.5.2根据网站风格定位选择色彩设计051
2.5.3分析栏目间的色彩变化051
2.6设计草稿的绘制052
2.6.1主页面设计草稿及创意052
2.6.2栏目二级页面统一性与栏目性的设计054
2.7分析模块、划分模块、信息布局055
2.7.1按照栏目划分页面模块056
2.7.2二级页面的模块划分059
2.8整体网页页面设计及细节调整060
2.8.1“**像素级细节”的实例060
2.8.2“919”网站的细节设计062
2.8.3阴影细节065
2.8.4自我克制与精妙细节066
Chapter 03网页设计的理念067
3.1关于网页设计的问题068
3.1.1怎样才是好的网页设计068
3.1.2好的网页设计是怎样做出来的071
3.1.3网页设计怎样来做071
3.2为网页注入灵魂072
3.2.1网页创意基本理念072
3.2.2网页创意秘籍076
3.3网页版面设计的体验078
3.3.1视觉度的大小079
3.3.2图版率080
3.3.3文字刺激度080
3.3.4网格约束率082
3.3.5版面率083
3.3.6版面设计的原则 083
3.3.7版面设计的诀窍086
3.4网页动人的理由086
3.4.1网页的界面086
3.4.2网页的顶部087
3.4.3网页的文字088
3.4.4网页的影像088
3.5网页中的文字设计089
3.5.1文字在网页中的应用089
3.5.2常见的文字**设计090
3.6设计的实现案例分析092
3.6.1设计草稿绘制案例092
3.6.2页面效果093
3.6.3不规则页面设计102
3.7内页与主页的设计统一104
3.7.1结构的一致性104
3.7.2色彩的一致性104
3.7.3利用导航取得统一104
3.7.4特别元素的一致性104
3.7.5利用图像取得统一105
3.7.6利用背景取得统一105
3.8网页背景的设计105
3.8.1基本背景结构105
3.8.2包装/头部背景107
3.8.3整体背景109
3.8.4内容/包装背景运用技巧115
3.9网页设计妙招122
Chapter 04网页设计页面布局129
4.1网页设计页面布局概述130
4.1.1简约的设计——简洁大方的版式131
4.1.2层次的设计——富于空间感的版式132
4.2网页页面布局的规范133
4.2.1网页布局类型的确定方法133
4.2.2网页布局的连贯性和多样性135
4.2.3网页布局结构137
4.2.416布局法142
4.3信息布局区域划分143
4.3.1如何设计有效的信息布局143
4.3.2重要页面的信息布局146
4.4信息结构设计147
4.4.1单一结构148
4.4.2复合结构 148
4.5页面分栏布局形式149
4.6页面布局形式与内容关系分析149
4.6.1功能优先还是形式优先150
4.6.2网页布局形式对网站含义及情感的影响150
4.6.3形式分析解剖 151
4.7网页副空间设计153
4.8文字布局155
4.9表单布局156
4.9.1借助可视化元素157
4.9.2主次操作158
4.9.3表单安排实例159
Chapter 05新型网站设计162
5.1Flash网站概述163
5.1.1全Flash网站和单个Flash作品制作的区别163
5.1.2全屏Flash的尺寸分析164
5.2Flash网站的特点166
5.2.1全Flash网站设计的优势与劣势166
5.2.2Flash网站打造真实感172
5.2.3Flash网站的用户体验特性173
5.2.4Flash网站的转场动画174
5.3Flash网站的设计与构建175
5.3.1Flash网站的基本布局176
5.3.2Loading(加载)的设计与制作177
5.3.3关于按钮178
5.3.4Flash网站的页面切换180
5.3.5文本内容的显示181
5.3.6制作音乐开关182
5.3.7Flash的调试184
5.3.8常见问题及解决办法184
5.4Flash网站的效果185
5.5Flash传统网站的制作187
5.6Flash网站设计的常用技术188
5.7Flash网站设计欣赏193
5.7.1风格亲切可爱的网站193
5.7.2高雅精微的国外酒类网站196
5.7.3如梦似幻的celebration音乐多媒体网站197
5.7.4精美绝伦的jeremylevin建筑设计网站200
5.7.5层层叠叠的c-reel网站201
5.7.6简洁明快的nunodias网站设计202
5.7.7动感十足的Flashtv网站203
5.7.8芭蕾舞蹈般的视觉设计网站205
5.7.9动静结合的平面设计作品展示206
5.7.10元素化的artworksgroup商业艺术网站208
5.7.11激情四射的indurango音乐网站209
5.7.12肌理多变的driftlab网站211
Chapter 06色彩基础知识213
6.1人、色彩、生活214
6.2色彩的信息215
6.3色彩与意象216
6.4色彩的联觉217
6.4.1前进与后退217
6.4.2膨胀与收缩 217
6.4.3轻与重218
6.4.4冷与暖218
6.4.5冷静与热烈219
6.4.6硬与软220
6.4.7尖与圆220
6.4.8喜与悲221
6.4.9新与旧222
6.4.10苦与甜222
6.5色彩的表现223
6.5.1设定主题和构思224
6.5.2色彩的模拟225
6.5.3主体色彩和辅助色彩 226
6.5.4视觉的引导 226
6.5.5调整色彩后的*终应用226
6.5.6色彩的三原色227
6.5.7计算机影像的色彩227
6.6色彩的三要素228
6.6.1明度 228
6.6.2色相 229
6.6.3饱和度 230
6.6.4颜色三属性的相互关系 231
6.7色彩三属性的对比分析231
6.7.1明度对比 231
6.7.2色相对比 232
6.7.3饱和度对比 232
6.8色彩的其他对比234
6.8.1色彩的面积对比 234
6.8.2色彩的形状对比 235
6.8.3色彩的冷暖对比 236
6.8.4色彩的肌理对比 238
6.9色彩模式238
6.9.1RGB模式 238
6.9.2CMYK模式 238
6.9.3Lab模式 239
6.10色彩调和240
6.11色彩心理学247
6.11.1红色247
6.11.2黄色247
6.11.3蓝色248
6.11.4绿色249
6.11.5紫色249
6.11.6橙色250
6.11.7白色250
6.11.8黑色251
6.11.9灰色252
6.11.10金色252
6.11.11银色253
6.12色彩传达的信息效率253
6.13网页设计中的色彩运用策略254
6.13.1网页色彩设计的原则255
6.13.2对比关联与应用255
6.12.3网页色彩计划259
Chapter 07网页设计配色260
7.1网页快速配色法261
7.1.1使用单一色彩 261
7.1.2使用两种色彩261
7.1.3使用多种色彩262
7.1.4使用无色系263
7.2色彩的联想与感情表达263
7.2.1色彩的空间感 263
7.2.2色彩的亲切感 264
7.2.3色彩的层次感 266
7.2.4色彩的神秘感267
7.2.5色彩的柔软感与坚硬感 268
7.2.6色彩的兴奋感与忧郁感 268
7.2.7色彩的华丽感与朴素感 268
7.3色彩控制269
7.3.1改变时间270
7.3.2改变能量270
7.3.3改变性质270
7.3.4网页色彩搭配技巧 271
7.3.5网页色彩选择标准278
7.4制作自己的网页调色板282
7.5应用自己的网页调色板282
Chapter 08网站分析284
8.1漂亮的网页布局赏析285
8.1.1designplace建筑网站欣赏285
8.1.2点出的精彩——mediagrill官网287
8.1.3游戏网站赏析289
8.1.4韩国艺术网站截屏欣赏291
8.1.5个人网站截屏欣赏293
8.2**网页创意设计赏析294
8.2.1汽车网站创意设计294
8.2.2时尚网站截屏欣赏297
8.2.3stripes网站的展示 298
8.2.4食品网站截屏欣赏300
8.2.5体育品牌网站截屏欣赏302
8.3色彩出众的网页设计赏析303
8.3.1生动的儿童网站 303
8.3.2时尚品牌网站截屏欣赏306
8.3.3**装饰感的网站赏析307
8.3.4韩国教育网站设计309
8.3.5开放的旅游网站设计312

经典网页设计,全方位讲解网站设计与规划;专业分析网站配色,海量经典作品赏析