蓝蓝设计问答：如何提高程序员的UI审美?

2023-9-19 蓝蓝

作者：蓝蓝设计
前一段时间，有一个客户（主管研发负责人）向我提出了这个问题：如何提高公司程序员工程师的UI审美？
他们公司UI设计师只设计其中很小的一部分页面，大部分页面要让程序员自己来做的，程序员开发出的页面看起来总是很丑，这是他觉得苦恼的地方。
在听到这个问题的时候，我很惊讶，觉得这个问题真的是个好问题。我以前关注的都是设计师如何提高自己的审美？没有想过让程序员提高自己的审美。
据我了解，他们公司的程序员非常忙，比我们UI设计公司的加班程度要多很多。我首先想到的是工作都这么辛苦了，能把功能任务完成就很不错了，也许能顾上提升UI设计审美的时间精力有限。
提高审美，不是短期内能够达到的事情，何况术业有专攻，工程师们有没有兴趣和精力做这件事情，也是另外的一个问题。
但是，这是一个很好的问题，在一个软件公司里工程师程序员是占大多数的，UI设计师相对人数比较少的。如果大量的工程师能够把审美提高易用性提高。确实，这个软件的整个UI水准就会提高。
如何提升整体软件的UI设计美的水准，让软件好用又统一？
我首先想到的是制定好的UI规范，做好全流程的交互设计原型。
通过核心关键场景，关键页面的梳理，整理出一套设计语言，规定好UI规范。这份工作可以由设计师来做，把所有的字号颜色使用的元素组件都确定好，关键的场景和页面做一些模板，制定一份完善的UI规范，方便工程师按照这些去复用调用，降低难度。
下图是蓝蓝设计给中国石油设计界面和图标后，制定的UI规范。

其次是让产品经理或者是交互设计师把软件的大部分页面，画出交互原型。交互原型线框图画的速度要比视觉设计要快很多，它能够解决的是软件的易用性和对业务的理解。很多时候的反复修改，都是对业务的理解和表达方式的不一致，在交互层面各方的人达成一致，确定好布局和表现内容，就能够减少程序员的很多工作量。少加无用的班，在做之前把问题定义清楚。
定义问题可能需要用户研究员，甲方，乙方，使用方，去深入沟通讨论，有很多情况下，我们并不知道自己不知道或者是不知道自己的方向是片面的，也许要引进一些比较前沿的研究方法。
有的时候工程师做的页面丑或难用是因为不太了解业务和没有考虑到用户体验。如何使用这个软件？程序员的使用方法和普通人的使用方法是不一样的。即使同为工程师，对某个事情的理解和表达也是不一样的，所以需要统一交互表达方式，要出交互设计原型。

蓝蓝设计画的全流程交互原型

蓝蓝设计优化后的后台界面

如果是程序员自己刚创业或是个人开发者，那么就必须自己提高UI审美了，从ant或vue上也有一些公司公开的ui规范可以借鉴，有一些设计模板可以购买。
提升审美的相关网站：
Dribbble /花瓣/站酷/ 大作/优设网/Behance / Pinterest上相关的UI设计欣赏。也可以看一些小红书、抖音上相关的设计前后的对比、教UI设计的视频，一些设计书籍，那就像设计师一样学起来吧。
总结一下我给的建议：
一、降低美学难度，给予ui规范，方便工程师用此标准复用。
二、分解工作量，降低工作量，给予交互原型，方便工程师用此标准复用。
三、多看一些好的软件UI设计和产品设计文章以及作品，时间久了，潜移默化中就能够提升自己的审美。
四、设计师和开发工程师进行交流和讨论,互相给予反馈和建议,共同提高审美能力，软件综合水准。

资源：
1推荐的书籍：《写给大家看的设计书》，经典、简单易看懂。