我们只做互联网+的高阶培训 拥有好作品才会拥有好工作 咨询热线:13671165726
中文 | English

UI设计大师设计分享-移动UI设计趋势

承辉学院2016-09-14

    UI设计从没有最高峰,就跟时尚相似不是一成不变的,只有不断学习的UI设计师才能在不断变化的UI设计行业越来越好。

    我们一直生活在“微小的新世界”,且将持续相当长的一段时间。那么接下来会发生什么呢?

    在过去的几个月里,一些引领者的革新设计把这个“极简设计”带到了一个新的水平。facebook,Airbnb和Apple都遵循了一个相似的蓝图来简化他们成功的产品,这就映现了移动设计中的“本色还原”这个新趋势。


    本色还原究竟是什么?

    你说你从没听说过“本色还原”?确实是这样的,因为是我这么称呼它的。最近我注意到了一个新的趋势,它超越了扁平化设计概念,超越了简约设计,且不受高级用户的逐渐精减理念( progressive reduction)的束缚。有人可能会说这将是极简主义设计要进军移动领域的下一个步骤,但我想说有很多东西是不同的。有特定的相似性和独特的个性来定义这个新趋势。所以我决定给它命名。我是可以这么做的,对吧?


    定义横扫整个硅谷的这个流行趋势的特点是:

    1 更大和更醒目的标题

    2 更简洁且更通常易懂的图标icon

    3 颜色的提取

    结果呢?我们喜欢的一些app的用户界面开始看上去越来越像同一品牌下的产品。


    证据

    我最开始注意到这个趋势可能是当Instagram发布了他们重新设计的UI。

02f30457cfb9aa0000012e7ec924c5.png

    在他们改版介绍中包括去除了整个app大部分的蓝色和黑灰色,让标题更大胆醒目,简化底部导航栏和图标。留下的是一个黑白的UI界面和大胆的标题,从而使得内容更加显露,功能更加清晰。我很欣赏简洁的界面和有一个平台能提醒我在一段时间里有多少崇拜者;

    Medium

    Medium在2012自从发布以来一直在黑色和白色之间摇摆,自从重新设计之后减少了杂乱的东西。实际上这让Medium成为了CR(Complexion Reduction)的创始人,即使在未知道它的情况下。恭喜Medium!

    不久之后FaceBook的人们推出了Instagram的样子。我打开Airbnb app时,它看上去是那么熟悉,把我吓坏了。这是我第一次浏览这app是在四月份他们发布的重新改版设计,但我感觉在之前我已经见过这一切了。

028a0557cfba5b0000018c1b4b4c60.png

    在Instagram重新改版设计之后的一个月里,Airbnb重新设计的UI几乎没有得到媒体的新闻报道,(部分原因可能是它没有一个闪耀的新app图标与之相伴),但它也遵循了与CR相同的策略。

    移动端的改版设计更大胆,引入了更大的醒目的标题,删除了不必要的图像和颜色,简化他们的图标使他们更具通识性。仅留下黑白 UI,使得内容突出功能清晰。

    Apple设计师成为“本色还原”运动迷恋者的最新例证。本月初,在苹果的开发者大会上的科技巨头宣布了大量为消费者期待期待和激动人心的事情,包括发布IOS10,他们宣称“IOS 10 是我们有史以来最重大的一个版本!”(或者至少从IOS8发布开始...“有史以来最大的iOS版本!”)

02bb1157cfba8a0000018c1bb31a77.png

    一个很特别的公告吸引了我的眼睛。那就是苹果音乐的重新改版设计。而重新设计最重要的部分就是用户体验的更新和附加功能,审美是我注意到的第一件事。Caitlin McGarry是macworld的撰稿人,叙述了更新后的外观的优势。“这是一个完全崭新的面貌,大的卡片,更大的更醒目的标题字体,和干净的白色背景使得歌曲专辑封面更闪耀。”

    是不是听上去很熟悉?这个设计和Instagram, Airbnb使用的蓝图还是有略微的区别的( 他们使用的是实心立体图标!苹果到底在干什么?),但关键元素还是有的:大尺寸的黑体标题和黑白UI。


    这一切都意味着什么?

    如我之前所提到的,这意味着越来越多你喜欢的app将看上去更像另一个。为什么?就像NFL(National Football League全国橄榄球联盟),技术也就像是山寨联盟。这些新的改版设计一般都会收到积极的评价(有些人也许会抱怨这些新的黑白用户界面“缺乏个性”,但不久之后就会结束这些抱怨。你使用一款程序是因为它的功能,而不是它的个性)所以我希望不管是新的应用程序还是旧的应用程序都能够跟随这个CR潮流。


    这也就意味着你手机的主屏幕不久将成为一个色彩缤纷且明亮的图标入口,通过这个图标把你带入新的欢乐世界。

02cebe57cfbbf50000012e7ed9c798.jpg

    现在,无论你是赞同还是反对这个单色的时尚,无疑它都是进步的一个标志。产品设计过程相比原来部分设计方法(鼓励多余的设计)是不断进步和发展的,这是一个更整体全面的过程,真正的重点是聚焦于用户。在老产品设计过程中,一个UI设计师可能手绘线框图,然后由交互或者产品附加说明“让它更漂亮”。设计师会花费数小时或者数天时间来调整颜色(添加/删除/改变...)直到最好最完美的结果——线框图呈现在他们面前!在今天更加一体化的设计过程UX和UI设计师的界限越来越模糊了,设计师不在担心他们的具体的责任(像使其更漂亮),而是最终的目标是创作出好的产品给用户。  

 

    (附小编承辉学院UI培训老师(Halona)语:现在的我们更准确的称为商业设计师,不管是产品经理也好,交互也罢,我们的最终目的是能够给用户带来更舒适的体验,从而使产品给公司带来更大的商业价值。一个好的设计师应该去考虑商业需求,在产品设计的整个过程中都应该关注用户,了解用户需求,了解产品,与之进行融合,而不是依据自己个人喜好进行设计。产品,交互,ui设计师是融合互助的协作方式,而不是谁战胜谁,相互抵触)


F8029179-5B0F-41E7-B336-C60E52958F89.png

承辉学院 www.chenghuixueyuan.com

    本色还原的终极指南


    因此,你准备相信“本色还原”,并且准备跟上这个潮流了吗?很好,遵循这些指导原则,在接下来的时间里你将会有一个能获奖的app。

    1删除颜色: 好了,你可以有一种颜色,但使用时要非常谨慎的暗示它的作用。其它一切最好是黑色和白色。让你应用程序的内容成为色彩。

    2更大,更醒目的黑色标题。你看到那儿的标题了吗?让它更大,增到20到30像素,让它更重。

    3简单的,细的,可识别的图标。你的图标最好是普遍的,这里也不允许有色彩。你可以让它们从左到右依次是,主页,搜索,主要操作,次要操作,概述(个人页)

    4双倍的,不,应该是三倍的留白。有时候甚至是四倍的留白。你真的不会错的。

    5让你的app图标更加明亮。如果你刚好是喜欢用一些华丽闪亮的颜色设计东西的痴迷者,那么把它用在app的图表上。这儿就是你放置你的个性和品牌的地方。让它脱颖而出吧!


    好的设计在于不断创造,UI设计师借鉴一些高品质的设计无可厚非,但是不能一味的抄袭,不能按部就班的抄袭,这就失去来一个设计师应该有的灵性。

承辉教务01
承辉教务02