“哇，这个界面看起来很不一样！”
不都是界面，有什么差啊
“你看这个排版、色彩还有按钮”
好像用起来真的很简单舒适呢！
“是呀，这就是优秀的UI设计的魅力”
UI设计是什么
“UI”的本义是用户界面
是英文User和interface的缩写
UI设计是指对软件的人机交互
操作逻辑、界面美观的整体设计
UI设计师简称UID
（User InterfaceDesigner）
指从事对软件的人机交互、
操作逻辑、界面美观的整体设计工作的人
有人问
平面设计和UI设计有区别吗？
当然有！
平面设计也叫做视觉传达设计
用“视觉”作为沟通和表现的方式
通过多种方式来创造和结合符号
图片和文字
借此做出用来传达想法的视觉表象
因此
平面设计更多的是用视觉与顾客沟通
UI则注重用户体验
用的舒服比好看更重要
UI设计是不是很简单
有人问
UI的不就是画线框图吗
为什么说的好像很难的样子
年轻人，你还是太嫩了
举个栗子
当我们设计一个按钮的时候
大家都以为的步骤是：
“看看原型图——加个颜色
——加个圆角——完工！”
但其实真实的情况呢
首先你要确定主题色
“不不不不，绿色太像安全产品了
感觉不符合品牌”
“诶，红色好像也不太好有点警示作用
怕吓到用户”
……尝试24个色之后
“嗯，还是蓝色保险又好看”
然后
你要尝试各种形式...
“圆角太大有点幼稚”
“没有圆角又太硬朗了吧”
……尝试24个圆角像素后
“嗯，还是5px的圆角最好看”
最后开始尝试各种效果
“投影远了层级关系太大，不好看”
“投影太浅感知度很弱的，不如不要”
……尝试24个设计效果后
“嗯，勉强就这样吧”
说了这么多，还是有人会说：
“就是你们UI设计师喜欢瞎折腾”
“按钮深浅有啥影响，能用就行”
“这行业就是很简单，随便入门”
那我们就感受一下
UI设计好坏如何影响到一个产品
以下两个界面来自同样的交互文档
但为什么左图看上去就低端一些呢
这就是大家留意不到的设计细节
看似无关痛痒的地方
就决定了一个UI设计的好坏
SO
还觉得UI设计是画线框图那么简单吗
不同人眼中的UI设计师
老板眼中的UI设计师
许多老板谈及软件开发时
认为编写程序代码才叫开发
UI设计就是画皮罢了
根本不把UI设计纳入开发流程
对UI设计师也不重视
把UI设计师当成前端工程师或是美工使用
程序员眼中的UI设计师
入门级程序员说
我要实现软件
要编写程序
让美工(指UI界面设计师)给我画几张来
在与UI界面设计师的沟通中
认为UI界面设计师对于程序一窍不通
得按照他的思维走
同事眼中的UI设计师
UI的工作就是用软件绘图
没有什么了不起的
学会那些软件的操作我也能干!
编程序多牛
敲出来的代码我一个也看不懂
但设计出的软件也很好用啊
UI也就是画几张图给程序用
虽然UI设计总是遭遇各种尴尬
但是亲爱的UI设计师们千万别懊恼
你我都知道UI设计是一项很重要的工作
为此
设计师们把编程学起来吧！
视觉和编程的跨界结合
人们习惯性地把程序员
跟设计师分成两种不同性质的人
好像程序员就不会有美感
设计师逻辑思维就一定会很弱
但最近几年我们发现
有越来越多的程序员学设计
也有设计师学编程的跨界故事
HOTSAR是一家藏匿于上海的创意便利店
（都是95后的超年轻团队）
他们一直致力于探索
视觉和编程之间跨界结合的可能性
他们的商业创意集合
他们说
“编程可以在视觉上做什么？
可以为所欲为”
在程序员的世界里面
最可怕的是那些基于计算机图形学知识
用shader去写各种视觉效果的那群人
他们可以在没有任何
三维模型的输入的条件下
纯靠几百行代码就可以写出这样的效果
让计算机根据制定的规则生成效果
“不要狭隘的把编程视觉简单理解成
用编程去生成图像
它是一种移植性很强的东西”
例如飞线作画
用所有虫子走过的路径
就是我们最终生成了飞线作画图像的样子
这些规则它应用的场景
绝对不止不只是生成一张图这么简单
我们需要更广义的把它定义成一种效果
而这种效果可以应用在平面、三维
可交互可实时交互程序等
各个你想得到的地方
这个是用Three.js
实现的反应扩散算法
然后以一张名画的图
作为它的养料输入
最终实现的动态效果
当然这不是单纯编程就能实现的
很多东西都需要
设计软件跟编程互相配合才能实现
编程除了在视觉方面可以大放异彩
设计师也可以在其它领域
感受到编程是有趣的
看来以后会有
“不会编程的设计师不是好设计师”
这样的口号
（谢谢欣赏！）
文章素材来源于网络，版权归原作者所有
欢迎关注中国义乌工业设计微信账号【yiwudip】
