深圳UI培训
达内深圳地王中心

185-8926-6248

热门课程

【深圳ui培训】跨平台ui设配方法

  • 时间:2017-11-01 17:13
  • 发布:深圳ui培训
  • 来源:达内新闻

深圳ui培训告诉你,根据深圳ui培训(http://sz.ui.tedu.cn)专家列举出几个如何跨平台ui设配方法:

跨平台UI适配有分歧的情形

咱们都晓得,iOS和Android之间的战斗没有赢家。假如一个产物在一个平台上胜利,那末它毫无疑问的会被移植到另一个平台。偶然刻开辟职员乃至不消期待,同时在两个平台上宣布利用。对付设计师而言,这只意味着一件工作——利用的UI和UX需要适配到另一个平台,以确保产物设计说话的一致性。

跨平台UI适配有三种分歧的情形:1.坚持品牌的一致性;2.相符平台特性;3.追求二者之间的均衡。这篇文章经由进程最热点的app阐发这三种办法,让你懂得甚么办法最得当你。


一、品牌导向法

坚持品牌,和疏忽“父级规矩”是最快、最简略、追剧成益的办法,然则只是设计到设计UI,而没有涵盖软件工程。自定义的用户界面是相称繁杂的,相对付用尺度空间,开辟工作要付出更多代价。

其余,抉择品牌作为UI设计的优先选项是一个相称危险的办法。咱们把这类利用叫做“teenagers”(青少年),由于他们不遵照规矩,偶然刻相称烦人。他们觉得自己是与众分歧的,然则实际上他们和其余在那个年龄的人同样。然则也有例外。

VSCO CAM

Visual Supply公司在2012年宣布了第一个iOS利用VSCO Cam. 一年后,这款流行的相片编纂app被移植到了安卓平台。安卓版的VSCO Cam几乎完整复制了iOS版的界面。有趣的是,两个版本的VSCO Cam都没有遵照该平台的设计尺度。

VSCO Cam:

在这类环境下,抛开平台的规矩是有利品牌辨认的。VSCO Cam的创始人觉得,创造力是异常紧张的,而这也阐明了他们所构建的产物的愿景。他们致力于开辟一个能延续品牌的app,而这个品牌是艺术社区的一部分。这便是为甚么VSCO Cam的品牌创意的完整性更为紧张。

VSCO Cam拍摄界面:

和VSCO Cam同样,instagram 首先在app store宣布,然后才在安卓平台可用。严格依据iOS尺度设计的iOS版本经历了巨大的胜利;在这类环境下,为苹果的支持者设计的典型UI酿成了instagram与众分歧的特色。这就解释了为甚么instagram的开辟者没有花很多的光阴为安卓平台打造一套独特的UI。纵然利用法式的整体美学不相符安卓用户的期待,instagram在google商店获得了超过一天百万的下载量。

Instagram首页:

如今instagram的iOS版和安卓版看起来像双胞胎,然则这里仍有一些元素冷僵他们区分开来。比方,搜刮栏看起来像两个平台原生的。最新的安卓版的相机页面和iOS版的有一些分歧。更紧张的是,iOS版的instagram的标志是位于导航栏的中间,而安卓版的是在对象栏的左侧。
 
WIRE

wire是skype的创造者共同创建和支持的另外一个通讯利用。wire和竞品没有太大的分歧,除了漂亮的、令人印象深刻的一用户界面,它的用户多是非主流青少年。wire的设计者用了不尺度的表达解决方案,主要的目的是尽量的影响用户瞥见的器械。

“咱们在创建一种优雅的、应用的沟通对象,经由进程一切方式——文字、声音、视频和媒体。媒体是wire的核心体验,所以咱们抉择了减少不需要的杂乱内容。咱们还把大批的精力花在了字体和可读性。”


二、平台导向法

与以品牌导向相反,依据平台的特性尺度请求请求更多的光阴和款项(在这里咱们只评论辩论UI设计)。当导入设计去另一个平台时,很多UX和UI元素需要依据目的平台尺度重建。

在这类环境下,焦点从品牌认同转向了用户认识的平台体验,由于用户曾经习惯平台的规矩。在惯用的平台上,他们对设计规矩的有直观把握,你能够把这个作为你的上风——Telegram和WhatsApp在这点上都做的很好。

TELEGRAM

Telegram是一个流行的通讯利用,由Pavel Durov创建,俄罗斯最大的社交网络背后的男人。telegram 的设计作风很简约,并供给私人通讯安全加密协议,这给app增加巨大的上风。

talegram的iOS版和安卓版同时推出,专注于功效,而不是视觉外观。是以,他的设计者坚持平台导向的办法。

同一个产物的iOS 和安卓版,作为iOS和安卓利用能够有所分歧。iOS版完整遵照了iOS设计尺度,看起来便是一个专门为iOS7或8设计的利用:在导航栏的右边有一个图标,是为了输入新信息的,左边有一个编纂按钮;在屏幕的底部有一个切换的tab栏,在上面你能够瞥见当前页面的名称。

WHATSAPP

另一个通讯app是whatsapp,信息利用的传教士,如今被facebook收购。iOS版whatsapp在2009年宣布,紧跟其后的是黑莓和塞班版本,安卓版直到2012年才宣布。whatsapp看起来像是一个安卓手机用户会认可并爱上的app。

whatsapp如今在每个平台上都可用,他坚持平台领导法是很自然的工作。iOS 版和安卓版看起来很分歧。设计师在跨平台适配上做了很杰出的工作。他们转变了ux、消息展示、图标、元素和菜单的位置等等的一切。

KOMMOT

kommot是为远足者和自行车者设计的app,是德国的一个创业团队做的。2010年先有了iOS,一年之后有了安卓版本。kommot的老版本没有任何同类竞品。

 iOS 版和安卓版依据个平台的设计尺度,做了最好的设计。利用中包块大批的旅游的内容:地质地图,转成导航,景点建议,等等。一切的功效都必须很容易被用户访问。

“咱们决定依据每个平台的规矩,由于各个平台的UI更容易预测,这样对用户来讲会简略一些。并且,苹果和google对用户界面的设计有偏好。这个对付在苹果的app store和google play的推广异常紧张。”

Komoot曾经多次出如今苹果app store的推荐里。并且,他还被提名为google play 2014最佳app,Komoot如今是google play德国商店里最顶级的app之一。

如今,经由进程这些示范性的app,评论辩论一下甚么环境下坚持以平台尺度为原则停止设计最正当。

甚么环境下,咱们应当遵照平台导向法?

高度竞争的市场环境促使你疾速迭代用户疾速增加。

纵然你需要光阴从新设计利用法式的观点,平台导向的方式能够使你的开辟职员更疾速的完成你的设法主意。。一旦一个法式被启动,用户会找到一个认识的交互方式。不仅如此,你不需要期待灵感来临去设计一些特其余器械。你所要做的便是遵照设计指南。

苹果和google推出的一些设计趋势在用户中被证明是胜利的。

一个聪慧的品牌进入google市场,纵然你的app是从iOS版本上移植的,也需要改为相符material design尺度以示至心。然则这类流行趋势也吸引了苹果用户的眼光。是以,咱们能够看到也有一些iOS上的app表现了material design的一些元素和作风。我提这件事只是为了夸大一款app遵照设计尺度是非常紧张的,纵然这意味着偶然疏忽平台的详细细节。

你的利用具备繁杂的功效和用户界面。

任何挪动利用都应当尽量简略容易应用,纵然它负载很多功效。应用平台导向法使有很多功效内容的app看起来有条不紊。举个例子,比方Accent Kit,英国的口音和方言练习设计的app,包括多重功效:音频播放、录制、文本、图象等一切旨在对用户的口音进修有帮助。当要移植到安卓平台时,咱们只能斟酌应用平台导向法。不然,用户会很难找出法式供给的一切功效。

Accent Kit

坚持平台的尺度,为用户供给原生的平台履历,使咱们能满意用户的希冀。

有些app会胜利,有些实在不会。平台导向法对那些想保存品牌影响力的公司,实在不看重那末可骇。然则究竟这个品牌是你谋生的对象,不要让你的app酿成“老师的走狗”,遵照规矩但得不到同学的好感。

三、混正当

有了一点独特性,咱们就可以充足对应平台的细节,并且坚持品牌代价。混正当来顺应多种平台,是在以上两种办法之间探求一个均衡点,它也是最繁杂的一个。

在这类环境下,你应当斟酌两种用户:一种是认识你的产物的人,另一种是从没用过产物的人。前者跟随品牌,而后者习惯了其余平台的特性。抉择混正当的设计师像外交官同样,代表了品牌的好处,同时也旨在促使和用户的友好关系。他们需要找出哪些用户界面元素能使产物锋芒毕露,并找到不会损害品牌的跨平台的详细解决方案。

咱们看看SoundCloud, Facebook, Airbnb 和 Viber的设计师们是若何处置这个挑衅的。


甚么时刻应当应用混正当?

当在依据反应和评估渐渐成长和完善产物设计的时刻。

混正当意味着用户体验在各个平台上持续感化,这是一个根基的设计迭代办法。这意味着你应当阐发目标去懂得用户是若何与你的产物停止互动的,定期更新改良,并坚持增加率。迭代设计代表了一个轮回进程:原型设计、测试、阐发和提炼产物每个版本。

混正当是在一个独特的环境下,让体验称为品牌的代言。这是我觉得的最好的办法去停止跨平台的完善适配。他能让你找到平台、品牌和用户的本相。其余,应用这类办法能够转变品牌和平台设计指南之间的均衡,作为成果,获得一个伟大的产物。

混正当的独一毛病是,不太可能在始创的小团队中实行。由于小型始创团队平日承当不起大批的光阴和款项来晋升利用的设计。其余,我猜在一个app的第一个版本,不测试用户对UI特性也可能是一种荣幸。

四、哪种设计办法更好?

只管混正当看起来像是最好的办法,我想说的是,文章中提到的办法没有一个是完善的。

偶然抉择品牌辨认会招致特定的用户体验成绩,不论你的app看起来何等标致。究竟,用户决定了一个菜单能否应当滑进,刷那边会进入特定的功效,和若何前往个人主页。

app应用平台领导的会招致app看起来过于程式化,对品牌辨认没有帮助。当从另一方面来讲,应用平台领导设计法最有可能获得胜利,特别是你的app有很多功效,并且以获得大批用户为目的。

我用来阐明混杂设计法的例子是胜利的适配跨平台利用实例。这类环境实在很少见。然则,这不意味着你不应当测验考试去获得雷同的成果。

当咱们设计app时,咱们应当老是记得,咱们为了实际天下中实在的人实在的装备而做的。事实上,这实在不是说品牌,平台,或是你的创意,很紧张。独一紧张的用户。他们实在不关心你用了甚么办法去适配UI设计。不论咱们爱好与否,一切用户只是对全部公司的体验感兴趣——当它是踊跃的时刻,阐明这个公司胜利了。

想知道更多关于IT行业的信息吗?想远远不如行动,行动起来,一起加入达内,一起进入IT行业,跟着达内的脚步,一起走进如今的互联网信息时代,带给你不一样的色彩生活——【深圳UI培训

上一篇:深圳ui培训:浅谈什么叫ui设计师
下一篇: 【深圳ui培训】终止没必要的ui特效设计

【深圳ui培训】终止没必要的ui特效设计

选择城市和中心
贵州省

广西省

海南省