51阅读吧 - 为您打造专业优质的文章分享平台!
您的当前位置: 51阅读吧 >

如何成为设计师|全方位梳理:如何成为一个移动端UI设计师

NO.1 全方位梳理:如何成为一个移动端UI设计师

移动端的UI设计有其独有的一套设计规则和约束。新技术的不断加入促进了移动平台的快速增长,而移动端的UI设计也和传统的平面海报/网页设计不太一样。那么,要成为一个合格的移动端UI设计师需要掌握什么样的技能,经历怎样的涅磐才行呢?

Part 1 挑战和制约

每个媒体都有它的局限所在。即使是在移动端这个充满机会、自由和创意的平台上也有着许多亟待解决的问题,和无法回避的局限性。

碎片化的移动端

时至今日,市面上流通的智能机已经多不胜数了,不同的智能终端不仅仅尺寸不尽相同,而且因为分辨率的差异使得屏幕的像素密度也有很大差异,往细了考虑,这些终端的输入机制、屏幕比例、屏幕方向都会影响到移动端的UI设计。

移动端的网页设计可以借助响应式设计保证不同屏幕下的浏览体验,相比之下移动端的APP设计则相对缺少流动性。所以,作为移动端的UI设计师,还是需要考虑屏幕差异造成的布局设计的不同以及用户体验上的变化。

分裂的操作系统平台

目前主流的三大移动端操作系统是iOS,Android 和 Windows Phone(市场份额较小,在国内基本被边缘化了),每个操作系统都有它们自己的一套设计规范,交互方式,程序接口,而随着操作系统的版本更新,这些东西也都有着各自的变化。其中最典型的就是Android操作系统的版本分裂,分裂所造成的程序兼容问题至今都尚未弥合,这其中涉及到了操作系统版本的差异,以及厂商定制化之后造成的千奇百怪的兼容性问题(Android开发者已经无数次哭晕在厕所)。iOS也随着6.0到7.0的大版本升级,经历了一个较长的过度时期,至今两个大版本之间在设计风格和兼容性上的问题还影响着开发者。Windows Phone 从7到8的升级有多蛋疼我就不在此赘述了,那不堪回首的过去和微软高管被口水淹没的场景我真的不想回忆。

即使是三大平台在各自平台内交互设计有着较高的统一,系统版本分裂、操作系统差异以及厂商定制化所造成的影响是不容开发者和设计师忽视的。

性能

设计和构建一个APP的方式会直接影响到它的性能。换句话说,手机里安装的程序如果设计的好可以你的手机可以待机一天半,而如果其中有一个程序设计的有问题,会让你需要出门多带一个移动电源了。一些不必要的转场动画可能会让你的CPU为之进行密集地运算,一段存在问题的JS代码可能让你的浏览器耗费多于平常数倍的电量。也许今年刚刚上的Galaxy S5能够流畅运行某个应用,但是2年前的Galaxy Nexus可能会打开应用的时候立马卡出翔。总的来说,设计和开发,都会影响到APP的性能,甚至左右手机的续航(部分国产手机用户同开发者一起哭晕在厕所)。

开发与成本控制

有很多应用在构思之初非常酷炫新颖,但是这并不意味着它可以轻松实现。应用的设计和开发的方式会直接决定它能否在Deadline来临之前实现。如果我们无法认清一个应用的开发成本,那么开发者所承担的负担会成倍增加,也为应用的后续发展埋下了祸根。

Part 2 抛弃思维定势

当我们刚刚开始学习设计和开发的时候,,这个数字时代才刚刚开始,我们对于新兴事物的认知尚且稚嫩。学校教育和实际设计开发上的“时代差异”,让很多设计师对数字化的互联网的认知稍显“静态”,甚至形成某种思维定制,对于移动互联网也知之甚少。在这个信息爆炸的时代,激烈的竞争催化下的移动互联网正在以一种恐怖的速度演化、推进,这使得设计师们需要紧跟发展的步伐,随时更新升级自己对于互联网的认知。

移动端并非画布

移动端设计和平面设计有着巨大的差异,它不再是一张平面的画布。我怀疑PS和AI并不足以帮助设计师完成从平面向移动互联网的转变,尽管PS和AI已经帮助设计师们在过去的20年里完成了无数壮举。目前,我们依然需要借助它们来绘制更多不同屏幕尺寸下的UI和图标,但是我们需要借助更多的其他软件来展现移动端不一样的一面,比如用AE来绘制动效。

从构思屏幕布局到考虑界面转换

的确,当涉及移动端UI设计的时候,单单考虑屏幕布局是远远不够的。像Facebook Paper,雅虎天气,Weather Channl这样的优质移动APP就像我们证明了界面间的转场动画到底能让一个UI界面产生怎样的张力。而刚刚推出的Android L所用的Material Design则更是在看似普通的静态界面之后,隐藏了一系列让你欲罢不能的过度效果。

界面转换之间的动效,在过去只为博得一笑,今天却正在走向主流,成为移动端的用户体验的核心。它正在成为交互和界面的重要元素,赋予界面以韵律和生命力。动效不仅呈现运动的过程,还能表现出空间、层次,变化,在基础的界面结构上为用户带来截然不同的体验。

将你的“设计师做派”扔到一边

你并不需要将界面做独特或者原创,尤其是当你是为了独特而重新设计所有的界面,然后让整个产品为独特而担上风险。很多时候,坚持使用原生UI元素和模式是让应用能按时出货的重要保证。比起强行推动独特原创的设计,很多时候更合适的做法是打造简单高效的交互界面,创造真正的品牌价值。

真实的APP不比设计师的概念设计差

很多设计师喜欢上Behance和Dribbble这样的网站上去找灵感,虽然其中有很动优质的设计作品,但如果你并非一个经验丰富的移动UI设计师的话,可能会被这些作品误导。其中很多设计都仅仅只是从未实现过的高保真Demo,当你正打算设计一个界面的时候,其中某些设计可能会影响你的思路。所以,不妨从那些已经上线的成功APP中汲取营养吧。你会从中汲取到丰富的营养,看到蓬勃发展的设计趋势,这些经过市场和用户验证的案例会让你明白什么值得学习的设计。

Part 3 学习新技能

了解平台

正如同web设计师需要了解HTML/CSS一样,作为移动端UI设计师的你应该了解移动端APP的架构。首先移动端开发的语言和网页设计就不太一样,各个不同平台有着各自的编程语言和接口,界面的构成也无法使用CSS和标签来实现。

你需要深入阅读官方的开发文档,明白APP的构成,编译方式,发布方式,了解设计的规则。这些东西不仅关系到你的应用开发好坏,还会影响系统的稳定性,电池续航长短等多种因素。作为移动端UI设计师,你单了解设计是不够的。当然,从长远来看,这对于你的职业生涯也很有好处。

了解移动端的技术构成

光了解平台的基本特征是不够的。接下来你需要了解它相关的技术构成:位置服务(wifi,GPS等),蓝牙(低功耗蓝牙技术),信号,前后摄像头,麦克风,陀螺仪,位置传感器,加速度传感器,指纹扫描仪(iPhone 5s),眼动追踪技术,语音识别,人脸识别,等等等等。每一个新技术的背后以为着应用程序更多的可能性,交互设计、使用体验,甚至商业模式。

发掘本地UI组件的开发潜质

每个移动操作系统中中总有着大量的本地UI组件,他们有着极大的自由度,方便你进行定制。你需求确切地知道他们的特征(尺寸,大小,功用),你可以为与你合作的开发者节省大量的工作时间。

了解移动端的工作流程

安装SDK并运行,了解移动开发框架,比如TubyMotion、Xamarin、Titanium。熟悉集成开发环境,因为这其中包含了移动开发所需的方方面面。

了解移动端的界面模式

三大移动平台之间,有着相似之处,但是在深入探究他们的交互设计,会发现它们在理念上的巨大差异。作为一个设计师,你需要明白这些差异所在,以及它们是如何体现在实际案例中的。

不要只着眼于单一平台,三大平台都需要深入体验,每天至少都要把玩一下,并且最少要持续半年。在这个过程中,体会差异,并且将你觉得重要的、有代表性的、值得保存记录的界面截图留存。作为单一平台的狂热粉丝,你是做不好移动端UI设计师的。

记录并解释你的UI设计

考虑到屏幕截图并不足以表现UI全部的特性,你需要学会记录界面不同的状态、转变过程、转场动画等信息,并且学会记录界面对于不同状况的反馈。

在设计阶段践行精益UX设计

一个现代的设计师应该是具备战略眼光的设计师。你的目标不能局限于闷头制作漂亮的界面,你应该让你的设计与团队合作结合到一起,切合项目需求。洞悉用户深层次的需求,并且能快速地随之反馈到设计上。将设计作品保存下来并附上详细的说明,确保所有的设计都与核心理念保持一致,与用户需要保持一致。

在开发阶段采用敏捷UX设计

你不能只将高保真的模型交给开发者就了事,因为在开发过程中会不断提出新的需求。总会有之前考虑不周全的情况,需要在开发阶段进行补充完善,设计师需要随之进行快速响应。所以,在这个阶段,设计师真的需要坐在开发者旁边应付突发情况。确保开发者在碰到新的需求的时候,不用他们自己来补充UX的细节,或者再来找设计师。

Part 4 关于移动端网页设计的小技巧

响应式设计

在移动端,响应式设计并非是放之四海皆准的解决方案。有时候它非常适用,但是有的时候并非如此。你有责任考量什么时候采用专门的解决方案,什么时候需要做响应式设计。

谨慎使用CSS和JS

的确,CSS动画,渐变,阴影都非常赞,也非常容易实现。视差网页看起来也很酷,很多设计师都对此感兴趣。但是这些元素都非常消耗资源,对移动端的浏览器会产生很大的负荷,进而影响电池续航。适度控制CSS特效和JS动效都是很有必要的。即便低性能手机上浏览器可以良好地支持CSS3选择器,但是性能的瓶颈会让整体体验非常差。

使用合适的工具做合适的事情

这并不是是一个非常确切的清单,但是你能从中发现很多不错的工具帮你完成不同的工作。其中有一部分是免费的,有一部分是Mac平台的。

Part 5 所有的这些都已经过时了?

这么说,对,但也不对。目前移动端开发发展非常迅猛,设计趋势不断转变,智能家电,物联网时代也即将来临,相应的传感器技术和移动应用也会带来更多的挑战。作为一个移动端UI设计师,我们要学习的东西太多了,相应的,机会也迎面走来。

NO.2 非科班的我是如何成为一名设计师的?

作者现就职于阿里巴巴,自学成才,想了解一下他的设计生涯是怎样展开的,就来读一下吧。

@十萬個為什麽 :由于电子专业出身,经常会被问到为何以及如何成为了设计师。面试时被问到,总有千万种合理答案,因为他们问的是why。被朋友问到时,却瞬间词穷,因为他们想知道的是how。近日优设小编也问了我这个问题,一时间答不上来,于是有了这半正式的约稿,至少能给自己一个交代。

不过我要先提示一下,本文不是教程,没法教你如何成为设计师,它仅仅代表我的个人经历与感受。

歪打正着

相信大多数同龄人和我一样,自己的人生到了大学才真正开启。小时候被问及长大想做什么,十多年后才有时间来认真回答这个问题。然而理想是一回事,上大学却是另一回事。选择电子专业的理由颇有戏剧性,因为我不爱自己生活的城市。逃离它有个最直接的途径——外地二流大学的三流专业。于是,填志愿问题变成选择定居城市,顿时好选多了。

电子专业比我想像中枯燥,至少第一年我有过认真学习的念头。种种迹象表明,这个成天与电容电阻电路板打交道的专业,不适合我这种右半脑生物。在转英语专业失败后,我决定无论如何要做点什么。

图书馆里什么书都有,在看完几本小说后,人生的第一个转折点来了——我拿起了一本广告学杂志。现在回想起来,广告营销绝对是相当一部分懵懂青年的救命稻草,因为它听起来够励志、够鸡血、够个人英雄主义。可是我却走偏了,渐渐对那些巧妙的营销策划产生反感,注意力都集中在漂亮的广告图片上,这或许是我第一次注意到”设计”一词的存在。

所以photoshop成了必经之路,好在我以前自学过,上手容易些。可是我还是掉坑里了,我花了大半年的时间看视频、找教程、学各种photoshop特效,却连个书籍封面都设计不好。

上道了

大二开始找了家平面设计公司学习,就是在这里,我才真正上道儿了。简单学了几种软件之后,我被要求设计一张名片。结果可想而知,但部分细节得到了认可,那些无关ps特效,而是来自对优秀设计案例的模仿。设计的入门阶段,模仿至关重要,老板后来的指导也印证了这一点。很长一段时间,我都在翻阅和模仿各种传单、画册、楼书,这也直接导致配色与构图成为我的强项。毕业那年,老板说我已经有平面专业大四的水平了,现在回想起来,确实没有夸大。

所以我勉强算是平面出身了,而且和设计专业的同学们拉平了起跑线。但这些转眼就都成为浮云,第一份正式工作让我意识到,一般的科班毕业生水平,根本无法胜任大部分设计岗位。一本8页的企业宣传册,我来回折腾了一个月,最终还是靠有经验的设计师同事帮忙搞定的。同时,企业网站的开发工作量很大,于是我被派去给公司的前端打下手,前端技术的入门也由此开始。

在工作中学东西是非常高效的,边做边学,两个月时间熟悉了html和css,能做出不带动画效果的页面。之后的经历证明,前端技术相当实用,建议设计师同行们偷偷学起来,至少了解其原理。为什么是偷偷,我们稍候再讲。自此,公司终于找到了留下我的用处,我开始负责日常新闻专题页面的制作,起初是设计师前辈设计,我来制作。渐渐自己也能做出合格的专题页了,工作终于趋于稳定。

有段时间比较闲,被派去广告部做宣传册,第一回给客户做设计,而且是政府部门,你懂的。我无法直接与需求方沟通,加班、改稿数不胜数。接口人是个说话非常难听的急性子,不巧的是他竟然以前还学过设计,所以我整整被指手画脚冷嘲热讽了两个月,自己都不知道是怎么熬过来的。虽然最终注定不会和这家伙成为朋友,不过还是从他那里学到了一些设计技巧。还有一点:别发没必要的火。

辗转换过多份工作,却一直没离开过互联网,中间还穿插着好几次个人网站的建设与改版,能够额外提升设计与前端开发水平,也有机会从更高角度来看待产品。到目前为止,工作都以网页设计为主,有时还兼任前端。然而身兼两职并非什么光荣的事情,反而是恶性循环的开始,这点我很久以后才明白,想要扭转已经阻力重重了。

重新思考设计

术业有专攻,设计与开发本就是两种不同的思维方式,频繁在两种模式间切换,会影响工作效率。而有限的时间精力分散到这两部分中,产出也相应减少了,每次换工作看着干瘪的作品集就能体会到。所以前端技术要学,但千万要偷偷地学,不要在工作中展露出来,除非你在自己创业初期。这话肯定有人不爱听,但是设计师朋友们,作为技术型工种,个人的成长绝对比公司业务更重要。

有这些就是优秀的设计师了吗?在进入一家pc软件公司前我都不曾怀疑过。第一次接触软件产品,其功能逻辑的复杂程度非一般网站可比,功能性的东西远远多过于内容展示,4个界面竟然衍生出了几十个PSD文件。幸运的是我从头到尾主导了整个产品的设计,不幸的是它最终由于公司大裁员,无力开发上线了。

这段经历让我重新思考了设计师的定义,或者说分类。按我的理解,设计也能分化出两种思维方式:内容思维与产品思维。笼统的说,印刷品、banner、活动专题页和一部分企业网站属于前者,社交产品、电商平台、管理系统、大部分APP等属于后者。两者有重叠,但前者偏重视觉效果,后者偏重易用性。优秀的设计师当然应该两者兼备,但对于我这个已经被前端技术”扭曲”的人来说,后者无非是比较好的切入点。这不意味着路要越走越窄,广泛涉猎是必须的,掌握各领域的设计动向,平面、网页、UI,来者不拒。

发展方向开始变得清晰明确,随着科技深入人们生活,产品思维的重要性会直线上升。作为一名设计师,用户体验已经变成必修课,它在产品中发挥的作用是贯穿始终的。这方面的学习渠道并不系统,重要的是保持对于科技与生活的热爱,还有不将就的态度。

扎根设计

本文结束前,还有一个最根本的问题没有回答,我究竟喜欢设计吗?嗯……我敢说,至少是我了解的职业中最喜欢的。发散思维、寻找灵感的阶段最为有趣,确定方向、一气呵成时最有成就感。尽管工作越久,越难察觉自己的进步,但有时回头看自己的作品,又会忽然惊喜自己当时就能做出那样的设计。

一朝为设计师,便是终身的选择,即使哪天我不再从事设计,也无法置身事外。

因为,它已变成我的世界观。

NO.3 如何让消费者以设计师的眼光来为创新买单?

  

 

  不久之前,我代替好友出席了一个位于深圳的珠宝行业的论坛讲座。出席讲座的大多是从事珠宝首饰销售行业,间或有珠宝设计师。这次讲座的主题是什么我不记得了,我只记得席间大家大倒苦水。我印象最深的就是一句“黄金只能按克数卖,没人去看造型”。

  珠宝行业可是典型的暴利行业,为什么大家都在倒苦水呢?对比其他零售行业我也就释然了:进价100的物品卖到120,20块便是纯利了;而珠宝行业100块进的黄金要请人加工,摆上柜台,经人推销,才能卖出120的价格。这样看来对黄金进行加工琢磨不是给黄金带来了附加值,而是变成了一个出卖黄金的步骤,设计师的工作完全变成了可有可无。虽说好的设计能够提高某款首饰的销量,但最终消费者只愿为材料买单,这就造成了珠宝行业“称斤论两”的现状。

  网上一直在批评中国的自主创新能力差,我觉得有失偏颇。不是没有创新,是少有人为创新买单,从上面买卖黄金的例子便可见一斑。

  我回来之后,一直在想有什么方式可以改变珠宝行业称斤论两的现状,乃至改变大家对设计的态度。虽然这很难,总好过什么都不做。

  我是搞互联网的,自然首先想到的就是利用互联网。利用微播,微信营销什么的我直接就否定了,那只是把柜台搬到了网上,对改变消费者态度没任何意义。我觉得要让消费者体会到设计的价值,就要把消费者变成设计师。当他花费心思与时间设计出来的东西,肯定不会低价出售,那高出材料本身的价格,便是设计师的价值。消费者接受了“设计师是有价值的”观点之后,自然愿意为别人的新意设计买单。当然,这是最终目标,达到这个目标的道路无比坎坷,却非无迹可循。以下我便尝试着用发展的思路逐步达成“人人皆设计师”的目标。

  首先,网络拥有聚集人气的功能,所以一个网站是必不可少的。网站的内容可以先从珠宝设计上入手,毕竟这是当前急需解决的问题。但是网站的主题不是珠宝本身,而是设计师们。网站应从设计师入手,给每位设计师都开辟专栏,然后把他们的作品图片都放到作品栏里,再配以设计说明,用料讲究,工艺复杂等等说明。最主要的便是设计说明,用一个“故事”来阐述设计的思路,设计的亮点,这些可都是有价值的。一旦有消费者认同设计师的设计思想,便可在网站下单订购。在这个网站,消费者买的是设计而不是珠宝原料。

  如果这个网站能够正常运营两年而不倒闭,就可以考虑扩大影响范围了。毕竟我们的目标是改变国人的消费理念,让国人能为创新买单。

  接下来是跳出珠宝业让消费者变成设计师。不过专业设计可不是一朝一夕的事情,没有专业知识的支撑,普通人根本就难以入门。所以一个简易的设计工具是必不可少的。正如现在流行的简易建站工具让没接触过网站建设的人都能建设自己的网站一样,用简易工具来设计自己所能想像到的一切。这样设计出来的东西虽然没什么价值,但让消费者自娱自乐一下也不错,配以3D打印技术,让消费者的涂鸦设计变成实物,再返售给它的设计者,也能为网站带来不少的现金流。

  如果网站里面全是不能产生价值的“客串设计师”,那么这个网站最终将走向灭亡。在网站利用简易设计工具成功吸引到一大批“客串设计师”后,马上就要“沙里淘金”,让有做设计师潜质的普通人在网站里发光发热。

  具体来说,就是开放专栏,让普通人也能够有自己的专栏。就像最开始的珠宝设计师专栏一样,每位“客串设计师”也能够把自己的作品放在作品栏里。不管是做出来的实物还是停留在设计图纸阶段,都可以与别的“客串设计师”共享。如果有人想要购买,网站负责将实物“复制”出来并邮寄给购买者。当然,作为产品的设计者,自然能够从每次的购买行为中获得一定报酬作为设计费用。有了金钱的鼓励,“客串设计师”自然是更加努力学习设计,使用更加专业的设计软件,做更加专业的设计,最终成为“精英设计师”。这其实是一个造就平民英雄的过程。

  当这些“精英设计师”被筛选出来之后,自然是加大宣传力度,宣扬他们从平凡走向成功的事件营销。在这之前要帮助他们申请设计专利,然后买断其中有价值的专利交由工厂生产,或是在事件营销之后高价卖给工厂。

  试想,每一件被挑选出来的设计作品都是万中选一,再加上屌丝逆袭的故事营销,加上网站推波助澜的事件营销,这些作品将给网站带来多大的价值。不过这些远远不够。

  当网站握着的专利足够多之后,就要考虑转战线下了。拿着这么多的专利资源去找各省政府谈判,让他们低价出让土地,交换条件就是全力促进本地创新事业的发展,那些专利便是能力证明。

  拿到土地后建设发明家协会。复制网上的模式,免费为当地的发明家提供原料,专业辅导等,等有价值的发明出现之后,帮助其申请专利,并帮助他们把专利变成产品。其中的价值体现我就不赘述了,太多了。

  马上重点来了。如果我仅仅是从别人的设计别人的发明中牟利,那对促进国人的创新能力没有丝毫帮助,我想要的是一个标杆,一个创新思想的标杆。

  在全国各地遍布发明家协会之后,我会仿造小说里面的工会,建立一个等级制度。每个发明家都可以在协会进行等级认证,不同等级赋予不同权限。最高级几乎可以使用协会的一切资源。这样才能改变国人对创新的消极态度,促进国人的创新能力。

  不好意思,我有点小愤青,居然从改变珠宝市场谈到了设计可贵,谈到了发明创造,谈到了国人的创新能力。按照这思路发展起来谈何容易,权当作我的小小的YY吧。

  虽然不报希望,但还是希望有愤青能联系我,一起为改变国人的创新能力出力。

  作者:周星,90后,自由撰稿人。热衷于对互联网新模式的探索与研究。(邮箱:991670615@qq.com)

  附上一张好玩的三维立体图

  

 

  特别用心才能看出来呦~

上一篇:微信电话本3.0版本|微信电话本2.0版开始内测 新增联系人分组 上一篇:我不想让你流泪|不让你探索到我在流泪
与该文相关的文章

温馨提示:如果您对51阅读吧有任何建议,请通过网站联系邮箱向我们反馈,感谢各位的建议与支持!