之前写过“Flyme 1 到 Flyme 6 的进化史”,引起了很多老魅友的共鸣和讨论。这次来聊一聊 Flyme 图标的进化史。拿到 PRO 7/PRO 7 Plus 的魅友,仔细观察,有没有发现图标和此前有了一些明显的区别?
——》 拟物化 《——
Mymobile
还是先从 2009 年魅族第一台智能手机 —— M8 谈起,其所搭载基于 WinCE 深度定制并自主研发的 MyMobile 。那时候图标不论是音乐、计算器还是时钟、邮件等自带的应用都是重度的拟物化风格,清新而写实。
Mymobile-老 UI(图片出处见 Logo)
之前的老 UI,主题色为蓝色,深蓝背景大量采用亮蓝与液晶颗粒,给人以“科技、时尚、品质”之感。而后来新的 UI ,采用了半透明灰色水晶素材,配合深色色调,营造出 M8 的神秘科技感与低调的华丽。
Mymobile-新 UI
Flyme 1.0
Flyme 1 的图标设计依旧延续拟物化风格,但这一代没那么写实,更加注重光感和质感的运用。图标的细节上有改动,比如拨号键去掉了边框,半透明化;Dock 栏去掉了分界线;图库由原来的花朵改为 Flyme 经典的气球等。
Flyme 1.0(图片出处见 Logo)
依然是清新自然的视觉感受,但正是从这一版的 Flyme 为之后版本定下了基调,也从此也赋予了 Flyme 小清新的称号。
Flyme 2.0
Flyme 2.0 源于“侘(chà)寂”美学的设计理念,整个 UI 更具有品质感,舒服耐看。图标依旧延续了 Flyme 1 的设计,但还是有些区别,比如日历又重回 Mymobile 的设计,显示的是日立而不是月历,而时钟、邮件、音乐等应用都有些细微的变化。
“侘(chà)寂”美学
Flyme 2.0
图标是带有一种淡淡的 LOMO 之味,因为 LOMO 风格的照片具有暗角和高饱和度的特征,给人以安静、平淡的感觉。这自然是符合魅族一贯“小清新”之感。
——》 扁平化 《——
Flyme 3.0
也就是从 Flyme 3 开始顺应趋势,也走扁平化路线。整个 UI 采用了全新的色彩元素,锁屏界面是 Flyme 标志性的气球,清新而简约。这样的改变让人惊艳,这叫科技范遇上文艺范吧。
Flyme 3.0
Flyme 2.0 的图标是浮于屏幕表面的,但在 Flyme 3.0 的图标几乎和屏幕融为一体的。Flyme 2.0 的相机、计算器、录音机等图标或多或少还有拟物化的影子,但到了 Flyme 3.0 就是清新养眼的扁平化设计。
Flyme 3.0(上)对比 Flyme 2.0(下) (图片出处见 Logo)
M8 - MX3 Flyme 图标的演变
Flyme 4.0
依旧走扁平化路线的 Flyme 4.0,重点在于图标部分,重绘超过 1000 个第三方应用图标,重绘超过 100 个通知图标等。这样一来告别了“神一样的第一屏,猪一样的第二屏”,实现了设计风格的统一。
Flyme 4.0
另外,图标的尺寸也变得更大,单屏图标可以排列行数减少,从而为了大屏手机单手操作做优化。
Flyme 5.0
Flyme 5 色彩搭配更大胆,层级结构更加合理和简洁,操作界面上的所有信息更加直观地得到展现。在图标的细节上做了改进,比如拨号键去掉了振铃的图案,短息由原来的蓝色变为清新的绿色。
Flyme 5.0
为了更合理利用大屏的空间,Flyme 5 的图标布局增加到五行。相比 Flyme 4.5 上的四行图标布局,图标看起来就比较大,五行布局可以让图标大小显得更合理。
Flyme 6.0
焕然一新的 Flyme 6.0 不论是在设计、功能还是安全方面实现了全面升级。图标上还是一些细微的变化,比如主题美化,由 Flyme 5 上的折叠起来的 T 恤改为展开来的 T 恤,而应用商店的带子变短了。
Flyme 6.0
有人说和 Flyme 5 比 Flyme 6 似乎欠缺了那么一点灵性。不过从图标来看,Flyme 6 的风格更接近于全面扁平化。
Flyme 6.0 梦想版
PRO 7 搭载的是 Flyme 6.0 的梦想版,虽然在界面风格上与传统的 Flyme 并没有太大的区别,但仔细观察就会发现很明显默认图标变得更加圆润,颜色也更加丰富。
Flyme 6.0 梦想版
个人表示非常喜欢这款新设计的图标,图标四角改为圆角,之前异形的“主题美化”也改为圆角方形,或许是为了配合和 PRO 7 新的外观设计,使得风格更加统一,舒服且耐看。
梦想版的 Flyme,这可能是我最喜欢的一套 UI。这套新 UI 会不会出现在其他的 Flyme 机型中呢?你喜欢哪一款呢?本文源自魅族社区-黄油先生