写点什么

专访移动平台设计专家赵大羽 - 设计师和程序员应该相互做朋友

  • 2013 年 11 月 07 日
  • 本文字数:4451 字

    阅读完需:约 15 分钟

前言

在 2013 年的中国开发者大会上,移动平台设计专家赵大羽做了名为“iOS 应用设计的扁平化改造”的分享。在大会中,InfoQ 与赵大羽进行了一次专访交流,赵大羽分享了他对于移动端UI 设计、交互设计的经验以及他对于设计师和程序员之前最佳的工作方式的看法。

赵大羽毕业于清华美院,是移动平台设计的专家,有着12 年的设计经验,专注于移动开发领域并著有《移动平台应用用户体验》一书。他精通iOS、Android 和WindowsPhone7 的UI 界面设计以及用户体验设计,参与过多款大型网络游戏的Android 和iOS 客户端UI 设计及用户体验设计工作。

移动端界面设计

InfoQ:现在国内很多应用功能照搬国外的同类应用,在设计上,你觉得界面设计可以直接参考国外的应用吗?

赵大羽:国外的应用是针对国外用户设计的,而国内用户和国外用户很多时候使用习惯不一样。我们在做应用设计的时候,应该分析应用的目标用户,把目标用户群的特点找出来。

具体来说就是做划分,比如我们可以按年龄做划分,老年人在使用应用的时候,就会希望字很大,希望功能直接,老年人也不愿意花时间研究应用的复杂功能。年轻人就不一样,比如年轻人会关心应用的升级,老年人就一般不会。还有一个划分是按职业,我说的职业不是按细的职业,是按大的职业,比如 IT 类的人群就和政府机关的人群就有很大的差别。还有收入水平的划分,不同的收入人群他们的消费观念也是差别很大的。

所以我们做界面设计的时候,不能简单的照搬国外优秀应用的设计,应该做针对性的用户人群特点研究。

InfoQ: 国内现在 iOS7 的比例还不到 50%,如何在设计时兼顾旧版的手机风格与 iOS7 的新风格?

赵大羽:对此我有一个信念,就是要相信苹果的品味。我第一次看苹果的 iOS7 的界面,我也觉得难看,觉得过去的界面带着细节,拟物化多漂亮啊。变成 iOS7 现在这样之后,就没有细节了。这个反差,我相信很多人都有。

到了后来,作为设计师我也深入把这件事情思考了一下。你知道扁平化之后,对于苹果自身也是一个艰难的选择,拟物化的设计风格在苹果延续了多年,从 Mac OS 开始,都 10 多年了。这 10 年多如果不改变的话,就会很落伍,成为一个逆潮流的东西。

那什么是潮流呢?我觉得就是简约。简约在设计里面永远是一个大的潮流,所以我觉得我们应该相信苹果的品味。苹果经过这样的改变,肯定是经过了很多的论证和思考。另外,Android 和 Windows Phone 的扁平化趋势也给了 iOS 很大的压力。

至于国内现在 iOS7 用户的比例偏低的问题,我觉得随着时间的改变,大家都会慢慢接受这种简约的设计思想,继而接受 iOS7。这可能需要一个过程,但我相信大家最终都会接受。

InfoQ:所以你觉得在设计的时候应该更多的采用 iOS 风格的设计,而不是照顾非 iOS7 用户的感受?因为这是一个潮流。

赵大羽:是的。我这次的讲座主题是“iOS 应用设计的扁平化改造”,这个改造是有一个思路的,我将分享我对于扁平化改造的思路。另外我想分享的是扁平化的核心观念,那就是简约。但不能说,我们为了简约而放弃所有的拟物化所有的观念,拟物化设计也有一些可贵的观念,比如说隐喻。我们过去使用电脑,为什么不需要说明书?因为用户一看到垃圾桶,就知道是扔废品的地方,一看到文件夹,就知道里面会有很多的内容。文件夹和垃圾桶,都是后台的数据,但是我们通过拟物化,让用户很容易就知道了它们的作用。

图象扁平化之后,我们不能放弃拟物化的这些优点,所以我在这里也想给设计师说一句,没有必要把扁平化看得过于重要。因为设计永远都没有一条必须要遵循的道路。如果大家都过分追求扁平化,那也可能让设计变得很单调。设计应该是一个有着设计师个性的东西,扁平化是一种思路,但绝不是唯一一条路。

InfoQ:苹果公司在分享他们的软件开发经验时说,他们会花超过 50% 的时间在设计上,而国内现在移动互联网开发领域,大部分的时间还是花在了开发工作上,您怎么看这件事,您觉得怎样的时间配比还是合适的?

赵大羽:这个问题引出了我特别想说的一句话,就是设计现在在国内很多人不重视。我们现在软件开发的整个流程中,我个人认为是有问题的。因为我作为一个设计师的角度来看,苹果公司的成功,设计占了很大的原因。

我说这句话有些极端,但是我认为是有道理的,我认为应用的开发应该由设计师来主导,产品经理来兼顾,而不是应该由开发人员来主导。因为设计师在工作中思考问题的角度和开发人员不一样。设计师在考虑问题的方式更加接近真实的用户。而开发人员有些时候呢,我说一句话可能有些人不高兴,那就是“闭门造车”。所以说我觉得应该在设计环节如果不能让设计师主导,也应该让设计师参与,让设计师从一开始就可以参与设计。

InfoQ:那你认为设计和开发的具体流程应该是怎样?

赵大羽:我觉得在这方面应该引入敏捷的开发方式,让设计人员和开发人员通过快速的迭代和调整版本,来做出优秀的应用。传统的先开发,再设计 UI 的方式并不适合做移动端的产品。

如何做移动端交互设计

InfoQ:我注意到大会对你的个人介绍是“移动平台交互设计总监”,你如何看待交互设计工作?

赵大羽:交互设计这件事很早以前大家也做,但是现在到了移动端,交互设计的工作和以前应该说完全不一样了。因为过去大家是用鼠标键盘来操作,现在是用手指。这种改变可以说是划时代的和颠覆性的。由于改变太大,所以很多设计师在工作的时候,还没有把这个观念转变过来。交互设计在具体实施的时候,也需要做很多改变,我们需要做一些高保真的交互原型,然后通过原型来测试设计效果,逐步迭代和改进,最终设计出优秀的交互。

国内大部分的设计师,都是从平面设计转行来的,但其实平面设计和交互设计是不一样的。所以,我在这里向大家发出一个号召,我觉得 UI 设计师不要跟其他的设计师放在一起,而应该在开发的圈子里面混,只有这样的话,才更好的理解你的用户,才有这方面的思路把各方面设计好。

交互设计最主要的还是操作逻辑的设计,还有交互的用户语言,这些是交互设计师和用户体验设计师应该关注的问题。如果你设计的网站都是秀图表和界面,你的用户第一印象特别好,但是使用的时候发现很多交互和操作上的问题,这样的话,也会卸载掉。 所以,我号召大家,我们的设计师要找开发人员做朋友,开发人员放下架子找设计师去沟通,我的这本著作用户体验设计的书已经上市了,我们的开发人员也可以去看一看,我们这里面写了很多开发人员说的话,一个开发人员稍微懂一点技术,可能就是一个字体上的调整,或是两行文字间隔的调整,界面感觉就可能完全不一样,这是用户体验的升华,这个是非常重要的,在这方面我愿意作为一个指导者。

InfoQ:交互设计更多的工作在设计交互逻辑,这个在传统的设计软件中没法展示出来,您在做这方面有什么样的经验分享?

赵大羽:iOS 我们设计的第一步就是画一张草图,我们会开会讨论,我们作为一个设计师,设计师的方式我们讨论的结果不是文字,是图形,因为图形传达信号比文字要丰富,比文字要直观。

然后有了这个草图之后,我们就可以做图了,做图可以稍微细致一点,这个过程使用平台标准去做。

做好图以后,我们用 xcode 的 storyboard 把图放进去,然后加上交互,加上标准的控件。现在 xcode 的 storyboard 非常简单,对于设计师来说,可以不用写一行代码就可以实现基本的交互设计原型。

最后就是测试。把用 xcode 做出来的原形给用户看,用户会觉得很直观,这个设计方式是现在最科学的一种模式。而过去我们传统的原型就做了一个界面,这个界面我觉得好看,实现出来到底好不好不知道。因为你设计师没有能力作为一个用户测试,你只有用原型才可以。

InfoQ:所以你推荐用 xcode 来做交互原型?

赵大羽:是的。xcode 是一个非常好的东西,以前设计师只能用 flash 实现一些效果,还不能特别的逼真。现在用 xcode 后,设计师可以用 xcode 做很多东西,而且能给程序员省很多事情。程序员一看原型,就知道怎么做了,省了很多沟通成本。

InfoQ:我之前听过青蛙设计公司的一个主管做讲座的时候也会说,他们的设计师写代码,您觉得中国的设计师也可能这样吗? 赵大羽:国内的设计师是平面转行过来的,国外对设计师的培养是非常专的。国外的设计师除了学习设计以外,还要学一些编码,中国的设计师不可能学这些东西。所以我说设计师和程序员应该相互做朋友,设计师和程序员要多沟通,设计师要理解程序背后的原理,这样就能给自己带来的一些思考方式和思路。

程序员应该如何了解设计

InfoQ:我想替广大开发人员问您一个问题,你推荐我们用什么样的方式来了解设计的工作,使我们在开发工作当中更好的跟设计打交道?

赵大羽:如果一个开发人员他能够结识到一个设计师的朋友的话,这个时候你收获信息量就很大,因为设计师的沟通方式和思维方式都不一样,设计师都注重生活,设计师比较喜欢吃,比较吸收玩儿,比较好色。

每个设计师都是长满了触角的蜗牛。设计师特别敏感,碰到问题就缩回来,聊天的时候思维是非常发散的。但设计师和程序员沟通是非常费劲的,沟通非常难办,如果程序员能按照设计师去想问题就好了。

我记得上大学二年级的时候,我当时考上中央工业美术学院,当时被清华大学合并了,叫做清华美院。我们做了一个活动,清华大学建筑系的学生到我们这来上,我们到那边去上,得到一个非常有意思的结果,从清华大学来我们学校的建筑研究生做出的设计花很长时间,可能花一个月设计出来的别墅,而且别墅特别的详细,包括通风、水暖,很多的细节,包括采光。他考虑的设计,可是这个别墅要多难看有多难看,是很好的方案,但是没有让人感觉住在这里面会有多么高端,会有多么想象力的东西。正好相反,去清华的学生,短短两天就出来两个方案,这两个方案非常好看,非常美观,但是不能实现。我想这个故事中人物就刚好能够代表设计师和程序员。

开发人员想了解设计的话,可以留意一些书,这些书往往都是色彩方面的,你比如说我新出的这本书,是《品味移动设计》。你说色彩,色彩是高深的东西,对于我来说,我觉得色彩是可以整理成数据,如果你看这本书的话,我让你很短时间内成为配色专家。它是有规律的,这个规律可以让程序员理解的。作为设计师来说不愿意看这些东西,你怎么把颜色这种动力整理成肤浅的东西,可是我这些东西写给程序员的,如果程序员按照我这个逃路做的话,不是说设计出来的东西多美,但是不会很难看。 另外还有图形构成的理念,构成理念是检约至上最早的核心理念。其实这个东西是很适合程序员看的。你比如说零维就是一个点,这个点可以是运动,一个点的运动展开就是一个线。那么,线的运动可以展开就是一个面,面的运动展开是三维,三维展开就是变成四维,空间加时间就是四维,五维不同模式下的空间和时间。对于这些,实际上程序员看非常有意思的。 InfoQ:所以说你希望程序员能够找一个设计师交朋友,另外读一些相关的书,包括您这次出版的书。感谢你接受我的采访。 赵大羽:是的。谢谢你。


感谢杨赛对本文的审校。

给InfoQ 中文站投稿或者参与内容翻译工作,请邮件至 editors@cn.infoq.com 。也欢迎大家通过新浪微博( @InfoQ )或者腾讯微博( @InfoQ )关注我们,并与我们的编辑和其他读者朋友交流。

2013 年 11 月 07 日 08:20825
用户头像

发布了 65 篇内容, 共 53.7 次阅读, 收获喜欢 21 次。

关注

评论

发布
暂无评论
发现更多内容

特斯拉依旧头铁坚持视觉路线,激光雷达会笑到最后吗?

脑极体

本科毕业六年,裸辞备战三个月,四面阿里巴巴定级P7

编程susu

Java 编程 程序员 面试 计算机

Linux之nc命令

入门小站

Linux

微信业务架构和学生管理系统架构设计

Geek_db27b5

微信业务架构 学生管理系统架构

Rust从0到1-高级特性-Traits 进阶

rust Traits 高级特性

Vue进阶(六十四):iframe更改src后页面未刷新问题解决

No Silver Bullet

Vue iframe 跨域 8月日更

redis6安装和可视化工具

4ye

redis 后端 8月日更

netty系列之:在netty中使用protobuf协议

程序那些事

Java Netty 程序那些事

JIT-动态编译与AOT-静态编译:java/ java/ JavaScript/Dart乱谈

zhoulujun

dart JIT AOT 动态编译 静态编译

从λ演算到函数式编程聊闭包(2):彻底理解JavaScript闭包规则

zhoulujun

闭包 闭包函数

面试侃集合 | SynchronousQueue公平模式篇

码农参上

队列 SynchronousQueue 8月日更

模块一

树建

架构实战营

ShardingSphere Proxy 初步体验

ShardingSphere-Proxy

从λ演算到函数式编程聊闭包(1):闭包概念在Java/PHP/JS中形式

zhoulujun

闭包 闭包函数

Go,一文搞懂 defer 实现原理

微客鸟窝

Go 语言 8月日更

在线JSON转YAML工具

入门小站

工具

IntelliJ IDEA 如何显示提交输入的信息历史

HoneyMoose

正经人一辈子都用不到的 JavaScript 方法总结 (一)

编程三昧

JavaScript 大前端 8月日更 模板字符串 String.raw

LeetCode刷题09-简单 回文数

ベ布小禅

8月日更

微信业务架构图-外包学生管理系统架构

毛先生

架构实战营

从Docker到Kubernetes | 爱数云原生演进历程

爱数技术范儿

Kubernetes 云原生

混合模型与期望最大化算法(三)

数据与智能

算法 混合模型

太厉害了!腾讯T4大牛把《数据结构与算法》讲透了,带源码笔记

编程susu

Java 编程 程序员 计算机 技术宅

使用明道云搭建电梯维修与保养系统

明道云

微信业务架构图 & 学生管理系统方案

缘分呐

架构 设计

百度地图开发-显示实时位置信息 04

Andy阿辉

android Android 小菜鸟 Android端 8月日更

JavaScript 有关数组的 slice 截断函数

HoneyMoose

InnoDB解决幻读的方案——LBCC&MVCC

阿Q说代码

MySQL innodb MVCC 8月日更 LBCC

每天学习10个实用Javascript代码片段(五)

devpoint

定时器 JavaScrip 8月日更

微信业务架构

一叶知秋

架构实战营

docker入门:vue和可视化界面的部署,另附ngxin配置

小鲍侃java

8月日更

专访移动平台设计专家赵大羽 - 设计师和程序员应该相互做朋友_移动_唐巧_InfoQ精选文章