网页设计知识.pptVIP

L/O/G/O 网页相关技巧及UE制作相关 目录 4 网页设计的技巧 1 2 3 5 网页设计应注意问题 色彩的含义和搭配 配色所需注意的问题 UE图的制作 * 网页设计的技巧-设计的概念 什么是网页设计？ 网站是企业向用户和网民提供信息(包括产品和服务)的一种方式,是企业开展电子商务的基础设施和信息平台，离开网站（或者只是利用第三方网站）去谈电子商务是不可能的。企业的网址被称为“网络商标”，也是企业无形资产的组成部分，而网站是INTERNET上宣传和反映企业形象和文化的重要窗口。 网页设计是一种建立在新型媒体之上的新型设计。它具有很强的视觉效果、互动性、互操作性、受众面广等其它媒体所不具有的特点，它是区别于报刊、影视的一个新媒体。 * 网页设计的技巧-设计的要点 网页设计的工具 网页色彩的搭配 确定网站的整体风格 网页设计需要注意：整体风格和色彩搭配 ⒈突出你的标准色彩 ⒉logo放在突出位置 ⒊相同类型的图像采 用相同效果 ⒈用一种色彩调整透明度或者饱和度 ⒉用两种对比色 ⒊用一个色系 ⒈dreamweaver, ⒉Frontpage ⒊FLASH ⒋photoshop 网页设计的要点是设计第一而技术其次 * 网页设计的技巧-提前明确需求 目的 受众群 特点 风格 产品 企业能提供什么样的产品和服务？ 适合什么样的表现方式（风格）？ 设计网页的目的是什么？ 为谁提供服务和产品？ 受众的特点是什么？ 在目标明确的基础上，完成网站的构思创意即总体设计方案。对网站的整体风格和特色作出定位，规划网站的组织结构。 * 网页设计的技巧-页面类型 宽度950px 平行居中；距上5px、下20px 背景常用白色 背景色饱和度低 宽度不可变 位置不可变 页面结构包括：标准头、内容区、标准尾 * 网页设计的技巧-页面版式结构 2. 二分栏（950px） 320px\620px 1. 三分栏 （950px） 320px\360px\250px 常用三分栏 版块组合形式：版块元素之间距为10px 2. 四分栏（950px） 230px\230px\230px\230px 返回 * 网页设计应注意问题-图文规范 文字大小的规范 常用宋体（英文为Arial）12号字、14号字（加粗\不加粗） 黑体18号字、20号字（细体不加粗） 文字颜色的规范 文章标题和正文：#333333；头条红：#ca070d； 头条蓝：#0a2b7e；边栏灰：38b8c8c;边框：#cccccc; 图片类型 1、横图 2、竖图 3、方图 图片规范 1、横图比例4：3 例：280*210 比例3：2 例：130*87 | 120*80 比例2：1 例：120*60 2、竖图比例3：4 例：75*100 3、方图比例1：1 例：100*100 对于某一工程作业或者行为进行定性的信息规定。主要是因为无法精准定量的形成标准，所以，被称为规范。 返回 * 色彩的含义和搭配-色彩的含义 色彩的含义　　 色彩本身是无任何含义的，有的只是人赋予它的。但色彩确实可以在不知不觉间影响人的心理，左右人的情绪，所以就给各种色彩加上特定的含义：　　红色：强有力、喜庆的色彩，容易使人有兴奋感觉，是一种雄壮的精神体现。　　黄色：亮度最高的色，给人感觉就是很有温暖感，灿烂辉煌!试试加入淡红色或淡紫色！　　绿色：美丽、优雅，给人感觉大度、宽容。　　蓝色：永恒、博大，大家可以看看天空！给人感觉平静、理智。　　紫色：小MM们常用这种色，给人神秘、压迫的感觉。很怪的一种色。　　黑、白色：这两种色我有时会觉得很奇怪，它们在不同时候给人的感觉是不同的，黑色有时给人沉默、虚空的感觉，但有时也给人一种庄严肃穆的感觉。白色也是同样，有时给人无尽的希望感觉，但有时也给人一种恐惧和悲哀的感受。具体还是要看与哪种色配在一块。　　还有一些纯度不同的色，例如含灰色的绿会使人联想到淡雾中的森林，天蓝会令人心境畅快，淡红会给人一种向上的感觉。 * 色彩的含义和搭配-色彩的对比 由于人的视觉不同，对比的效果通常也会有不同。当大家长时间看一种纯色，例如红色，然后再看看周围的人，你会发现周围的人脸色会成绿色，正是因为红色与周围颜色的对比，形成了对我们视觉的刺激。色彩的对比会受很多因素影响，例如色彩的面积、时间、亮度等等。　　色彩的对比有很多方面，色相的对比就是其中的一种。当我们用湖蓝与深蓝对比时，你会发觉深蓝带点紫味，而湖蓝则有点绿味。各种纯色的对比会产生鲜明的色彩效果，很容易给人带来视觉与心理的满足。　　红色与黄色：红色会使人