色彩聚焦 　色彩聚焦，可以让读者第一时间，把目光投向焦点位置。 　色彩聚焦分为逐层聚焦 和顺序聚焦。聚焦动线一般是先横后竖，也有呈斜线方式的。 　增强聚焦主角的方法，在主角上或主角周围，用和背景色　像对比强烈的颜色。 　给颜色增加焦点，并不是可以任意增加，需要跟信息结构本身或者画面的结构等相结合才可以。 　融合色只是对聚焦色的一种映衬，融合色一般是色相相近的几种颜色。 　产生聚焦效果的情况：互补差异，冷暖差异，明度差异，面积差异，纯度高的颜色容易带来聚焦。 　强聚焦和弱聚焦，带来的效果差异也是很大的。 　花色与纯色也会带来聚焦的效果。 　标题的聚焦效果大于内容，插画的聚焦效果大于文字，文字的聚焦效果大于抽象，人脸聚焦效果大于常见事物，暖色聚焦效果大于冷色，强对比聚焦大于弱对比， 　在UI设计中运用聚焦法则，比如纯色、人脸、常见事物、强对比、文字，都是比较容易产生聚焦的。 　运用聚焦法则形成聚焦流，让焦点在整个画面移动。 　数字和图形容易产生聚焦。 　注意主角和主色　分别可能是一个色组。 主角，不一定是主色　，主色也不一定是主角。 　运用聚焦的效果，要跟根据实际情况　，符合信息需要表达的场景。 　

色彩平衡的应用 　比如绿色，可以有多种选择，可以选择同色系的冷暖色或明暗色搭配，可以选择互补色的冷暖色明暗色，可以至于花色图案中与纯色搭配等多种配色方案。 　如果是复杂的颜色关系花色集合，可以把图像马赛克，在马赛克的基础上，提取它的色彩倾向性、可以选择黑白灰搭配，可以选择主色的同频色或互补色，如果颜色过于复杂，可以选择黑色搭配。 　处理平衡关系，注意局部与整体都需要有一种平衡的关系。 　微弱的对比会让画面产生失衡的感觉，不能很好的突出主题，让画面没有聚焦感。

首先设置好每个像素跟一个图标像素大小一样，比如，需要做64X64px的图标，就可以把网格线间隔设置成64px（如下图）；此外，还需要显示参考线、对齐像素、对齐网格。 新建多个画板，做好了第一个画板的样式，选定第一个画板的样式，comment+C复制 Comment+shirt+Alt+V粘贴，所有画板都具有了相同的样式 选定所有的画板，按comment+5，把选中的对象转变为参考线

　功能取色法 　提取主要颜色，也就是色彩鲜艳的正色。 　提取互补色，也是平衡色。 　提取浅色，让画面有透气感。 　提取主要颜色的同频色，可以多提取几种。 　提取重色，也就是很重的颜色。压住画面。 　有一点需要注意，主要颜色不一定是画面中的主角的颜色，可能是背景颜色，主角的颜色，可能是辅助色。他们通常都不一定是一种颜色，，可能是几种颜色的组合。 　功能配色法中的平衡色，不是仅仅针对主色的平衡，还可以在某一个局部起到平衡的作用。只要有需要平衡的地方，都是要平衡的。 　互补色是颜色色相，产生强烈的反差，更能突出主题的平衡。 　冷暖色主要是对情感的一种平衡，也是从心理上的一种平衡。 　深浅色，主要是从光的角度进行的一种平衡。 　花色与纯色，也是一种能够达到画面整体和谐的平衡。 　大与小，从视角上也可以产生一种平衡关系。 　有色彩与无色彩，从色彩的丰富性和单调性产生一种平衡。 　同频色 　从色调、色相、组合好的形状，都可以同频，让它们同一个韵律和共振感。 　色彩聚焦，让颜色形成一种焦点的聚集。 　总结一下 主色彩，一般不要多于三种。 平衡色，不要多于三种。　 同频色，一种或者多种。 　此外，还要有一种最重的颜色，压住重心。 　还要有一种最浅的颜色，让画面有呼吸感，透气感。 　

　 web端的设计规范 　背景颜色、导航颜色 、内容颜色为主色，一般3种左右，辅色一般5种左右。 　字体颜色 主色和辅色一般3~5种，文字链接的颜色一般设置两种，深色和浅色。 　图标状态一般分为正常状态，hover 状态。哪种状态一定要保持一致性。 　下拉弹出框的设置，要标出两种状态，正常状态和点击状态，要标出它们的颜色颜色变化值。 　按钮的状态一般分为：正常状态　，鼠标经过状态，点击过的状态，三种。 　注意整理分组，规则图标和不规则图标要分开主来放；并把他们的每种状态全部列出来，分组放在文档里。 　文章栏目标题名称或姓名内容，字体要设置不同的规格，，比如名称为14PX、雅黑，标题20PX、雅黑，内容14PX、雅黑，要标出上下左右的距离统一为多少。要标出行与行之间的距离，名称与标题，标题与段落之间的距离。 　

切图的规范　 屏幕比较小的尺寸,用@1x,稍微大一点的屏幕尺寸,用@2x ,如果屏幕宽度大于768px,,用@3x,切图格式，一般用png24 .　 导航栏 Nav；bav_(功能描述).PNG　nav_mune.png  nav_mune_pre.png　　 常用的功能操作按钮的缩写： login_bg登陆背景，login _btn登陆按钮，login _putin 登录框。　 btn按钮  ip输入  按钮文字btntext 　复选框 chb  单选框 rb  下拉cbb　　 列表页list   list_功能属性_描述　list_icon_like .png　　 ta b标签栏　Tab_（功能描述）.png　Tab_set_pre.png　Tab_set.png　　 主页按钮　Home_icon_like　描述可以是英文间拼音等第一个字母组成　常用点击按钮：icon_（颜色）　 .9.png针对安卓的一种切图，图片可以愿意变换大小，注意最外层图层的背景必须是纯黑色或者纯透明。　 切图的时候可以把点击的背景一起切下来需要标注。