21界面色彩运用.pptxVIP

3.从原型到页面视觉设计

3.1情绪板

3.1.1情绪板的概念与作用

3.1.2情绪版的制作

3.2界面版式设计

3.2.1信息层级设计

3.2.2界面信息规划

3.2.3界面色彩运用

3.3图标设计

3.3.1什么是图标设计

3.3.2图标的作用

3.3.3图标的分类

3.3.4图标设计的原则;

1.单一色

单一的配色在手机界面中最为基础常见，由于手机界

面大小的限制，过多的颜色如果运用不当反而会给用户识别造成困扰。尤其在以图片为主的界面中，为了使得图片内容与界面色彩相互协调，往往只选用一个高亮色来使用。而这里单一颜色的使用并不代表界面中没有层次关系，高亮色凸显核心交互内容，不同层次的灰色起到区块之间的分隔作用。;

3.从原型到页面视觉设计

3.2界面版式设计

3.2.3界面色彩运用

1.单一色

这种方式多见于具有社交分享功能的产品界面，由于

多数内容图片来源于用户，色彩多样且难以协调，此时选择品牌主题色为高亮色，其余的层次用不同层次的灰色来划分以达到统一美观的效果。;

2.近似色

近似色是指在色环上较为相邻，具有较强的相似因素

的颜色。近似配色能够在协调统一色调的基础上存在一定的层次变化，可以帮助我们创造和谐的美感，给人整体协调统一的感觉，是新手设计中用到常用且不容易出错的一种配色方式;

2.近似色

例如七夕不同平台商城页面为了营