视觉链：互联网产品的视觉设计理念与规范

5.4.5 控件规范

5.4.4 单选框和复选框规范

5.4.3 按钮规范

5.4.2 文字规范

5.4.1 页面颜色规范

5.4 Web规范制定的案例

5.3.3 汇总和微调

5.3.2 制作规范

5.3.1 注意积累和归纳

5.3 制定规范的流程

5.2.5 大指引、小规范的制定思路

5.2.4 避免规范过于详尽

5.2.3 避免规范一成不变，需要迭代

5.2.2 需要确定规范的范围

5.2.1 把握制定规范的时机

5.2 制定规范的5大原则

5.1.4 提高工作效率

5.1.3 形成备案和文库

5.1.2 方便设计

5.1.1 统一产品的用户体验

5.1 规范的重要性

第5章 设计规范

1．为何辅助线能提升作品档次

4.3 参考线的价值

4.2.2 费茨法则

4.2.1 7±2法则

4.2 设计中的法则

4.1.4 负层级理念

4.1.3 抽屉理念与卡片设计

4.1.2 直线与浪线理念

4.1.1 点、线、面理念

4.1 提炼设计理念

第4章 回归设计理念

3.5.5 有效地引导

3.5.4 更多地为用户考虑

3.5.3 合理的排布

3.5.2 清晰的视线流

3.5.1 情感化的表单

3.5 表单

3.4.6 行为召唤

3.4.5 边距和缩进

3.4.4 文字行距

3.4.3 衬线体与非衬线体

3.4.2 色值

3.4.1 字体和字号

3.4 文字

3.3.7 在适当的情况下使用图标

3.3.6 图标的动效设计

3.3.5 图标色彩与视觉反馈

3.3.4 图标的隐喻选择

3.3.3 图标统一体量感

3.3.2 图标像素

3.3.1 图标类型

3.3 图标

3.2.3 理性和感性的两种取色方法

3.2.2 在UI设计中运用RGB颜色模式

3.2.1 色彩的情感

3.2 颜色

3.1.2 颜色搭配

3.1.1 设计元素

3.1 细节设计的两个关键点

第3章 细节深入

2.3.4 设计提案

2.3.3 设计辩证

2.3.2 设计草案

2.3.1 研究分析

2.3 视觉设计流程与方法

2.2.2 建立信息层级的视觉方法

2.2.1 为什么要掌握分析层级的能力

2.2 贯穿全局的思维——层级概念

2.1.2 确定设计方向的调研方法

2.1.1 为什么要确定设计方向

2.1 产品战略与目标用户对设计方向的影响

第2章 设计方向和设计理念

1.5.2 工作沟通

1.5.1 团队合作

1.5 视觉设计与其他岗位同事之间的配合

1.4.3 M线

1.4.2 P线

1.4.1 专业线

1.4 视觉设计师的职业规划

4．多磨

3．多做

2．多记

1．多看

1.3 提升视觉设计师能力的4种学习方法

5．工具掌控能力

4．精确的解说能力

3．判别需求的能力

2．产品&交互逻辑

1．专业核心知识

1.2 互联网产品视觉设计师5项关键能力

1.1.2 什么是互联网产品的视觉设计

1.1.1 了解互联网产品

1.1 什么是互联网产品的视觉设计

第1章 认识互联网产品视觉设计

致谢

前言

版权信息

封面

封面

版权信息

前言

致谢

第1章 认识互联网产品视觉设计

1.1 什么是互联网产品的视觉设计

1.1.1 了解互联网产品

1.1.2 什么是互联网产品的视觉设计

1.2 互联网产品视觉设计师5项关键能力

1．专业核心知识

2．产品&交互逻辑

3．判别需求的能力

4．精确的解说能力

5．工具掌控能力

1.3 提升视觉设计师能力的4种学习方法

1．多看

2．多记

3．多做

4．多磨

1.4 视觉设计师的职业规划

1.4.1 专业线

1.4.2 P线

1.4.3 M线

1.5 视觉设计与其他岗位同事之间的配合

1.5.1 团队合作

1.5.2 工作沟通

第2章 设计方向和设计理念

2.1 产品战略与目标用户对设计方向的影响

2.1.1 为什么要确定设计方向

2.1.2 确定设计方向的调研方法

2.2 贯穿全局的思维——层级概念

2.2.1 为什么要掌握分析层级的能力

2.2.2 建立信息层级的视觉方法

2.3 视觉设计流程与方法

2.3.1 研究分析

2.3.2 设计草案

2.3.3 设计辩证

2.3.4 设计提案

第3章 细节深入

3.1 细节设计的两个关键点

3.1.1 设计元素

3.1.2 颜色搭配

3.2 颜色

3.2.1 色彩的情感

3.2.2 在UI设计中运用RGB颜色模式

3.2.3 理性和感性的两种取色方法

3.3 图标

3.3.1 图标类型

3.3.2 图标像素

3.3.3 图标统一体量感

3.3.4 图标的隐喻选择

3.3.5 图标色彩与视觉反馈

3.3.6 图标的动效设计

3.3.7 在适当的情况下使用图标

3.4 文字

3.4.1 字体和字号

3.4.2 色值

3.4.3 衬线体与非衬线体

3.4.4 文字行距

3.4.5 边距和缩进

3.4.6 行为召唤

3.5 表单

3.5.1 情感化的表单

3.5.2 清晰的视线流

3.5.3 合理的排布

3.5.4 更多地为用户考虑

3.5.5 有效地引导

第4章 回归设计理念

4.1 提炼设计理念

4.1.1 点、线、面理念

4.1.2 直线与浪线理念

4.1.3 抽屉理念与卡片设计

4.1.4 负层级理念

4.2 设计中的法则

4.2.1 7±2法则

4.2.2 费茨法则

4.3 参考线的价值

1．为何辅助线能提升作品档次

第5章 设计规范

5.1 规范的重要性

5.1.1 统一产品的用户体验

5.1.2 方便设计

5.1.3 形成备案和文库

5.1.4 提高工作效率

5.2 制定规范的5大原则

5.2.1 把握制定规范的时机

5.2.2 需要确定规范的范围

5.2.3 避免规范一成不变，需要迭代

5.2.4 避免规范过于详尽

5.2.5 大指引、小规范的制定思路

5.3 制定规范的流程

5.3.1 注意积累和归纳

5.3.2 制作规范

5.3.3 汇总和微调

5.4 Web规范制定的案例

5.4.1 页面颜色规范

5.4.2 文字规范

5.4.3 按钮规范

5.4.4 单选框和复选框规范

5.4.5 控件规范