这个领悟彻底改变了我设计应用和网站的方式
你知道那种某个设计终于说得通、而你不禁纳闷为什么之前没人这样解释的时刻吗?我曾经以为 UI/UX 设计就是让东西变得好看,直到我意识到,它其实是让东西感觉像老朋友一样。如果你正要踏入界面设计领域,或者只是想更上一层楼,让我来带你看真正重要的事——不吹不黑,只有我希望自己早点知道的东西。
记得我第一次打开空白的 Figma 画布,完全僵住了。我看了能找到的每一个 UI/UX 设计教程,但没有一个告诉我到底该从哪里开始。秘密?从文字开始,而不是从矩形开始。在打开你那些最好的 UI 设计工具之前,先抓个笔记本,草草记下用户想在你的屏幕上做什么。那是 UX 设计原则的核心——理解另一侧的人。一旦我不再痴迷于渐变和阴影,一切都变得更容易了。
我们来聊聊房间里的大象:用大白话解释 UX vs UI。UX 是做三明治的逻辑——步骤、顺序、面包没湿时的那种解脱感。UI 是摆盘、艺术的酱汁淋法、以及它好看到让你忍不住拍照的模样。当别人问我如何设计真正好用的应用界面时,我告诉他们:先设计好三明治的配方,再让它漂亮。你不能在还没烤好的蛋糕上撒糖霜。这就是为什么当我看到新手直接跳进一个 Figma 初学者教程、开始推像素之前连一个用户流程都没画出来时,我会有点不忍直视。Figma 是个强大的工具——无疑是最好的 UI 设计工具之一——但它只是一把锤子。你还是得知道自己在盖什么。
说到这个,让我们落在一些实际的网站 UI 设计基础上。一个好的网站布局并不关乎创新,而是关乎熟悉感。人们期望 logo 在左上角、导航在顶部、清晰的号召性按钮,因为他们的大脑已经被成千上万个网站训练过了。一旦你打破这种模式,你就让他们思考——而思考等于摩擦。我曾经重新设计了一个电商结算流程,仅仅把“继续”按钮移动到人们期望的位置,就看到购物车放弃率下降了 20%。这就是用户界面设计技巧的安静魔力:它们听上去很无聊,直到它们为你赚钱或节省时间。
现在,移动应用 UI 设计有它自己的特点。拇指是屏幕的统治者。我总是把主要操作放在拇指友好的区域——手机的下半部分。当我草拟一个应用时,我实际上会单手握住手机,测试我能否在不做手指瑜伽的情况下摸到按钮。很多关于如何成为 UI 设计师的内容,归根结底就是这种充满同理心的挑刺。你不需要一个花哨的学位;你需要变得对每天使用的应用里那些微小的烦恼点异常敏锐。那个咖啡应用把“重新下单”按钮藏在三个界面深处?在心里修复它。写下来。恭喜你,你已经像 UI 设计师一样思考了。
如果你想知道如何不用花大钱就成为 UI 设计师,这是我的路径:我在 YouTube 上看了一个免费的 UI/UX 设计教程,学习最基础的东西,然后立即在我喜欢的应用里复刻一个界面。不是整个应用——只是一个界面,像素级复刻,在 Figma 里。这就是你真正需要的唯一 Figma 初学者教程,因为你在逆向工程好的设计决策时就会学会工具。我会看着一个组件问:为什么这个内边距是 16 像素而不是 8 像素?为什么是灰色而不是黑色?慢慢地,UX 设计原则里那些隐形的规则变得可见。你开始看到好的设计是一系列微小的、有意的决定,大多数人都不会注意到——但它们缺失时,他们一定能感觉到。
有一个常见的陷阱我想帮你避开:Dribbble 陷阱。Dribbble 上到处是华丽但不切实际的幻想,那些在真实世界中会被实用性打碎。真正的移动应用 UI 设计必须处理长名称、空状态、错误消息、加载缓慢。这些不性感,但它们正是区分专业设计师和爱好者的东西。当我给出用户界面设计技巧时,我总是说:先设计丑陋的状态。先设计 Wi-Fi 断开时的界面。设计用户购物车里没有任何商品时的界面。如果你的设计在那些时刻仍然让人觉得有用,那你就成功了。
现在,关于那些最好的 UI 设计工具——Figma 是显而易见的宠儿,而且理由充分。它支持协作、基于浏览器、对个人免费。我把它用于从线框到高保真原型的一切。但也别小看纸笔。我最快、最清晰的网站 UI 设计基础想法往往始于点阵笔记本上的潦草涂鸦。一旦搬到 Figma,我也会依赖像 Content Reel 这样的插件来填充逼真的文本,以及 Stark 来做可访问性检查。很多 UI/UX 设计教程内容跳过了可访问性,但它是 UX 设计原则的核心:如果一位视力障碍者无法使用你的界面,那就是一个糟糕的界面,没有商量。
我经常被要求用一句话概括如何设计应用界面。我的答案是:设计对话。每次点击是一个词,每个界面是一句回复。如果你的应用感觉像在和一个友好、略带风趣的朋友聊天,那你就赢了。这就是为什么我喜欢微交互——加载时微妙的弹跳,长按时轻柔的振动。它们就像是人类对话中一个心领神会的点头,让移动应用 UI 设计感觉有生气,而不是机械的。
如果你还在琢磨 UX vs UI 的解释、考虑自己的职业道路,记住:你不必永远二选一。我一开始更被视觉方面吸引,但随着我参与更多项目,UX 的研究和心理学开始让我着迷。一个扎实的 UI/UX 设计教程总会告诉你,最好的界面来自于融合。当我指导初级设计师如何成为 UI 设计师时,我会推动他们至少做一个包含三个用户访谈的项目。一开始很可怕,但从三个访谈中学到的东西会比被动看十个小时教程多得多。
这个领域变化很快,但基础不会。无论你是在深入研究 Figma 初学者教程,还是打磨作品集项目,持续问自己:这是让用户的生活更轻松,还是只是更漂亮?因为世界上最漂亮的界面也拯救不了令人困惑的体验。而一个简单的布局,由扎实的 UX 设计原则支撑,可以让某人的一天少一点压力。这才是这门手艺真正的乐趣——它关乎像素,更关乎人。去创造一些像是拥抱一样温暖的应用吧。











