03-网页设计流程

网页设计流程分析与实例讲解

分析与策划
1.服务对象，所属行业
2.功能、浏览群体、产品定位（客户的硬性要求）

行业 定位

模块的罗列 版式 配色

IT 学校 （软件下载）

年轻人

客户提供资料

1、清爽 （青 蓝）
2、版式要选择常规
3、适中

IT 教育
A logo
B 导航
C 形象
D 导航2
E 内容
F 版权信息等其他

网页设计中的常见版式
1.骨骼型（网格型）
规范、理性的、最便于浏览
几种分栏方式结合会活泼有弹性
2.满版型
地产、旅游、游戏、动漫
3.分割型
图文对比
画面清爽，最利于分类
4.中轴
水平分割 宁静
垂直分割 舒畅
（以一个图片元素作为过渡）
5.曲线型
导航以曲线进行编排 让主页产生韵律与节奏
女性化 音乐类
6.倾斜型
运动感、空间感
7、对称
接近满版，一屏设计居多
画面稳定（绝对对称，相对对称）
8.焦点型
最容易吸引视觉中心 到导航
9.三角形
正三角 稳定 速度感 倒三角 斜三角 不稳定 运动 竞速
10.自由型
相对自由。一般会遵循骨骼或者线索

骨骼型