做站这些年，真被那些满嘴洋文的设计师气笑了。

每次跟客户沟通，

对方张口就是UI，

闭口就是UX，

听得我脑仁疼。

其实说白了，

就是网页界面设计的英文缩写。

很多人根本搞不懂，

以为多高深莫测，

其实就是几个字母的组合。

今天我就把话撂这，

别再装糊涂了。

先说最火的UI。

全称是User Interface。

直译就是用户界面。

说白了，

就是你看得到摸得着的东西。

按钮长啥样，

颜色配啥色，

字体用多大。

这些全是UI的活儿。

我特别讨厌那种，

只顾着好看，

不管好不好用的设计师。

界面做得花里胡哨，

结果用户连个注册按钮都找不到。

这种设计师，

趁早滚蛋。

UI必须得直观，

得像你妈给你做的饭，

一眼就知道咋吃。

再说那个UX。

全称是User Experience。

用户体验。

这词儿被炒得太热，

有点名不副实。

UX关注的是流程，

是逻辑，

是用户心里舒不舒服。

比如你注册账号，

填了三次密码还报错，

这就叫UX做得烂。

不管界面多漂亮，

流程卡壳，

用户立马跑路。

我见过太多项目，

UI做得像艺术品，

UX烂得像垃圾。

最后上线没人用，

老板骂设计师，

设计师骂产品经理。

纯属扯淡。

其实UI和UX不分家。

就像人和衣服，

衣服得合身，

人才好看。

界面得顺手，

用户才爱用。

还有个词叫VI。

Visual Identity。

视觉识别系统。

这个更多用在品牌上。

比如你的Logo，

你的标准色，

你的辅助图形。

在网页里，

VI要贯穿始终。

不能首页是蓝色，

内页突然变红色。

那样显得很不专业，

像山寨货。

有些小公司，

为了省钱，

随便找个模板改改。

结果VI混乱不堪，

品牌感全无。

这种站，

我从来不屑于做。

还有PSD。

Photoshop Document。

以前设计师都出PSD文件。

现在大家都用Figma，

Sketch了。

但PSD这词儿，

还是老行当的标志。

如果你听到设计师说，

“我把PSD切图给你”，

别太当真。

现在都是直接对接代码，

或者用组件库。

切图那是上个世纪的事儿了。

再聊聊H5。

现在做营销页，

都爱说H5。

其实H5就是HTML5。

网页界面设计的英文缩写里，

它代表一种技术标准。

支持动画，

支持音频，

支持更丰富的交互。

很多老板以为H5是个独立的东西，

其实它就是网页的一种形式。

别被忽悠了，

本质还是网页。

最后说说Responsive。

响应式设计。

这个词儿太重要。

现在手机上网的人，

比电脑多多了。

你的网页，

必须在手机上也能看。

不能电脑上一看挺美，

手机上挤成一团。

这种设计，

就是耍流氓。

Responsive要求网页能自动适应屏幕。

手机竖屏，

平板横屏，

电脑大屏，

都要舒服。

这才是正经设计。

我常跟团队说，

别光盯着电脑屏幕看。

拿手机试试，

拿平板试试。

用户在哪，

你就得在哪。

别搞那些虚头巴脑的。

总结一下，

UI是皮囊，

UX是灵魂，

VI是脸面，

Responsive是基本功。

这几个词儿，

你搞明白了，

就算入门了。

别再去问那些没用的缩写，

多看看实际效果。

网页界面设计的英文缩写，

不过是工具，

不是目的。

目的是让用户爽，

让老板赚钱。

其他都是扯淡。

希望这篇大白话，

能帮你理清思路。

别再被那些专业术语绕晕了。

干活儿，

得接地气。

不然，

迟早得翻车。