新锐网页版式与风格设计案例指南

Lesson01网页设计思维

Section1网站的设计流程

网站需求分析

网站整体风格定位

网页的创意设计

Section2网站的内容

视觉元素

听觉元素

Lesson02网站导航设计

Section1导航的形式

标签形式的导航

按钮形式的导航

弹出菜单形式的导航

无框图标形式的导航

Flash形式的导航

多导航系统

SectiorI2导航的方向

垂直导航

横排导航

倾斜导航

乱序导航

Section3导航的位置

顶部导航

底部导航

左侧导航

右侧导航

中心导航

Section4导航的风格表现

规矩的

另类的

卡通的

醒目的

形象的

流动的

活跃的

大气的

古朴的

Lesson03版式风格设计

Senion1版式空间

页面所处的空间

标题空间

形象空间

信息空间

空间分组

多维空间

Section2版式的印象表情

艺术的

稳定的

简洁的

炫酷的

直观的

大气的

严谨的

动感的

随意的

夸张的

趣味的

细腻的

Senion3视觉元素的版式组织

元素大小

元素数量

元素的分布

元素的质感

元素的节奏感

线条元素

Section4版式风格设计分析

不同的版式风格

在线教育展示页面

公司形象展示页面

个人网站展示页面

购物网站展示页面

汽车服务网站展示页面

艺术视觉展示页面

LG网站展示页面

SUNGJOO网站展示页面

生活用品展示页面

服饰展示页面

Lesson04版式格局设计

Section1按信息量划分版式格局

检索型

准检索型

均衡型

印象型

省略导航型

Section2版式结构类型

水平均匀

水平不均匀

水平多重

水平变动

垂直均匀

垂直不均匀

垂直多重

垂直变动

交叉划分

曲线划分

Section3版式格局设计分析

韩国Metec网站

韩国Rimhyo网站

韩国Dhflour网站

墨西哥Gmac网站

韩国Wedding网站

韩国别墅网站

葡萄牙广告网站

英国商业网站

韩国影视网站

韩国教育网站

韩国家居网站

挪威综合网站

Lesson05各种类型的版式结构

版式01环绕导航／强调形象／适当留白

版式02导航置顶／表现形象／适当留白

版式03双侧导航／版式均衡

版式04突出形象／适当留白

版式05突出主题／结构清晰／简明扼要

版式06版式丰满／突出形象

版式07对角导航／形象分割

版式08导航居中／内容丰满

版式09突出形象／正文对称

版式10导航居右／突出形象

版式11形象简约／导航明确

版式12结构自由／布局分散

版式13结构简单／左右分割

版式14导航呼应／内容丰满

版式15系列导航／分块内容

版式16“匡”字结构／强调形象

版式17导航居中／背景广阔

版式18三项导航包围／内容分块

版式19“川”字结构／强调形象

版式20角落导航／版面简洁

版式21多位置导航／不对称平衡

版式22纵向双重导航／突出形象

版式23横向双重导航／版式丰满

版式24分散不均衡／版式灵活

版式25形象主导／导航辅助

版式26画廊展示／空间较大

版式27重复结构／版式均衡

版式28包围式结构／强调形象

版式29三分页面／版式简洁

版式30作品展示／突出形象

版式31三列导航／强调形象

版式32分散排列／布局规整

版式33导航居中／不规则分布

版式34图文对称／布局充实

版式35环绕导航／内容丰满

版式36右侧导航／版式简洁

版式37左侧导航／结构清晰

Lesson06各类网站的版式风格

Section1娱乐类网站

Section2体育类网站

Section3时尚类网站

Section4经济类网站

Section5旅游类网站

Section6教育类网站

Section7艺术类网站

Section8企业类网站

Section9医药类网站

Section10儿童类网站

Section11饮食类网站

Section12数码类网站

Lesson07网页版式风格实战分析

Section1工程建设公司网站

Section2健康蔬菜网站

Section3搜索网站

Section4体育网站

Section5商务网站

Section6动漫网站

Section7教育培训网站

Section8手机网站

Section9科技网站

Section10儿童用品网站

Lesson0860种经典版式格局

使用说明

版式图解

附录优秀版式设计网址

旅游类

门户类

B2C类

教育类

卡通及图标类

设计类

汽车类

装饰类

购物类

美容类

房产家居类

时尚类

数码类

其他类

　　在多姿多彩的互联网世界中，悦目的版式和鲜明的风格能够为您的网页增添不少印象分。本书在讲解网页版式与风格设计一般规律与常用方法的基础上，使用彩色版式示意图搭配分解图示、文字说明和特点评级的方式，对不同类型的近600幅优秀网页作品的设计风格和版式类型进行分析和归纳，进而总结出百余种成熟的版式设计方案，助您真正掌握网页版式与风格设计的原理与技巧，提高创意和审美能力，轻松设计出符合心意的漂亮网页。　　本书共分为三大部分和一个附录，从网站设计与制作的实际流程出发，全面、深入地探讨了网页版式与风格设计的相关知识与技巧。第1部分(Lesson01～Lesson04)为版式设计的理论与方法，从网页设计思维入手，依次讲解网站导航、版式风格丢]版式格局的设计规范与常用技巧；第2部分(Lesson05～Lesson07)为版式设计的应用与实战，通过对大量优秀页面的鉴赏，详尽剖析了各种类型的版式结构和不同类型网站的版式风格；第3部分(Lesson08)为版式结构辞典，总结了60种经典网页版式格局。