谈一谈我对UI设计的一些看法

在进入真正的主题之前,我作为一个程序开发人员,谈一谈与UI设计师在平时的工作中所产生的代沟。

1.可行性

“这样做比较漂亮啊!”
“这样做比较美啊!”
“使用者喜欢这样子啊!”

就我观察到的状况,设计师是一群非常容易忽略现实的生物,轮胎为什么不做成三角形啊?三角形比较帅啊!
可行性?当然不是设计师的工作咯,这不是工程师要处理的事情吗?
我遇到非常多这样子的设计师,他们从不考虑,这样设计稿交出去,工程师做不做得出來的问题,也不愿意去了解什么叫“限制”和“规则”。认为自己设计出来的东西就是要 100%完整呈现,办不到就是工程师能力差,在RWD上骄傲自己有像素眼和F2E在纠结1px的差距。还是先管管自己做出來的设计稿会不会整死工程师吧…很多时候不是美不美的问题,是各种限制办不到啊!

这是Jesse James Garrett发表的使用者经验分层相关的概念,其中很明显指出视觉设计在最后那一层。不过我遇到的设计师却都偏偏喜欢从五楼开始盖,盖完五楼再回去打地基。他们觉得只有第五层的视觉才是设计师的工作,其他都与他们无关。

2.逻辑?可以吃吗?

能用讲道理沟通的设计师是个宝。我总觉得,UI设计是非常吃逻辑思考的一门学问,不能用平面设计的思维做UI,很多设计师认为设计师就顾好手上的工作修图排版就好了。跟他讨论功能、行为、状态,会被抱怨这不是设计师的工作范围,为什么要把工作推给他们。从不考虑时间成本,技术成本和开发人员本身的技术素质,淘宝UED能干的事,我不一定能干。如果你遇到的设计师能讨论问题、知道什么叫功能、有逻辑、能讲理,不回去谈什么设计理念、什么这样才漂亮、工程师不懂美学、工程师只会说办不到之类的话,请好好珍惜。即使对方嫩了一点也没关系,可以教得会的嘛!

3.无视内容

开水龙头就有水啦?水管?又不关我的事。
在工程师眼里,只會做效果图,其他都不懂也不肯学的不配称为设计师,就是美工而已。
这是我最痛恨的设计师行为之一,认为内容不关自己的事。一张图是內建、还是从网络加载,內建在 App 里的话好说,如果是从网络上加载的图片是不是需要考虑多种状态?
理想状态(正常联网下显示的图)
下载中(图片很大张的情况下要提醒使用者图片下载中)
预设图片(使用者未上传头像是时,大头照要放哪张图?)
发生错误(图片挂了)
这些难道不是在UI设计师的工作范围?

4.作为开发人员给UI的建议

  • 不熟知各平台规范、Web框架用Photoshop或Sketch之类的绘图软件制作一些自认为超炫的精稿,搞一些能看不能用的个人作品,还要怪开发人员学艺不精做不出來。不砍死你是我职业素养好,你能用比#fff更白的颜色吗。
  • 没事切一下图片,是图切得有多不好才让F2E去切,元素尺寸、位置、色码、透明度、字号、字体标注一下。
  • UI kit,风格统一一下不好吗?大家都方便。