UI设计是指对软件的人机交互、操作逻辑、界面美观的整体设计。好的UI设计不仅是让软件变得有个性有品位,还要让软件的操作变得舒适简单、自由,充分体现软件的定位和特点。

用户界面设计的目标是使得用户在完成自己的任务时与被设计对象之间的交流尽可能地简单和高效。 好的用户界面设计能够让用户在完成任务时不必因为设计本身花费不必要的精力,通过图形设计可以提高界面的可用性。

围绕设计主旨,我们总结了程序员客栈平台上经常出现的设计问题:

不合格的设计

1、设计不遵循原型,原型(UE)与UI互相矛盾

设计工作需要在原型约束的框架下进行,就像修房子一样,原型是房屋的主体框架,UI设计就是装潢。装潢肯定是要延续主题框架进行。

当我们发现UI与原型矛盾时,我们首先会定义UI不合格。当然特殊情况客户方非常认可UI,UI又与原型矛盾的情况下,就需要产品经理对原型进行适当调整(后者是我们特别不推荐的流程)。

2、主题色、视觉风格不谨慎

有些设计师一上手,就飞快的跑量做设计工作,结果做完了客户并不认可,客户不满意就等同于工作没有效果。界定设计风险,定稿设计风格这也是设计师专业性的体现。所以在程序员客栈的设计工作中,我们定义了『核心设计页』,核心设计页也是为了确认好设计风格。详情参考 『设计验收纠纷』

3、不考虑分辨率

由于经验限制一般的少从事网站App产品设计的平面设计师,在网站设计和APP设计时,完全不考虑分辨率,这是非常有问题的。专业的互联网软件产品设计网站、Android、iOS各个端的分辨率都不一样。

一般网站1024px,1200px为主。iOS项目以750px为基准做,然后用750px去适配安卓的机型(安卓机型的尺寸过于繁多,只能找到一个相对的平衡点,750px只能保证720px和1080px这2个主流的尺寸。其他奇葩的尺寸只能尽量适配了,具体效果要看开发适配比率怎么调整) 要求高的话设计会出iOS和Android2个版本,这也是常有的情况,每个端出一版适配效果是最好的,因为标注切图都是根据具体页面尺寸去压缩和放大的。

4、没标注

参考上面提到的『3、不考虑分辨率』,所以当一个设计师告诉你他做了几年的设计都没有标注过...不要相信他,这只能证明设计师自己不专业。

另外推荐专门的标注工具,例:Marketch,详见设计-参考示例-标注

5、不切图

同理,切图工作是设计师需要做的,这也不需要设计师和前端来争论了。

案例一 错误的设计引导

如果一个设计师不能主导设计风格而是听任BOSS和项目经理的指挥,那结果可预料会比较不好。当然我们也要相信,每一个牛逼设计的身后都有一个指点江山的好领导,方向格局也重要。 下面是一个案例从原型到设计定稿,设计师被一步步失误的指导,结果做出来了一版指挥者不知道再怎么指挥的设计产品。

产品原型

这是产品原型

第一稿设计

第一稿设计,应该是比较正常的。这稿设计出来后,客户与项目经理提出:为什么和原型没什么区别,连颜色都没有怎么变,我们需要更精细化的设计。迫于压力,设计师跑偏设计方向。

第二稿设计

第二稿设计,加上了阴影、渐变色。在现在扁平化设计盛行的时代背景下,这一设计稿就开始有违和感。

定稿设计

改了多次之后,加上高光,定稿设计。这时候客户也不知道说什么好了,因为这完全是按他意思来一步步推动的。

所以,在设计师本身技能合格的情况下,上级错误的指导会影响设计结果。

程序员客栈也特此更新了三条标准规则:

1、对设计风格配色不讲究,对标注没有概念,不做切图的但又拿了好评的设计师,暂时移除自动对接池并邮件通知大家整改。对于通知后拒不执行,后面的雇佣设计项目拿到4星及以下评价的进行取消签约处理

2、对于设计水平不合格或满足条件1还没有接到项目的,进行取消签约处理

3、在充分沟通、设计风格多次调整的情况下,设计师需要有坚持自己的设计风格能力,权利。当然这需要是正确的坚持,充分的沟通,而不是固执己见