10
2020/1/25
11
2020/1/25
12
2020/1/25
13
2020/1/25
14
2020/1/25
15
2020/1/25
16
2020/1/25
17
网页布局
平面设计元素在网页布局中的应用
点。线。面。空间
平面设计原理在网页布局中的应用
均衡性--设计要素的协调与一致 对比性--设计要素的差异与分离
2020/1/25
31
网页色彩谱
色彩的文化
色彩的认知是很主观的，每个人对于色彩都有不同的 定义域解释，但多数人对于色彩的认知将形成一种趋 势，而所谓的多数人，便涉及到了主要浏览群体的文 化认知。这中间就包含了政治、宗教、社会结构、历 史等诸多因素。
2020/1/25
W3C（World Wide Web Consortium，/）创建于1994年，研究Web 规范和指导方针，致力于推动Web发展，保证各种Web技术能很好地协同工作。大 约500名会员组织加入这个团体，它的主任Tim Berners-Lee （/People/Berners-Lee/）在1989年发明了Web。W3C推行的主要规 范有HTML，CSS，XML，XHTML和DOM（Document Object Model）。
其他的标准组织包括European Computer Manufacturers Association（ECMA）将 ECMAScript 定义为“标准JavaScript”。
2020/1/25
44
WEB 标准 Web Standards) 的历史
在上个世纪90年代后期，当互联网和web逐渐成为主流时， Web浏览器(包括当时的Netscape 4及以下版本，IE 4及以下 版本。行话叫Version 4浏览器)的开发商还没有完全的支持 CSS（层叠式样式表，对于Web开发人员来说，他们可以用 CSS来控制Html文档的表现）。考虑到CSS1是在1996年制 定的，而CSS2是在1998年才制定的，所以这种对CSS支持 的不足也是可以理解的。
色彩的鲜明性 色彩的独特性 色彩的功能性和习惯性 色彩的有限性 色彩的周期性
2020/1/25
37
2020/1/25
38
2020/1/25
39
2020/1/25
40
2020/1/25
41
2020/1/25
42
2020/1/25
43
前端代码设计
基础知识：什么是 W3C
多年以来，W3C把那些没有被部分会员公司（如Netscape和Microsoft）严格执行的规 范定义为“推荐”（Recommendations）。自1998年开始，“Web标准组织” （）将W3C的“推荐”重新定义为“Web 标准 ”，这是一种商 业手法，目的是让制造商重视并重新定位规范，在新的浏览器和网络设备中完全地 支持那些规范。
色彩对比 面积对比 肌理对比
2020/1/25
18
点
2020/1/25
19
2020/1/25
20
2020/1/25
21
线
2020/1/25
22
2020/1/25
23
2020/1/25
24
面
2020/1/25
25
2020/1/25
26
2020/1/25
27
2020/1/25
空间
28
2020/1/25
29
2020/1/25
30
网页配色
基本色彩原理
颜色由色相、明度、饱和度3个要素组成。
色相：不同的波长的颜色构成了不同的色相。 明度：颜色的明暗程度。取决于颜色吸收光的程度，进光量
越大，物体对光的反射率越高，明度则越高。反之则低。明 度最高是白色，最低是黑色。 饱和度：颜色的纯度，或是与中性灰的差别。凡具有色相的 所有色彩都有一定的饱和度，无色彩没有色相，饱和度为0。 RGB模式：根据显示器颜色混合原理。RGB就是红绿蓝相加 混合产生的色彩。
33
色彩的象征
色彩的象征也可以说是色彩的联想，一般来说这种象 征可以分为自然上的象征、文化上的象征及品牌的象 征。
2020/1/25
34
色彩的心理感觉
不同的色彩会给人不同的色彩感觉。而这种感觉也会 因为地域、时间、环境等因素而改变。
2020/1/25
35
2020/1/25
36
网页配色的特点
2020/1/25
演讲人：瑞达丁文隆 时间：
1
网站的整体设计
明确问题 网站制作流程 网站设计者的定位
2020/1/25
2
明确问题
为什么需要建立个网站？ 它需要和谁进行交互？ 它的访问者的兴趣所在？ 它的访问者将获得什么样的信息？ 它怎样才能最有效的实现交互？ 它是否需要建立大型交互式项目？ 它必须在何时建立？（网站开通时间） 在预算内按时完成项目目标？ 你有那些资源可以帮助访问者？ 预算网站访问者花费多久才能获得必要的资源？ 如果在访问者离开一个站点数分钟后对他采访，你希望他会记住那些细节？ 访问这个网站的经历会对访问者的想法和行动产生什么样的影响？ 如何吸引那些在线或者离线的访问者迅速活动起来？ 网站是否合法？
设计者的任务
1.确定CI.通过视觉来统一企业形象。包括：网站标志、标准色彩、标 准字体、宣传标语等。 2.创建交互界面。 3.功能实现。 4.网页之间的有效链接。 5.视觉美感。
2020/1/25
5
2020/1/25
6
2020/1/25
7
2020/1/25
8
2020/1/25
9
2020/1/25
由于浏览器对CSS的支持不够，再加上一些平面设计师的 要求（这些要求与他们经常与印刷品打交道有关）导致他 们为了控制网页的视觉表现而滥用HTML。一个典型的例 子就是，当设计师可以用border="0" 来隐藏表格的边框时， 用隐藏表格来控制布局的方法同样被使用。另一个例子是 对“transparent”（透明）的使用，同样是不可见，他们却 使用空白的GIF图片来控制布局。
2020/1/25
3
网站的制作流程
策划网站 网站布局规划 色彩搭配 收集资料 链接设计 界面设计 域名和空间 部署网站 广告宣传 维护与更新
2020/1/25
4
网站设计者的定位
网页设计不仅涉及平面构成、色彩构成、CI等方面的 知识，还涉及Java、JavaScript、ＨＴＭＬ、ＣＳＳ、数 据库等知识。