IUNIOS1.0 ROM设计总结(UI设计必看)

@大C_MED(IUNIOS体验设计负责人):这篇文章源自一款名为“极光绿”的ROM,作者分享了整个团队的设计过程,包括对几款主应用的细节打磨,详尽描述了这款匠心独特的ROM的诞生过程,当然,设计师对美的执拗也非常值得赞一个。

你多久没有抬头看看星空了?
科技日新月异,为什么我们却越来越不快乐?
你多久没有像孩子一般纯真的笑了?
流动的时光里 还记得你的初心吗?

我们要做一个什么样子的ROM?
她应该是 纯净 的,真正做到零预装,把安装应用的决定权交还用户手里;
她应该是 轻快 的,用手指触动敏捷,在掌心体验流畅;
她应该是 悦动 的,每一帧细小的律动,都唤起年轻悸动的心;
她应该是 优雅 的,如同纯真圣洁、白衣胜雪的精灵,简洁而不失格调。

硬件好比躯壳,软件堪比灵魂,在设计之初我们即定下了设计原则,为我们心目中的“她”描绘全新的灵魂。

万物归一 大道至简

做减法不是简简单单地删除某一功能,而是在经过反复且大量的衡量、推敲、整理、归类之后,以最直观的方式呈现给用户。我们不仅仅追求视觉的扁平化,还希望在信息架构更简单轻快,上手即知,让复杂留给我们,把简单留给用户。

设计理念:极光雪凝

基于“纯净,轻快,悦动,优雅”这个产品定义,我们开始寻找属于IUNI OS的设计DNA,正如一千个人心中就有一千个哈姆雷特,每个人对“纯净,轻快,悦动,优雅”的理解是不一样的。在设计伊始,为了找到大家都认可的设计语言,我们在团队内部掀起了多次头脑风暴,这不仅能让团队成员快速达成理念一致,还能确保设计理念从初步意向到实际落地的高效。经过多次碰撞,大家一致觉得“北极光”的概念最符合我们的产品气质。确立了极光雪凝的设计理念.极光也成了我们内部的开发代号。

北极光也被喻为幸福之光。在那里,有世界上最纯净的水,最优雅的极地雪,有不带一丝污浊的海天辽阔和天地苍茫。其实,我们每个人的心里都有着那样一束幸福之光,当排除万难,克服艰险,放下繁杂的一切,回归至简至真的自己,就离那束幸福之光不远了。

从极光雪凝中的提取的主色调

视觉感知是人类探索、感知环境的主要方式,不同颜色能够触发大脑及大脑皮层中区神经系统的一系列反应,对于色彩的感知一直是人类进化的主要驱动力之一。颜色对品牌价值的建立有非常高的重要性,比如辨识度和知名度较高的腾讯蓝和小米橙。而我们也决定把从极光雪凝中提取的配色延展到IUNI的企业VI中,在硬件设计和UI设计都尽量将这一配色用得淋漓尽致,力争让用户一看到极光绿就联想到IUNI。

桌面图标去掉了多余的高光与阴影,将一切回归简约纯粹,采用小圆角矩形,与锋型的IUNI手机拥抱曲线保持一致,我们把极光雪凝的理念也融入到我们的图标设计中,如雪山的相册,天地一线的日历,流水般的流量统计图标等。同时,极光的整体配色与极地雪表意图标的交融,清新气息扑面而来,仿佛置身于一个极光雪凝的纯美世界。

我们将极光的灵动和北极雪的优雅贯穿设计始终,比如来电时画面如极光般悦动,上滑挂断则有拉开天幕的感觉。

你无须进入应用就能掌控一切,在动效设计上也完美诠释了北极光的灵动。

真正的简约,是全景与细节兼顾下的严谨,是内外一致的精湛,为了全景与细节的统一,我们重绘了每一个系统ICON,简单的线条,优雅的表达着我们生来纯净。

优雅动人 气质动心

我们把北极雪的纯净融入到我们的系统应用界面设计中,通过大量的留白创造意境,让你更任务本身而不会被轻易干扰和打断。

告别单调的纯文字便签,你可以用图片、视频或音频随时随地记录你的奇思妙想,备忘录应用同样延续了我们极光雪凝的设计理念,第一次将图文混排引入便签,享受随时随地记录的乐趣,用简单的方式让生活变得生动而有趣。

我们信奉简约而永恒,将这种源于北极光中的简约带到我们系统的每一个界面,简单的点线面,纯净明亮之中透着别样的情致。

默认壁纸的设计是煞费了一番苦心的,不仅要具有品牌特色,还要能够衬托图标,更要满足绝大部分用户的审美需求,无论是远山、大海、星空还是风景照,都因为被大量使用而缺乏新意。团队内部对几千张壁纸进行了精挑细选之后,我们再次来到了“优小北” (IUNI的吉祥物)的故乡寻找设计灵感。经过细致的打磨,最终得到了这张深海视角的冰川切面。

小细节 大用心

基于极光雪凝的设计理念,我们摒弃了拟物化的设计,而更倾向于把对生活中美好事物的向往凝结成设计元素,创造出美妙的体验。设计来源于生活,还应该要高于生活,我们关心你的每一次触控体验,对细节的苛求正是源于对用户体验的完美追求。

锁屏手电筒的灵感来自于夜空中最亮的星,打开开关,一道极光射向星空,在漆黑的夜里,群星闪烁,流星划过,照亮我们前行。

航海、海浪与彼岸,我们都有过环游世界的梦想,虽然因为种种的原因,还一直停留原地,但向往远方的情怀一直都在,流量统计应用的设计正是注入了这个元素。

滑动亮度条,小太阳会随着你的指尖旋转起舞,让你真切感受到灵动。

声效和动效的完美契合,是可以产生美好的化学反应的,呼之即来挥之即去,给你一种前所未有的操作快感。

以上仅仅只是选了几个比较容易发现的例子,更多的设计细节,等着大家去发现。

时光深处 遇见美好

时光,无比柔软地见证着我们的青春成长,沉淀着生命中的那些悲欢离合,对设计师来说,是应该去找到一张完美的壁纸,还是应该提供一种创造的可能性?

默认的时光锁屏,每两小时自动轮换,从日出到星轨,陪伴你日升月沉的每一天。

用IUNI U2的1600W像素为你的宝宝拍一个成长锁屏,为你的萌宠拍下搞笑的瞬间,在时光深处,在幽静的锁屏里,和我们所爱的人细数柴米油盐的幸福,每一次点亮屏幕,都是一次美好的遇见。

用户反馈

从微博以及内测QQ群的反馈来看,用户已经感受到了我们的设计诚意,对我们极光雪凝的整体设计表示极大的认可,这次的设计也仅仅只是一个开篇,是一次从零到一的探索,而体验设计之路还很长,后续将引入用户参与到我们的设计中来,我们深知我们还有很多的不完美,欢迎到我们论坛或者我的微博http://weibo.com/colin0415给我们提建议,一起创造更美好的用户体验.IUNIOS也会因为有你而更精彩!

音乐、天气、云服务、应用市场在路上了,敬请期待!

blog.iunios
作者:@大C_MED

(0)

相关推荐

  • 【新手指南】UI交互设计vs UI设计 vs 交互设计:有啥区别?

    UI交互设计到底到底是什么?我们常常听说UI设计,交互设计,那UI交互设计又是什么呢?难道是两者的结合?作为一名初入设计行业的或者对设计有一定热忱的人来说,搞清不同设计术语的定义真的非常头疼.别担心, ...

  • 平面设计与App设计/UI设计的区别

    在网上看到很多朋友对平面设计和App设计/UI设计概念的不同提出了疑问,在这里我通过总结和归纳这两者间的关系和不同. 操作方法 01 平面设计,也称为视觉传达设计,是以"视觉"作为 ...

  • 网页设计或UI设计中实用的制作技巧

    操作方法 01 1.巧妙设置对象名称我们在用Dreamweaver来制作非常复杂的效果时,有可能需要经常重复地使用某一个或者多个对象,例如我们经常需要定位某个特定的表格.图象等,如果我们没有给某一个网 ...

  • 如何自学UI设计?UI设计怎么入行?

    目前UI是高薪行业,那么UI要怎么学习呢? 操作方法 01 学习PS 基本上任何设计类的工作,都是需要学习PS的,现在网络上有很多免费的公开课,要找一大把,如果自己学不来,那就去报班学习. 02 临摹 ...

  • UI设计新人疑惑解答

    新人不知道该如何学UI设计,也有很多疑问解不开.这篇文章就是虎哥专门写给新人的.咱采用问答的形式来揭开谜团,让新人心里的石头落地. 下面是虎哥(学UI网创始人)私人微信号:hu2020 (请备注来意, ...

  • UI设计需要学习哪些软件?(最新版本)

    近期很多网友留言问我,老师UI设计需要学的软件有哪些?是不是要学很多软件?今天来能大家讲解一下UI设计需要学习哪些软件. 操作方法 01 1.其实不需要学太多软件,就目前来说UI设计师掌握了这4款软件 ...

  • 小课堂第三弹!使用ILLUSTRATOR做UI设计系列教程

    @张泊宁研究所:Adobe Illustrator 诞生在 1986 年,运行在 Macintosh 机上.在当时,Adobe Illustrator 是 Adobe 公司的早期产品之一,甚至早于 P ...

  • Dribbble 2月份的热门 UI 设计作品

    小编:UI设计师是需要不断去成长的,增强设计技能:拓展视觉欣赏能力等等-设计技能可以通过不断的练习来增强,视觉欣赏能力则需要多看而且是看好的,优秀的作品才能逐渐积累起来.今天为大家带Dribbble上 ...

  • 史上最全的25个UX/UI设计灵感类网站

    不论是UI设计师还是UX设计师每天花在找寻设计灵感的时间通常不会少于2小时以上,而多亏现在互联网的发展迅速,使得我们可以轻易就能从网上获取各种设计资源和设计灵感.本篇文章收集了最佳的25个UX和UI设 ...