分享

怎样提高UI设计效率

 上海跑赢职场 2016-09-27


        怎样提高UI设计效率?很多人总觉得设计师拥有最多的时间,但设计师本人却反而觉得自己拥有的时间最少。

  许多人认为创造力和逻辑是左右半脑分开管辖的、设计师和工程师使用的是不同部分的能力,所以大家各安其份做好自己的工作就好——我负责光鲜亮丽地画图,工程师就负责用超大声的机械键盘在黑色的荧幕上编写外星文。

  但事实上这种刻板印象除了阻碍你进步以外可说是一点用都没有,所以设计师懂工程实作原理要做什么?该懂哪些部分?很简单,你不需要学会怎么写 code,但你至少需要懂得:

  1正确称呼 UI 元件

  以 iOS 为例子,在 Apple 的介面设计规范文件里,每个画面构成的元件都有正式的名称,我们看看:

  这个玩意儿叫做“Segmented Controls”,而不是“那个长得像胶囊的选单”,如果能够使用正确的术语来沟通,将能够省下非常可观的解释时间。

  2有些效果不该做

  自从 iOS 7 引入带有模糊效果的设计语言后,大家似乎都染上了高斯模糊的瘾。但这样的效果非常耗费系统资源(原理及时间复杂度),就连 iOS 也到了隔年的 iOS 8 才心不甘情不愿地开放使用UIBlurEffect API,免得第三方 App 一堆模糊效果拖累系统效能;而在原生 Android 上官方更没有提供像 iOS 如此方便的 API 可用(这里不包括第三方rom,如魅族 flyme os)。

  3严谨执行设计流程

  之前和一些公司合作的过程、以及和朋友聊天的时候,我发现一个团队在设计流程上草率带过的情形比想像中还多。一般来说我会建议中小型项目采取以下流程来执行设计:

  这个流程是容许微调的,基本上不建议省略其中的步骤,但在上面绿色箭头处可以减少迭代(Iterate)的次数来达到省时的目的,而这部分就会稍微考验到产品设计师、PM 的经验和 gut feeling 了。

  4先以原生 UI 元件表意

  在设计的 wireframe 阶段,主要目标是让大家对于画面上“有哪些物件”取得共识,而不是这些物件“该长什么样子”,那是 mockup 阶段才要注重的,因此将 wireframe 画得过于精美是一件非常奇怪的事情。

  5少用"这个"、"那个"

  这在沟通技巧不难做到,但如果没有人指出,是很难自己发现的。

  我们表达一件事情若要表达得精确,就应该试着减少话中的“诠释空间”,而代名词的使用非常容易造成设计讨论上的时间浪费,例如“这个”、“那个”之类的词汇,在专业讨论上应该减少使用;取而代之,你应该使用本篇文章第一节所提到的精确名词来表达,或是详细描述你所指的外型。

  好了,如果你是设计师,希望这篇文章能够帮助你解决怎样提高UI设计效率的问题,让你在设计的沟通讨论上更加顺畅、省时;如果你是 PM 或开发者,也可以顺便学习、或将这篇文章转给你的设计师参考。

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多