WebUI设计

界面设计流程

需求-策划-原型图-设计图-制作-上线发布

三大部分：版式-制作-输出

版式：

1. 分析需求内容
2. 绘制草图

制作：

1. 优化版式结构
2. 填充内容
3. 样式设计

输出：

1. 优化
2. 切图
3. 输出

设计规范

1. 色彩规范
2. 文字规范
3. 图标规范
4. 控件规范

web设计

设计纬度：版式、色彩、图片、字体、段落、细节

• 界面设计流程

• 基本规范：设计规范

字体选择：

1.     使用通用字体的样式属性
2. 使用在线字体

色彩运用：色相、明度、纯度色彩三要素（对比色、互补色、同类色）

尺寸单位：px，pt   1pt=1/72英寸、PPI（DPI）、em

图像格式：JPG、GIF、PNG

视觉层次：透视、景深、元素层次、色彩层次

切图：ps

首页设计：登录/不登录

专题设计：

1. 结构
2. 风格
3. 头图
4. 内容

创意 版式 色彩 细节

banner设计：

1. 需求
2. 风格
3. 版式
4. 配色

听说读写

听：多收集、行业信息、发展趋势

说：与人交流、同行、用户

读：生活中、多观摩分析、别人作品

写：着手练习、临摹、优化

 

 

转载于:https://my.oschina.net/alan01/blog/1329863