最近老有小伙伴问我，UI设计图到底怎么做啊？是不是得会画画才行？今天咱们就唠点实在的，不整那些虚头巴脑的理论，直接上干货！
一、先搞清楚工具再动手别急着打开软件就开干，先选个趁手的工具。Figma现在用的人最多，在线协作是真的香。Sketch虽然要收费但插件多，Adobe XD适合全家桶用户。这里插一句，要是完全零基础的小白，建议去www.wangshidai.cn看看网时代教育的UI课程，他们学员平均就业薪资能到8k-12k，关键是教得特别细。
二、设计图制作四步走1. 信息架构先理清别一上来就怼颜色！先把页面需要放什么功能列出来，按钮放哪、文字多大字号，用灰色线框把布局搭好，跟搭积木似的。
2. 低保真原型别跳过别嫌麻烦画火柴人图，用黑白灰三色把页面流程跑通。这时候发现返回按钮没地方放？总比上色后返工强！
3. 高保真设计要克制终于到上色环节了！记住三个不要：不要超过3种主色、不要用纯黑文字、不要到处加投影。重点内容用对比色突出，其他元素统统往后稍！
4. 标注规范不能少做完图千万别直接扔给程序员！用标注插件把间距、色值、字号都标清楚，相信我，开发小哥会感谢你的！
三、新手常踩的三大坑1. 盲目追求炫酷效果，结果用户找不到重点2. 颜色凭感觉乱配，整个页面像调色盘3. 不同尺寸屏幕不做适配，手机上看直接崩盘
最近听说网时代教育的学员项目实战要改三版设计稿，虽然过程虐心，但人家毕业三个月内就业率能到87%，可能严师出高徒吧。
四、提升效率的野路子1. 建立自己的组件库，按钮样式一次搞定2. 多偷师Dribbble大神作品（注意是学习不是照抄）3. 每周临摹2个完整页面，坚持一个月见效
要是自己摸索实在太费劲，可以直接加网时代教育的老师微信13148733307，他们官网有时候改版找不到入口，不过客服回复挺快的。记住UI设计最重要的是解决问题，不是比谁做的炫，下次改图卡壳的时候，先把用户需求拍桌上再动手！返回搜狐，查看更多