论UI标注的重要性程序猿与UI狮的决斗

这是来自知乎上的一个非常专业又容易忽视的问题,新手看热闹,老手看门道。

--------------------------------------------

程序员无数次拒绝按照UI标注还原设计时,如何让他理解精确还原的重要性,从而去修改代码?

当一个开发工程师屡次发问「这里让我移1px有什么意义,我为什么要浪费时间这么做」且拒绝修改时,如何让这位开发理解、认识到修改的重要性?为什么国内很多视觉设计师得为了那些虽然看起来很细碎、甚至可谓之鸡毛蒜皮——但对于设计师还是很重要——的细节追着工程师去修改,一项项列出问题,却得不到工程师正面的回应?举个例子,听同事介绍过Frog的工程师会为了不影响视觉设计师工作,自己开发出检查设计还原的软件进行还原检查修改。

是什么背后的原因另产品的设计实现这么困难?是因为设计师不懂代码?部分技术人员的审美意识?还是大厂心态或者其他什么原因?这种状况怎么解决?到什么时代或是契机才

能够被解决?

--------------------------------------------

alienbat:回答

Frog很牛掰嘛?是业界典范嘛?

本座只知道Google至少在年的时候还是绝对的工程师文化,设计师没有话语权,别说1px,程序员能把界面做得像设计师的图样,设计师就感动得哭泣了。知道为啥Google的界面都那么死板不?因为程序员首要考虑的是这个界面可否运行全自动单元测试,设计成全白背景单色图标之类,UI组件容易被单元测试代码定位。当然了,Google的设计也确实不好用,Geek气息十足,而Google近年来也确实开始重视设计语言(AndroidL等);不同的公司有不同的侧重点,你作为设计师跑到不同的公司地位也会是不同的,这里并没有统一的标准。

。。。。。。中间省略一万字

总结下:

不管是设计师还是程序员,各自的喷点都很多,但一个团队每天早晨的SCRUMmeeting时候对喷一下也未尝不是好事。关键是互相理解。但回到最终的问题答案:要最终产品%还原设计,那基本是不可能的事情,这点大家都要妥协。

--------------------------------------------

非常认真的看完了这位同仁的留言,

也有非常多的同仁在后面回答,但是我觉得大家都没把事情真正解决!

想看精彩辩论的可以选择阅读原文

--------------------------------------------

小金狮在接触了这么多款游戏UI以及偶尔做过的几款软件UI,对于这个界面的布局,在标准UI图给去程序猿,往往我都是会预感这个效果是会相差甚远的,因为这毕竟是第一稿,程序猿在没有任何坐标轴做标准的情况下,自己目测做排版,作为设计狮是不能要求程序猿能有你那样子高的审美与敏锐程度的!

所以小金狮从来不去强求程序猿改动,必须自己做好自己的工作,不懂美学的猿猴,咱们狮子必须引导他们做事情!

因此对于此:小金狮一般是这么解决问题的:

界面的标准图要分两份:一是视觉效果图一份,二是界面位置标注图一份,

在端游和页游时代:一般标准是这样子的

终于有了上图的机会,一直担心这么久还不上一张图片,会不会很多人没耐心看下去!

--------------------------------------------

字体需要注意的几个点是:

每个字体的字号大小?

什么字体?

有什么简单的图层样式?

色彩RPG值?

界面需要注意的是?

长跟宽,

按钮与边框布局固定像素差

等等都是制定一个标准,并与程序猿一起讨论。

让程序猿制定一个规则,匹配自动生成通用界面!

--------------------------------------------

当然到了手游时代,这个规则就不仅仅这么简单了。

自从老布带领苹果公司发明了神器:爱疯手机后,

特别是在苹果4出来之后,手游基本上是以*作为一个手游的标准屏幕,

让我们拿一张软件UI的标注图来说话

这是在确定了屏幕分辨率的情况下,一张UI标准图要做的各种标注

但是安卓手机,分辨率就跟杂牌军一样各种各样。

UI狮与程序猿需要考虑不同手机分辨率的适配问题时,

要思考的东西就不是这么简单了

一套界面的标定,在不同的手机分辨率很多时候是不能通用的,

UI狮做过一套界面的标定的也不会愿意再去标第二次,因为这不是人干的活,实在是枯燥无聊到屎。

所以在做排版布局的情况下,程序猿也会遭遇同样的无聊枯燥的窘境,这也是会出现以上那个客人提问问题的情况。

后来手游发展到至今,聪明的设计狮又发明了一种折中的方法,上面这图,红色部分是*的比率,蓝色部分是IPAD*的比例,全民英雄的界面在确保了苹果4能用又好看的前提下,多余的部分则用石块的背景来蒙混过去,干脆不再放任何的按钮和界面

但这确实是一种好方法!

当然也有一种游戏不需要担心不同分辨率带来的布局问题:

COC的界面布局,采用的是4点环绕式布局,背后的场景与建筑是可以自由拉伸的,因此这种情况,程序猿可以很好的设定一套规则,让按钮根据比例确定大小,然后优先靠近四周来确定位置。

这样子就能同时解决各种不一样的分辨率的适配问题,导致的美术美观问题。

所以这款游戏才会那么火,能成功,我们向他学习借鉴的地方还是非常的多的!

--------------------------------------------

由于不同的公司研发不同类型的游戏,所以这些问题在不同的设计狮里会呈现出不一样的状态。

有的要么大公司有专门的岗位来做这种切割标注的事情,

有的要吗大家都不在乎,

有的要吗都很认真的解决,

所以新手设计狮与老手设计狮在以后将来可能面对的问题时,

记得一定要多多思考,只有制定出规则和规范后,让程序猿再去修改会更合适一些,因为大家的工作量同样都不容易。

这不仅仅是一个像素的问题,而是团队合作,互相体谅的问题!

--------------------------------------------

★:游戏HR公司招人

麻烦投稿:

qq.


转载请注明:http://www.aierlanlan.com/tzrz/614.html