ITBear旗下自媒体矩阵:

迎来五周年的Flyme 高颜值始终在线

   时间:2017-06-23 11:47:32 来源:互联网编辑:星辉 发表评论无障碍通道

2009年,魅族M8搭载的WinCE操作系统,就以清新不俗,独树一帜的拟物化风格吸粉无数。2012年6月25日诞生的Flyme,则在之后五年的发展中,不断对视觉设计理念进行延展,从初始的重度拟物风、颜色经典精致、风格清新自然;到当下的扁平多彩、充满朝气,更加年轻化、有质感,Flyme在延续简约自然风格的基础上,又带给用户更多视觉上的惊喜。

下面小编就带大家感受一下,Flyme及其前身八年来始终在线的高颜值。

前Flyme时代:经典精致拟物风

2009年,魅族M8的经典拟物icon首次亮相,重度拟物化UI设计风格,图标整体偏向于直接具象化图形,注重光感的表现和质感的表达,清新简约的界面风格让当时的用户眼前一亮。

而到M9时,系统整体的风格和色调依旧了保持了M8的特色,但在细节方面做出优化,拟物化的图标更加精致细腻,整体的界面风格也更加统一。

Flyme 1时代:逼真的拟物视界

Flyme的UI设计与友商相比最大的不同是其打造出了一个非常逼真的拟物视界。Flyme 1的图标设计都非常接近实物,从外观上就能清楚功能属性,看起来非常小巧可爱。另外,Flyme 1中的应用程序可直观地置于桌面,有序排列,方便用户查找。

Flyme 2时代:将简约坚持到底

Flyme 2开始追求侘寂、舒服耐看。这个设计理念让Flyme 2时代的UI形象增添了更多品质感,整体色调为18%中性灰,隐约透漏出一种低调的华丽;精简图标,让图标更规整,大多以长方、圆形的基础型呈现。整体感觉依旧是魅族Flyme原汁原味的简约风,耐看、和谐、舒服是众多用户对Flyme 2的评价。

Flyme 3时代:先见之明的扁平化设计

Flyme 3极具先见之明地采用了扁平化的视觉风格,搭配卡片式布局和全新的色彩元素,大量做减法,使界面更加简约,识别度更高。Flyme 3由于选择了全新色彩搭配,并持续做减法,它的UI开始真正朝“文艺小清新”的方向进阶,自然的过渡动画也为其增色不少。

视觉上精简干练,Flyme 3的操作逻辑也简单了许多。新的设置菜单,左右滑动切换的标签化交互方式 ,以及上滑手势呼出多任务栏、改善窄边框误触的问题,让Flyme不仅局限于视觉上的舒适,更带来用户体验至上的设计新构思。

Flyme 4时代:单色系引领“新”风潮

Flyme 4在当时大胆的重绘了超过2000 个图标,让整体界面风格统一。再加上以图标主颜色作为UI配色,色彩多而不乱,相比Flyme 3更活泼。大屏手机让图标有了更大的空间,但图标变大后细节反倒比之前更精致,而且是单色系的图标占主导,边角更为锋利直接。我们不难发现,Flyme 4整个界面和图标用色相对克制,不花哨不浮夸的设计语言引领了设计界的新风潮。

在操作上,Flyme 4实现系统级的区域动态模糊,在模糊和清晰之间切换自如,下拉状态栏的毛玻璃效果让通知栏更加一目了然,Flyme在UI上的用心程度可见一斑。

Flyme 5时代:大胆丰富更有料

Flyme 5开始追求更加丰富的色彩,整体颜色更加鲜艳,饱和度更高,还加入渐变色用以过渡;特殊页面使用大面积的色块覆盖,让整个页面的视觉效果更大胆更有料。

Flyme 5另一个为人称道的设计是它彻底清除了原本放在系统底部的分类导航,重梳应用内部结构,重梳后细分栏目排列清晰感增强,再搭配页面与页面切换的小动画交互技术,化静为动,让UI趣味性十足。

Flyme 6时代:有颜值更有内涵

全新的Flyme以“内容设计”为核心理念,视觉上采用全新的色彩组合,鲜力十足,并且绘制了全新的系统icon。Flyme 5中的动态交互在Flyme 6中也得到了延续,通过对多种动画控件的自由组合,使原本枯燥、单调的静态内容变得生动有趣。

更值得一提的是,Flyme 6对于文本系统,字重、字间距的调整,为用户带来主次分明的高效阅读体验。

回顾Flyme一路走来的UI设计,小编发现,Flyme在保持高颜值的同时,也融入了很多创新设计理念,让Flyme不只是单纯的好看,而是“有颜有内涵”。期待走过五年的Flyme在未来可以为用户以及整个行业带来更多新鲜有创意的设计理念。

举报 0 收藏 0 打赏 0评论 0
 
 
更多>同类资讯
全站最新
热门内容
网站首页  |  关于我们  |  联系方式  |  版权声明  |  网站留言  |  RSS订阅  |  违规举报  |  开放转载  |  滚动资讯  |  English Version