如何提高UI设计效率

2023-01-12 3839人阅读
威客牛网
科技信息综合服务平台

  如何提高UI设计的效率?在这里分享一些UI设计中常见问题和改善方式。当然,需要注意的地方何其多,这里着重聊一下观念和沟通的部分以及四个提高UI设计效率的工作技巧。

  一、了解工程实作的基本原理

  许多人认为创造力和逻辑是左右半脑分开管辖的、设计师和工程师使用的是不同部分的能力,所以大家各安其份做好自己的工作就好——我负责光鲜亮丽地画图,工程师就负责用超大声的同刻键盘在黑色的屏幕上编写外星文。但事实上这种刻板印象除了阻碍你进步以外可说是一点用都没有(而且不见得是正确的)。所以设计师懂工程实作原理要做什么?该懂哪些部分?很简单,你不需要学会怎么写 code,但你至少需要懂得:

  1. 正确称呼 UI 组件

  以 iOS 为例子,在 Apple 的接口设计规范文件里,每个画面构成的组件都有正式的名称。

  2. 有些效果就是做不出来、很难做、不该做

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

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

  二、严谨执行设计流程

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

  这个流程是容许微调的,在其他小型团队工作时则多会采取上述较简易的版本。

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

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

  三、先以原生 UI 组件表意

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

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

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

  有彩色稿的外型构造,却没彩色稿的色彩系统辅佐,导致大家无法完整理解你「精心设计」的 UI 对象。

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

  四、少用代名词

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

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

热门推荐
发布项目联系我们
分享至 取消