平衡色 平衡色可以给我们从心理上一种满足感，可以使整个画面和谐统一。 平衡色 可以分为：色相互补平衡 ，冷暖平衡，花色与纯色平衡，有彩色与无彩色平衡，面积大与小的平衡。 互补色平衡，首先，互补色彼此都要在一个同一个空间出现，互补色搭配，产生的效果是不可替代的，正确的互补色会让人感觉很舒服，对比鲜明。 冷暖色，冷色和暖色搭配，可以中和彼此的过于强烈的部分，让画面产生平衡感。有一点需要注意的是，冷色和暖色本身，也有冷暖的变化；比如说红色也有冷红和暖红，蓝色也有冷蓝和暖兰。 深浅色，也就是色相明度的变化， 让画面更有层次感，有远近感，稳重感。 有彩色和无彩色，无彩色也就是黑白灰；黑色和彩色搭配，会产生稳重感，产生的效果，是一般其他的颜色不可替代的；白色和彩色搭配，会让画面更有透气感，呼吸感；灰色和彩色搭配，让画面更有质感。有彩色和无彩色搭配更能突出彼此，也让画面更漂亮。 花色与纯色，花色里有了纯色，会让视线容易聚焦，从而衬托的花色也更为漂亮，或者是互相衬托。 面积大与小，面积大小的相互 衬托 会让画面产生节奏感，也容易聚焦。
首先设置好每个像素跟一个图标像素大小一样，比如，需要做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针对安卓的一种切图，图片可以愿意变换大小，注意最外层图层的背景必须是纯黑色或者纯透明。 切图的时候可以把点击的背景一起切下来需要标注。
确定风格→选择软件→尺寸栅格→结构造型→细节优化→色彩
做图标需要注意的点： 1、绘制图标前，要先设置好对齐像素；尽量选择几何图形而不是钢笔工具； 2、参考线和网格设置，comment+K，打开设置，把网格线间隔和次分割线的数值设置为，需要做的图标大小；比如，需要做的图标是64×64，参考线和网格设置的数字就是64，保证每一个网格都是一个像素。 3、一个图标用一个画板，这样比较有利于后期切片导出等操作。 4、做的图标尺寸，如果复制需要缩放一个，图标的尺寸是偶数，复制的图标缩放的尺寸也要是偶数。反之亦然。 5、圆角和线条相应保持同一。 6、一套图标要保持一致性，让整体保持平衡。以简洁为主，有识别性，注意强化特点。 7、做好一套图标后，要检查，打开 像素预览，看一下图标是否正常显示。 8、尝试做出不同风格。 9、包装和排版。
UI设计学习的路线 一、设计是什么？设计是如何产生的？设计可以做什么？ 了解美术史，学会入门的美术鉴赏，目的是以正视听。学会用多个纬度去思考美学， 学会用更深入的方法来看待问题，学会从更宏观的视角审视行业……这样，你才能更客观的去理解UI的发展历程。这些知识和思想，将为你的职业生涯做出启蒙，才更容易成为一个有内涵有深度的设计师 二、手绘 以正确绘出静物为止，最重点要掌握的一个绘画技能，我觉得是结构素描。可以在纸张上对想绘制的图形做出快速、准确的打稿，效率和延展性远胜上机鼠绘。 三、掌握软件Sketch、PS、AI、DW、……可以用它临摹出任何使用这种软件设计的图形。 常自己做一些练习来测试自己对软件掌握度在哪里，就很容易发现问题，然后自己去查资料做研究。 好好去理解每个软件可以实现什么，优势是什么，极限在哪里。 四、设计理论 先是基础中的基础：三大构成：▪ 平面构成▪ 色彩构成▪ 立体构成 五、对于字体的认识 《商业字体设计》（方茜） 《好字体》（向玫玫）《文字设计的原理》（[日]伊达千代，内藤孝彦） 六、逻辑取舍 文章：《太及时了！视觉设计师怎样让前端100%实现设计效果？ 学会HTML5 CSS3 JQ的入门，安卓、IOS的实现规范！ 七、鉴赏模仿 前面的步奏都是一个设计师基础素养的实现，而一个出色设计师还需要培养自己的套路和风格——站在巨人的肩膀上。 你要学会如何辨别优秀的作品，可以从多个渠道收集优秀作品和案例，首推使用： Behance 花瓣网 （又到了求粉的季节，懒惰的可以只看我的花瓣 死翘翘的超人的花瓣个人主页） www.pinterest.com SDC设计师网址导航 （其它的可以在导航里逛） 学会看优秀的案例，用它们给你提供设计的燃料，然后你要做的就是抄！抄！抄！用你学过的设计理论在实现中对案例进行分析，只有发现了它们的优点并自己动手实践实现了，才对你的提升有实际帮助。你每天抄一个案例，BANNER、ICON、APP界面，那么不出几个月，你就能对现有的设计形式套路了如指掌，可以设计出安全不会有太大毛病的UI设计稿。 八、阅读思考扩展 不要做一个只知有设计，不知有数理化的蟾蜍，只能在你自己的井里蹦跶。 每个方向都需要阅读相应的教材，重要性无以复加，你需要在观看的时候一边做练习。然后才是具体设计类的书籍，记得不要再买那些无用的通篇告诉你软件操作的书籍。 设计的理论书籍教会你怎么设计，你需要在不断接受知识的同时，马上对它们做实验，不停的练习，不停的产生问题并解决。在你的设计观念足够成熟前，绝对不要没事上网看设计的XX法则，如何做好网页设计你需要掌握的XX个技巧，完全就是设计界的鸡汤文，它们看着其实挺有道理，但完全没办法给新人提供实践指南 一定要持续关注这些那些最简单，但是最受欢迎的网站和应用。例如：知乎、INS、微信、淘宝等等。去不断讨论、查阅，来理解为什么是当前的呈现式样，而不如自己的预期。 你要在练习和思考中进步，不要盲目的追求视觉表现，这样的UI设计师是很难真正的成长起来。 设计的终极目的是解决问题，而不是盲目的表现自己对美的追求。所以我要新手不要去看那些只上传飞机稿的网站。 当前主流设计平台的趋势就是，少数大神驱动庞大的底端设计群体，如果你已经在前几个步骤得到提升，那么这些网站的多数设计师已经在思想上没法和你并驾齐驱，不要去这些地方混迹。这些网站不会有真正有价值对等的交流和见解 当你抄了两三个月案例，就已经有足够多的作品集了，你已经可以打包做简历去应聘了。届时你的水准将超越绝大多有数年经验的设计师了！ *成熟的设计不只是你个性技巧的表达，还有你对解决问题所展示出来的理性和洞见。很多设计师和同层次的其它专业人员比较起来显得太幼稚和粗浅，症状也在这里。不要只用设计的角度去看世界，去涉猎更多的专业，让眼界更宽广，有更多的角度去理解世界，得到的感悟将给你带来难以估量的升华和进步。 *设计是一门需要沉淀的技艺，却恰巧遇见了日新月异的互联网文化。这让大家对流行极具敏感度，而开始追赶潮流，轻视正统和法则。这整个流程需要或许需要1整年的时间，但我相信，只要有足够的耐心，是可以让一个新手成长成为一名合格的UI设计师，请放慢你的角度，不要急于求成。 *这是可以持续一生的事业和技艺，在正确的方法下，越积累越成熟，老而弥坚。 来源于网上收集，仅供学习参考，禁止其它用途！