刚启动学 ui 设计的时候，最让人头皮发麻的不是软件多复杂，而是突然发现脑子里的“抽象画”和电脑里的“方块”彻底不匹配。
那时候我对着那套叫 Figma 的软件，像个拿着手术刀的医生，僵硬地切着像素，脑子里想的线条在屏幕上变成了一堆没感情的矩形。
那种感觉就像是在幼儿园学画画，老师突然把黑板换成鼠标，还要求你一边切一边讲“构图要平衡”。 实际上，你根本不需求去啃那些厚得吓人的《扁平化设计原理》要么《视觉传达设计基础》。
那些书里的案例图，放在网页上就像是一堆找不到入口的孤岛。真正的 ui 设计，压根儿不是一场在图书馆里的苦修，更像是你在路边捡了一个废弃的铁皮罐，然后试图用胶带把它裹成一个个精致的盒子。 要是你真心想从零启动，第一招务必得把电脑收拾干净利落。别像其他人那样，整天对着满屏的图标、各种插件和弹窗发呆。你的桌面应当像是一个正在装修的家，只有工具栏、必要的图层和几个你正在用的软件图标。保持清爽，能让你在遇到新手难题的琐碎时，多惦记半小时的宁静。 然后，你得学会如何“骗”自己信任你的鼠标是有生命的。在设计的时候，你不可能确实盯着屏幕思索，人脑处理视觉信息的速度远远跟不上鼠标滴答的声音。你只能想象一个虚拟的模特，一个坐在你对面的哥们儿，要么一团热气腾腾的蒸汽，去描述他们想变成啥样的样子。
这时候不要急着在软件里抠细节，先把大轮廓画出来，先让那个“虚拟模特”有一个大约的身体。 说到具体的操作，大量人盯着那 3000 多种单选按钮傻眼，实际上你根本不需求记住这些。Figma 里的颜色面板就像是一个百老汇的灯光队，红、绿、蓝、黑、灰，随意一按，场景就活了。线条工具也不是用来画那种严谨的工程线，它更像是一根橡皮，把刚刚画的那些“虚拟模特”的边角给刮干净利落。记得把那些富余的线隐藏起来，只留下最核心的骨架。 配色这事儿，千万别想着把所有颜色都搞成“渐变色”要么“多彩风”。
那样做的网页一眼就能看出是新手写的。
记住，好的配色要么是黑白灰的极致演绎，要么是一种贼克制的大胆撞色。
比方说，你能够用一个饱和度极高的紫色作为主色，然后周围所有的文字、边框、按钮，都只用黑白灰去衬托它。
这种反差，比任何花哨的渐变都能抓住人的眼球。 关于字体，那是 ui 设计的灵魂，也是新手最好办踩雷的地方。千万不要一启动就为了好看而把背景图换成风景，那样做出来就像个背景板，毫无重点。把你的文字当成故事的主角，背景只是舞台的布景。字体要有呼吸感，字号要分明，行间距要宽松。你能够去搜一些“字体搭配表”，选几个经典款，把它们像选食材一样挑出来，看看哪个你认定最顺眼，就用哪个。 提到数据，你会发现别看网上的设计图，真正出色的作品里，极少有这种“色彩斑斓”的装饰。
看看那些获奖的设计，你会发现他们的配色背后是有逻辑的。
比方说，某款 APP 的红色按钮，不是为了好看，而是出于红色在心理学上代表着“行动”，故此它被放在了用户点击率最高的位置。数据不是用来炫耀的，是用来验证你“直觉”是不是靠谱的。当你发现某个配色能让用户在手机上停留工夫多一秒钟，要么某个按钮让点击率提升 5% 的时候，你就知道这张图是有用的。 还有啊，新手最大的敌人是“网瘾”。今天的教程完美，明天的案例大神，你恨不得把工夫分交给每一个案例。
实际上不然，设计就像做饭，你只需求记住一点点核心逻辑，比如“这个菜是咸的”，“这个动作要快”，其他的都是手抖了翻车。你不需求背书，你需求的是手感。当你在界面上调整一个位置，发现鼠标指针突然抖动了一下，你不需求立马解释，那一刻的直觉就已经告诉你“不对劲”，赶紧退回来。
这种“试错”的过程，比看一万个教程都管用。 最终，设计不是画出来的，是思索出来的。
有时候你看着屏幕上的一堆乱码，突然脑子里就蹦出一个画面：夕阳下的长椅，一杯热茶，一个在打电话的人。
这时候，软件里的框框别看碍眼，但没关系，那是为了让你的脑子能自由运转。等你想好了，再去软件里把这些想法落地。 故此，别急着追求“完美”的成品，先去拼凑几个像样的 Demo。
哪怕它里面的线是歪歪扭扭的，颜色是红的绿的，只要它能传达出一个清楚的信息，它就有价值。慢慢来，你的鼠标会比你的脑瓜反应得更快，也比你更需求耐心。
