09第三章 第一节 网页美工基础 第二节 网页设计的规范【荐】.pdfVIP

第一节 网页美工基础 第二节 网页设计的规范.doc 陈慧琴 第三章 网页美工 第一节 网页美工基础 要制作出优美的网页，就要对网页进行设计，而设计网页应遵循一定的设计规律。学 习网页设计必须了解网页设计的基本原理和方法，为网页设计和制作提供理论指导和方法 支持。 一、网页设计的基本原则 网页设计，是在平面设计的基础上，适应网络传播与网页浏览的需求，所从事的视觉 传达工作。它具有艺术与技术高度结合的特点。 设计是一种审美活动，网页设计也要遵循艺术的基本原则。 网页设计的总体要求 1 1 11、清新大方 一是指网页色彩要清新；二是指网页的布局要大方。 2 2 22、独具特色 网页设计是一种创造性的劳动，贵在求新、求异、求变。当然，这个“新”是可以有 不同的层次，它可以是改良性的，也可以是创造性的。但无论如何，只有新颖的设计，才 会在众多的网页中闪烁出与众不同的光芒。 网页的特色可以体现在色彩、LOGO、结构、栏目名称和字体等多方面，或者是这些 方面的综合体现。 3 3 33、统一和谐 统一和谐包含两个方面： 统一，是指设计作品的整体性，一致性。涉及到色彩的统一、版式的统一、结构的统一和字体的 统一等等。 和谐，是指整个页面符合美的法则，页面上的元素要协调有序,浑然一体。 二、网页版面布局设计 设计首页的第一步是设计版面布局。网页的版面布局，就是以最适合浏览的方式将图 - 1 - 第一节 网页美工基础 第二节 网页设计的规范.doc 陈慧琴 片和文字排放在页面的不同位置。 （一）网页版式主要类型 1 “ ” 1 “ ” 11、 ““国””字型： 2 2 22、 拐角型： 3 3 33、对称对比型： 4 4 44、封面型： 5 FLASH 5 FLASH 55、FFLLAASSHH动画型： 6 6 66、自由型： （二）网页内容的编排 1 1 11、主次分明、中心突出 2 2 22、大小搭配、相互呼应 3 3 33、图文并茂、相得益彰 4 4 44、适当留空、清晰易读 （三）网页版面内容的分块 1 1 11、利用留空和划线进行分块 2 2 22、利用色块进行分块 3 3 33、利用线框进行分块 LOGO LOGO 三、网站的LLOOGGOO设计 LOGO是网站的标志、名片，例如搜狐网站的狐狸标志，如同商标一样。 LOGO的设计创意来自网站的名称和内容，可以分为以下三个方面。 1、网站有代表性的人物、动物、花草，可以用它们作为设计蓝本，加以卡通化或艺术 化处理。例如，迪斯尼网站的米老鼠、搜狐网的卡通狐狸等。 2、网站有代表性的物品，可以用物品作为标志。例如奔驰汽车的放心盘标志、中国银 行的铜板标志等。 3、用自己网站的英文名称坐标值，采用不同字体或字母变形制作标志。 四、网页色彩设计 （一）色彩的基本知识 1 1 11、三原色：三原色是能够按照一些数量规定合成其他任何一种颜色的基色。所有的颜 - 2 - 第一节 网页美工基础 第二节 网页设计的规范.doc 陈慧琴 色其实都是由三原色按照不同的比例混合而来的。计算机屏幕的色彩是用红、绿、蓝三种 光原色组成。 2 2 2