学习UI设计基础，能快速掌握哪些实用技能？

先聊聊 UI 基础到底是个啥

先别急，别把 UI 当成高冷的专业术语。 咱就是说它其实就是让人看着舒服，用着顺手的界面。 说实话，学点儿基本功，你就能在项目里抢到前排座位。 正宗。 哈哈，这不光是设计师专属，产品经理、前端同事都受惠。 下面我把自己踩过的坑和收获拆成几块儿，慢慢聊。

1️⃣ 打好视觉基础——画画还是画 UI？

说明….. 先别把画板甩到一边。 学点儿素描、构图，那些基本线条感会帮你判断元素对齐是否舒服。 害，我记得第一次做登录页时按钮和输入框偏移了两像素，审美大叔立马挑刺。 所以练练“黄金比例”和“网格系统”，别等项目里被逼着临时纠正。 懂得这些，你在 Sketch、Figma 里铺网格时就像开挂一样自然。

2️⃣ 配色 & 排版——颜色不是随便挑， 字体也不是随便写

配色这玩意儿，有点像调酒——一点甜、一点酸、一点苦才叫完美。 先记住三大配色法则：单色、类似色、互补色。 别忘了利用在线配色工具快速生成调和方案，这比盲目抓灵感靠谱多了。 排版方面“字重+行高”是关键，一行文字太密或者太稀都会让人眼睛疼。 说实话，我曾经把标题字号调成和正文一样大，后来啊用户说页面像报纸，我整个人都不好了。。

3️⃣ 快速原型工具上手——别光会画图， 还要会动手

拜托大家... Figma、Adobe XD、Sketch 随便挑一个，上手后立马做个低保真原型。 重点是：先画框架，再填内容；不要一开始就追求细节装饰，那叫“装逼”。 我常用快捷键复制层级、对齐元素，一键搞定排版；省时又省心。 如果你想让交互更真实加点微动画——比如按钮点击时轻微放大，这种小细节能提升用户满意度。

4️⃣ 交互细节 & 动效——让界面活起来

每个交互背后都有“为什么”。比如弹窗出现要有淡入淡出，让用户感觉自然；否则直接跳出来会吓人。