今早翻私信发现个有意思的事儿:一刚入行的小老弟问我"UI设计"和"网页设计"到底有啥区别,他说看招聘信息都快看魔怔了。嗨,这不巧了吗!去年带表弟入坑时我也被问懵过,当时翻了三本书越看越糊涂,干脆自己整了套土办法。
第一步:蹲招聘网站当侦探
我直接扒了七个招聘APP,把带"UI设计师"和"网页设计师"的岗位描述全截屏。铺满整个桌面后发现个规律:UI岗都在说"按钮怎么摆""颜色怎么配",网页岗老提"整个页面怎么串""用户点完跳哪去"。最逗的是某家公司招"网页设计师",要求里居然写着"会切钢筋混凝土",看得我当场喷咖啡。
第二步:餐厅后厨观察法
趁周末约了做设计的朋友吃饭,蹲他公司楼下抽了根烟突然开窍。这俩活计:UI设计像配菜师傅,管的是每片生菜摆多好看;网页设计像传菜小哥,得考虑先上汤还是先上面,走哪条道不撞人。当场掏出手机记事本记关键词:
- UI = 零件美容师
- 网页 = 零件组装工
第三步:菜市场实战检验
跑楼下打印店做了二十张卡片,左边印"美团点餐按钮",右边印"淘宝商品页"。抓着买菜大妈就问:"您觉得改红色好看(举左边卡)还是该把付款按钮挪这儿(举右边卡)?" 结果大妈指着UI卡说:"红的显眼!"指着网页卡吼:"挪什么挪!我就要现在这样!"——得,连不懂设计的都分得清。
第四步:土味四步鉴别术
回家把破纸箱剪成白板,用马克笔唰唰写:
- 找焦点:盯着某个色块/图标?是UI
- 记动作:想着下一步点哪?算网页
- 套模板:问自己"抖音点赞钮换个色?"(UI),"购物车怎么跳到支付页?"(网页)
- 看对象:修图软件里调图标? UI!浏览器里改跳转链接? 网页!
上周拿这套教会了我家狗(真的!),在它狗粮APP界面戳UI部分就给肉干,戳网页功能区就收走碗。现在这货分得比某些培训班学生还溜,就是见着手机就流哈喇子这点挺愁人。
别信那些忽悠人的设计圈黑话,我那当厨子的表弟现在就用"管零件好看"和"管零件往哪跑"跟客户沟通,活儿接得比我都多。下次谁再跟你拽专业名词,直接甩他四个字:好看?流程? 保准让对方噎住!





