新锐网页色彩与版式搭配案例指南

Lesson01网页版式设计的艺术

Section1概述

Section2设计前的考虑

用户

内容

浏览器

联机状况

规划

互动

Section3设计步骤

确定主题

门户类网站

企业类网站

个人网站

收集素材

文字

图片

确定布局元素

页面的整体尺寸

页头和页脚

多媒体

图形图像软件的辅助

Lesson02版式设计的定义和原则

Section1最佳的诉求效果

首页设计

分类方式

点构图

线构图

面构图

有机的结合

Section2基本的视觉元素

Logo

导航栏

图片与Flash动画广告

全尺寸带导航栏barlner

全尺寸banner

半尺寸barlner

页面背景

Section3鲜明的风格和特色

平面风格

矢量风格

像素风格

三维风格

大胆留白

页面缺损

Section4为内容配备完美的形式

文化教育类网站

娱乐类网站

Lesson03丰富多彩的版式类型

Section1基本的版式设计类型

上下分割型

左右分割型

Section2富有个性的版式设计类型

半包围型

全包围型

自由型

Section3版式的情感

细致的

灵活的

大气的

严谨的

简单的

优雅的

稳定的

Lessorl04各类别网站的版式设计

Section1建筑网站

Section2科教网站

Section3新闻媒体网站

Section4体育网站

Section5艺术网站

Section6影视网站

Section7汽车网站

Section8化妆品网站

Section9数码产品网站

Section10金融网站

Section11饮食网站

Section12服饰网站

Section13医疗服务网站

Lesson05分析页面的版式风格

Section1韩国餐饮网站

Section2韩国女性网站

Section3韩国电影网站

Section4法国糖果网站

Section5韩国饮料网站

Section6韩国儿童护理网站

Section7韩国化妆品网站

Section8瑞士新闻网站

Section9韩国食品网站

Section10韩国数码网站

Lesson06色彩基础知识

Section1色彩的三要素

色相

明度

纯度

Section2色调

暖色调

冷色调

中性色调

Section3对比与调和

明度的对比与调和

纯度的对比与调和

色相的对比与调和

Lesson07色彩心理

Section1颜色表情

红色

橙色

黄色

绿色

青色

蓝色

紫色

黑色与白色

灰色

Section2色彩感觉

稳定的

卡通的

柔美的

辉煌的

纯净的

健康的

烦躁的

典雅的

冷酷的

轻松的

宁静的

Lesson08各类别网站的色彩设计

Section1建筑网站

Section2科学教育网站

Section3新闻媒体网站

Section4体育网站

Section5艺术网站

Section6影视网站

Section7汽车网站

Section8家居百货网站

Section9金融网站

Section10饮食网站

Section11服饰网站

Lessorl09分析页面的色彩风格

Section1韩国家居网站

Section2韩国教育网站

Section3韩国美食网站

Section4法国时尚网站

Section5韩国娱乐网站

Section6韩国生活网站

Section7韩国旅游网站

Section8韩国民俗文化网站

Section9韩国饮料网站

Section10英国科技网站

Lesson10色彩与版式综合案例

Section1女性饰品网站

Section2儿童卡通网站

Section3娱乐魔术网站

Section4艺术绘画网站

Section5休闲度假网站

Section6咖啡饮品网站

Section7环境保护网站

Section8生活家电网站

附录网站版式与配色辞典

附录A网站版式辞典

附录B网站配色辞典

　　如何使自己创作的网页给人留下更深刻的印象？怎样才能提升网页的点击率？网页的形象设计是关键。本书通过对大量国内外经典网站案例的剖析，阐述了网页形象设计，特别是网页版式与色彩搭配方面的原理和方法，探索了根据网站主题和类别合理运用版式与色彩的技巧。书中的案例大多出自著名设计师之手，展现了最前沿的设计思路和最专业的设计水准，并对当前流行的网页版式和色彩搭配方案进行了系统归类，适合网页设计师及有志于从事网页设计工作的读者阅读。　　本书共分三大部分和一个附录。第1部分“网页版式设计分析”(Lesson01-Lesson05)首先概要介绍了网页版式设计的意义和步骤，以及版式设计的定义和原则，随后结合不同类型网站的特点，分析了在形式布局和风格表现方面各具特色的经典方案。第2部分“网页色彩设计分析”(Lesson06-Lesson09)首先介绍了色彩的基本知识和色彩心理效应，随后详细剖析了各类别网站色彩设计的常用颜色组合与色彩风格取向。第3部分“网页色彩与版式完美结合”(Lesson10)通过8个成功案例，讨论了网页版式与色彩的综合运用，这些页面大都出自非常有名的设计师，读者从这些页面的版式构成和色彩搭配方案中可以体会到网页的设计风格。最后一部分是本书的附录，提供了一个小型的“网站版式与配色辞典”，对当前流行的网页版式和色彩搭配方案进行了系统归类，供读者查阅和借鉴使用。