Design web & color

1网页设计概述

1.1网页设计基础知识

1.1.1网页设计的概念

1.1.2网页设计的定位

1.1.3网页设计所属的范畴

1.1.4网页设计的准则

1.2用户的阅读习惯

1.2.1人机交互的概念

1.2.2用户习惯分析

1.2.3易用性设计

1.3网站类型

1.3.1综合(门户)类网站

1.3.2新闻类网站

1.3.3交易类网站

1.3.4 it类网站

1.3.5教育类网站

1.3.6生活娱乐类网站

1.3.7政府类网站

1.3.8个人类网站

1.3.9功能型网站

.1.3.10其他行业类网站

1.4网络的特点

1.4.1信息的开放性

1.4.2信息的互动性

1.4.3信息的不稳定性

1.4.4网络时代性

1.4.5信息传播的迅速性

1.5网页设计方法分析

1.5.1栏目划分法

1.5.2网格划分法

1.5.3色彩定位法

1.5.4 logo引导法

1.6网页设计实践分析

1.6.1联合利华网站设计方案分析

1.6.2西部数据色彩设计网站方案分析

2网页制作的基本流程

2.1网站资料整理

2.1.1文字资料归纳整理分类

2.1.2图片资料整理筛选分类

2.1.3视频素材筛选

2.1.4 flash动画

2.2准备素材(使素材符合网页设计需求)

2.2.1准备图片素材

2.2.2文字再编辑，提取要点，总结标题

2.2.3视频素材的剪辑及压缩处理

2.3网站结构划分(网站脚本编刨)

2.3.1根据素材分析网站结构

2.3.2提取分类列出栏目

2.3.3栏目下子栏目划分

2.4网站风格定位——风格设计

2 4.1分析网站的主题定位——网站主基调

2 4.2风格的统一与变化

2.5网页色彩定位

2.5.1标准色彩定位

2.5.2根据网站风格定位选择色彩设计

2.5.3分析栏目间的色彩变化

2.6设计草稿的绘制

2.6.1主页面设计草稿及创意

2.6.2栏目二级页面的设计

2.7分析模块，划分模块信息布局

2.7.1按照栏目划分页面模块

2.7.2二级页面的模块划分

2.8整体页面设计及细部调整

2.8.1“完美像素级细节”实例

2.8.2网站细节设计分析

2.8.3阴影细节

2.8.4自我克制与精妙细节

chapter03网页设计的理念

3.1网页设计的定位

3.1.1怎样才是好的网页设计

3.1.2好的网页设计是怎样做出来的

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.3.4网页设计中应该处理好的事项

3.3.5网页设计的视觉传达

3.3.6版式设计

3.4网页创意设计

3.4.1创意是传达信息的一种特殊手段

3.4.2创意是将现有的要素重新组合

3.5网页中的文字设计

3.5.1文字在网页中的应用

3.5.2留白的艺术

3.6设计的实现案例分析

3.6.1设计草稿绘制案例

3.6.2制作页面效果

3.6.3不规则页面设计

3.7内页与主页的设计统一

3.7.1结构的一致性

3.7.2色彩的一致性

3.7.3利用导航取得统一

3.7.4特别元素的一致性

3.7.5利用图像取得统一

3.7.6利用背景取得统一

3.8网页设计的背景

3.8.1主背景

3.8.2内容背景

3.8.3封装／banner背景

3.8.4其他背景图片形式介绍

3.9网页设计妙招

chapter04网页设汁页面布局

4.1网页设计页面布局概述

4.1.1浅谈网页设计布局

4.1.2简约的设计——简洁大方的版式

4.2网页页面布局的规范

4.2.1网页布局类型的确定方法

4.2.2把内容放入自己喜欢的网页类型中

4.2.3草绘出两三个不同网页类型的模板

4.2.4网页布局的连贯性和多样性

4.2.5网页布局结构

4.2.6 16布局法

4.3信息布局区域划分

4.3.1如何设计有效的信息布局

4.3.2信息布局、信息结构设计

4.4信息结构设计

4.4.1单一结构

4.4.2复合结构

4.5页面分栏布局形式

4.6页面布局形式与内容关系分析

4.6.1功能优先还是形式优先

4.6.2网页布局形式对网站含义及情感的影响

4.6.3形式分析解剖

4.7网页副空间设计

4.8文字布局

4.9表单布局

4.9.1表单中使用可视化元素

4.9.2主次操作

4.9.3表单安排实例

5.1 flash网站概述

5.1.1全flash网站和单个flash作品的区别

5.1.2全屏flash的尺寸分析

5.2 flash网站的特点

5.2.1全flash网站设计的优势与劣势

5.2.2 flash网站打造真实感

5.2。3 flash网站的用户体验特性

5.2.4 flash网站的转场动画

5.3 flash网站的设计与构建

5.3.1 flash网站的基本布局

5.3.2 loading(加载)的设计与制作

5.3.3关于按钮

5，3.4 flash全站的页面切换

5.3.5文本内容的显示

5.3.6音乐开关

5.3.7 flash的调试与常见问题

5.4 flash网站的效果

5.5传统的f1ash网站制作

5.5.1全flash网站的案例分析

5.5.2 flash网站设计的常用技术

5.6 flash网站设计特色

5.7 flssh网站设计欣赏

5.7.1图片变换网站设计

5.7.2 speak visual gpu测试网站

5.7.3很有意思的牛奶网站gotmilk

5.7.4冰淇淋展示网站

5.7.5丰田摩托车的展示网站

5.7.6大众(volkswagen)汽车网站

5.7.7 victorecomics作品展示网站

5.7.8摄影作品网站

5.7.9 flash摄影展示

5.7.10 2advanced studios

5.7.11优秀网站设计

5.7.12大底纹图片flash网站设计风格

chapter06色彩基础知识

6.1色彩的文化

6.2色彩的变动性

6.3色彩的关联性

6.4色彩组合

6.5色彩体系

6.5.1色彩基本概念

6.5.2色彩的三原色

6.5.3电脑影像的色彩

6.6色彩的三要素

6.6.1明度

6.6.2色相

6.6.3纯度

6.6.4颜色三属性的相互关系

6.7色彩三属性的对比分析

6.7.1明度对比

6.7.2色相对比

6.7.3纯度对比

6.8色彩的其他对比

6.8.1色彩的面积对比

6.8.2色彩的形状对比

6.8.3色彩的冷暖对比

6.8.4色彩的肌理对比

6.9色彩模式

6.9.1 rgb模式

6.9.2 cmyk模式

6.9.3 lab模式

6.10色彩调和

6.10.1色彩调和的方式

6.10.2色彩调和的基本法则

6.11色彩心理学

6.11.1红色

6.11.2黄色

6.11.3蓝色

6.11.4绿色

6.11.5紫色

6.11.6橙色

6.11.7白色

6.11.8黑色

6.11.9灰色

6.11.10金色

6.11.11银色

6.12色彩传达的心理效应

6.12.1色彩的进退和胀缩感觉

6.12.2色彩的冷暖感觉

6.12.3色彩的轻重和软硬感觉

6.12.4色彩的华丽与朴素感觉

6.12.5色彩的积极与消极感觉

6.13色彩传达的信息效率

6.14网页设计中的色彩运用策略

6.14.1网页色彩设计的原则

6.14.2对比关联与应用

chapter07 网页设计酉己色

7.1色彩带来的联想与网页

传递感情

7.1.1声音与网页色彩

7.1.2味觉与网页色彩

7.1.3嗅觉与网页色彩

7.1.4冷暖与网页色彩

7.2色彩的联想与感情表达

7.2.1色彩的空间感

7.2.2色彩的亲切感

7.2.3色彩的层次感

7.2.4色彩的神秘感

7.2.5色彩的柔软感与坚硬感

7.2.6色彩的兴奋感与忧郁感

7.2.7色彩的华丽感与朴素感

7.3色彩搭配

7.3.1色彩的平衡原则

7.3.2色彩的适应性原则

7.3.3网页色彩搭配原则

7.3.4网页色彩搭配技巧

7.3.5网页色彩选择标准

8.直漂亮的网页布局赏析

8.1.ipassmall网站欣赏

8.1.2苹果公司官网

8.1.3 joy-iggm730 网站欣赏

8.1.4 cest-moi网站欣赏

8.1.5 winstorm 2010网站欣赏

8.2绝佳网页创意设计赏析”

8.2.1 metsdelacreme网站欣赏

8.2.2 1gled lg显示器展示网站

8.2.3 happymeal网站欣赏

8.2.4 nate 10th网站欣赏

8.2.5 thepixel网站欣赏

8.2.6 toyota网站欣赏

8.2.7 lijiang vision smgapore网站欣赏

8.2.8暗黑破坏神3网站欣赏

83色彩出众的网页设计赏析

8.3.1色彩斑斓的：哈瓦那人字拖网站

8.3.2 cndiv网站欣赏

8.3.3 converse网站欣赏

8.3.4 sadia网站欣赏

8.3.5 divplayers网站欣赏

8.3.6迷你忍者游戏官方网站

8.3.7“韩站”网站设计风格分析

8.3.8绿色色彩设计

8.3.9白色主题设计风格

8.3.10红色网页设计

8.3.11黄色系页面色彩设计

8.3.12柔和的卡通风格设计

8.3.13红、白、黑色彩搭配

8.3.14蓝色系的页面设计

8.3.15黑色系页面的设计

8.3.16红色系页面的设计