课程咨询 :15265420612
QQ:2720475033

烟台UI培训 > 达内新闻 > 如何提高设计师的工作效率
  • 如何提高设计师的工作效率

    发布:烟台ui培训      来源:烟台ui培训      时间:2016-09-18

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

    但事实上这种刻板印象除了阻碍你进步以外可说是一点用都没有(而且不见得是正确的)。

    巴别塔的故事大家几乎都听过,会造成沟通问题的原因很简单,就是讲的“语言”不同,而非思考方式不一样——无论是什么领域,要成为佼佼者,都必须具备高度的创造和想像能力,而设计更是非常讲求逻辑的行为。

    所以设计师懂工程实作原理要做什么?该懂哪些部分?很简单,你不需要学会怎么写 code,但你至少需要懂得:

    1正确称呼 UI 元件

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

    这个玩意儿叫做“Segmented Controls”,而不是“那个长得像胶囊的选单”,如果能够使用正确的术语来沟通,将能够省下非常可观的解释时间。如果你想了解得更多、更精确,将前述的规范文件读熟以后,建议你再继续研究 UIKit Catalog。

    2有些效果不该做

    最普遍的例子:高斯模糊

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

    听起来像外星语?白话来说,许多设计师毫无意识到某些视觉效果在工程实现的可行性、也没有考量到各种装置的运算负荷能力,而设计了大量会让开发者面有难色的稿子,好不容易做出来了,发现算图卡顿得要命,又要回头改稿,得不偿失。

    又例如 Status Bar:

    我看过太多设计师为了设计感而给 Status Bar 着上前景色(Foreground),让它变灰甚至变成彩色,又指责开发者这么单纯的事都办不到,其实 Apple 在文件里写得很清楚,这个东西你就只有黑或白色可选,像这种就是你不该做的效果。

    建议:如果你是就读设计科系的大学生或研究生,我会建议你选修计算机概论、基础资料结构,这些都会对 UI 设计非常有帮助。

    3严谨执行设计流程

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

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

    有些讲得一口好设计的人会不食人间烟火、一味地宣导要从使用者调查研究(User Research)、Persona 开始做起,然后实作 n 多个原型(Prototype)才开始让开发者动手,后续再做数据分析⋯⋯等工作,好像全世界只有自己知道这件事一样。

    但实务上,小型项目花太多心力去做这些事基本上是缺乏成本观念的表现,在使用者数量达到一定门槛前,数据分析的母体也是小得可怜,并无统计的参考价值。因此,小型项目其实可以将 能拆分 Release,先做出来再观察使用情形并修正细节(虽然有一点危险,但比起让项目永无结束之日,总是较适当的选择)。

    4先以原生 UI 元件表意

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

    如果把 wireframe 画得如此精美,你将立即面临三个负面后果:

    1. 浪费时间,彻底的浪费时间。

    2. 有彩色稿的外型构造,却没彩色稿的色彩系统辅佐,导致大家无法完整理解你“精心设计”的 UI 物件。

    3. 对设计没概念的客户、PM 或老板会忘记我们是在 review 画面上有哪些物件,反而在这时就开始跟你检讨设计细节,等你接着做彩色稿时,才突然讲说之前有哪个功能忘记摆放上去。

    其中第二点是本节的重点,在你的 wireframe 里,应该使用系统原生的物件来构成画面,

    请避免在非必要的状况下急着在 wireframe 里划一些从来没有人看过的“创新 UI”。一个好理解、直觉的设计是所有细节相辅相成的,在 wireframe 的阶段缺少了颜色和动态效果的辅助,更不该冒险呈现特殊的物件外型,也就是说,你的 wireframe 顶多做到这样就该收手:

    这样一来,画面上都是大家平常使用 App 时有看过的形式,看得懂画面的时候,就能够专心探讨这些功能是不是产品所需要具备的。

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

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

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

    推荐文章

上一篇:四个高效操作秘籍分享

下一篇:移动端常用ui设计技巧

最新开班日期  |  更多

第一阶段 平面设计培训

第一阶段 平面设计培训

开班日期:12月29

第二阶段 网页设计培训

第二阶段 网页设计培训

开班日期:12月29

第三阶段 美工培训

第三阶段 美工培训

开班日期:12月29

第四阶段 ui设计培训

第四阶段 ui设计培训

开班日期:12月29

  • 地址:烟台市芝罘区海港路 25 号 阳光 100A 座 4 层 0403室
  • 课程培训电话:15265420612
    QQ:2720475033     全国服务监督电话:400-827-0010
  • 服务邮箱 ts@tedu.cn
  • 2001-2016 达内国际公司(TARENA INTERNATIONAL,INC.) 版权所有 京ICP证08000853号-56