第二章网页布局和色彩搭配.pptVIP

网页布局的步骤 制作网页的目的及内容：确定网页中需要放什么内容，并收集资料 应该明确制作网页的目的，制作网页要完成什么任务，要达到什么样的要求。在这一阶段，搜集制作网页的有关材料，这些材料应该是真实、正确、详细的。为了以后制作网页的方便，应该将这些内容写成书面材料，以免制作时漏掉某些项目 手绘布局 在实际设计网页之前，最好要在纸上绘制出页面版式草图，以供设计时参考。手绘设计网页布局更加自由，根据客户的要求，按照掌握的设计方法和一些构图规律来进行设计。这个草图不会给客户看，尽量绘制得简单、明了。在设计时准备工具。准备白纸若干，几支铅笔和一块橡皮，以免在设计时由于缺少工具打断设计思路。 解决在什么位置放什么内容的问题 手绘布局 步骤1：尺寸比例设定，目前一般1024×768的分辨率为的浏览屏幕大小，在电脑刚刚普及配置不高时800×600的分辨率。根据屏幕比例先在白纸上画出象征浏览器窗口的矩形，这个矩形是布局的范围。 步骤2：选择合适的版式设计，安排网页布局。 步骤3：确定大的版式后增加细节网站标志、网页导航、网页的主体内容、网页页眉、网页页脚和多媒体等 软件布局 可以使用Firework的图像编辑功能来设计网页版式布局，也可以用Word、Photoshop或者是CorelDRAW。Word进行简单的排版比较便捷；Photoshop所具有的对图像的编辑功能在设计网页布局的图像设计上较为方便，利用Photoshop可以方便地使用颜色，使用图形，并且可以利用层的功能设计出用纸张无法表现的布局意念；CorelDRAW进行简单的排版和颜色配置有着更大的优势。一般来讲使用Firework或CorelDRAW进行排版的设计师多一些 Photoshop布局示意图 CorelDRAW布局示意图 色彩的基本理论 大自然为何是五颜六色的？因为光照射到物体的表面发生折射产生了色彩。 人的眼睛是根据所看见的光的波长来识别颜色的。如霓虹灯，它所发出的光本身带有颜色，能直接刺激人的视觉神经而让人感觉到色彩。可见光谱中的大部分颜色可以由三种基本色光按不同的比例混合而成， 这三种基本色光的颜色就是红（Red）、绿（Green）、 蓝（Blue）三原色光。这三种光以相同的比例混合、且达到一定的强度， 就呈现白色（白光）；若三种光的强度均为零， 就是黑色（黑暗）。这就是加色法原理，加色法原理被广泛应用于电视机、监视器等主动发光的产品中。在网页设计中，也是运用了加色法原理。 ?提示：根据减色法原理，颜料的三原色有青（Cyan）、品红（Magenta）和黄（Yellow），多用在在印刷、油漆、绘画等场合。颜料的三原色及其理论不作为本书讨论内容 色彩的基本理论 色彩，可分为无彩色和有彩色两大类。前者如黑、白。灰，后者如红、黄．蓝等七彩。有彩色就是具备光谱上的某种或某些色相，统称为彩调。与此相反，无彩色就没有彩调。无彩色有明有暗，表现为白、黑，也称色调。 有彩色表现很复杂，但可以用三组特征值来确定。其一是彩调，也就是色相；其二是明暗，也就是明度；其三是饱和度，也就是纯度、彩度。色相、明度、饱和度称为色彩的三属性。明度和色相合并为二线的色状态，称为色调。 色相（Hue） 简写H，表示色的特质，是区别色彩的必要名称，例如红、橙、黄、绿、青、蓝、紫等。色相和色彩的强弱及明暗没有关系，只是纯粹表示色彩相貌的差异。 明度（Value） 简写V，表示色彩的亮度，也即是色彩的明暗度。不同的颜色，反射的光量强弱不一，因而会产生不同程度的明暗。 饱和度（Chroma） 简写C，表示色的纯度，亦即是色的饱和度。具体来说，是表明一种颜色中是否含有白或黑的成份。假如某色不含有白或黑的成份，便是纯色，彩度最高；如含有越多白或黑的成份，它的彩度亦会逐步下降。 色彩的视觉效果 研究表明，色彩能给人的心理带来刺激，能影响人的情绪。例如，在红色环境中，人的脉搏会加快，血压有所升高，情绪兴奋冲动。正是由于色彩对人类心理的情绪化作用，色彩在艺术设计中才具有如此重要的作用 色彩的心理感觉 不同的颜色给人带来不同的心理感受。 红色 红色是所有色彩中对视觉感觉最强烈和最有生气的色彩，它炽烈似火，壮丽似日，热情奔放如血，是生命崇高的象征。刺激效果，能使人产生冲动，愤怒，热情，活力的感觉。红色的这些特点主要表现在高纯度时的效果，当其明度增大转为粉红色时，就戏剧性地变成温柔、顺从和女性的性质。 绿色 介于冷暖色彩之间，代表新鲜，充满希望、和平、青春，显得和睦，宁静，健康。从心理上，绿色令人平静、松驰而得到休息。绿色是大自然中植物生长、生机昂然、清新宁静的生命力量和自然力量的象征