这是来自知乎上的一个非常专业又容易忽视的问题,新手看热闹,老手看门道。
--------------------------------------------
程序员无数次拒绝按照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.