正在阅读:无限扁平风是否延续?从历代魅族设计畅聊Flyme 8无限扁平风是否延续?从历代魅族设计畅聊Flyme 8

2019-08-25 00:15 出处:PConline原创 作者:不吃鱼的猫 责任编辑:xujianlin1

  [PConline 杂谈]现代人,与屏幕交流的时间,已经占据了生活的绝大部分:日常的沟通、支付、出行,都离不开手机;你与手机交流、与手机五指紧扣的时间,比亲密的伴侣还要多出数倍。而 UI,作为你与手机交流的皮肤,也因手机品牌的多样性而出现了多元化。

  如今,每个品牌都有着自己的一套 UI 设计风格,向用户述说着自己的品牌 DNA。而提到国产手机设计的先驱,就不得不提到魅族,提到 Flyme。

flyme8

魅族——匠心

  在日本的制造、日本的设计中,总会提到那么一个词:匠心。何为匠心?能工巧匠的心思,分毫必究,在设计的每一个细节上都做到锱铢必较。这或许就是匠心最好的证明。

魅族 MX2 :超前的创造力

  在十分久远之前,不少国产手机都被贴上了一些相对贬义的标签,那时候的手机品牌还以洋品牌为主。摸索着转型的魅族,用魅族 M8 开创了全新的时代先河,开创了从无设计到有设计;而后,魅族 M9 的内外全开花,用实力为全世界消费者所折服。

  魅族 MX2 时代,那个设计上极其偏执的魅族走上了舞台。

魅族MX 2

  在设计上,魅族 MX2 有太多可说的地方了。在延续魅族 MX 的圆润外观上,魅族 MX2 进行了细节的进一步优化,让手机手感更佳;在全行业使用塑料机身之时,魅族将不锈钢+双料注塑工艺完美结合。

  除了在设计和材质上变化外,魅族在大家都不知道屏占比为何物之时,就在魅族 MX2 上用上了当时全球最窄的 3.15mm 边框;在三大天王键设计异常突兀的年华里,魅族用发光的虚拟小圆圈做成了 home 键,科技感十足。

魅族MX 2

  这时候的魅族,用设计、堆料、匠心,甚至说超前的创造力,在国产手机上开创了一个又一个美学设计先例。

一刀切:美学与信号的完美结合

  手机天线的设计,可谓是手机中最富技术含量的,是影响手机信号的最重要因素。在 iPhone 4 时代,由于激进的设计而闹出了“死亡之握”的笑话,金属机身对手机信号有巨大的干扰为人们所熟知,但在优秀的手感面前,宛如蜜糖与毒药。不少手机厂商为了兼顾信号和手感,将金属进行切割、分段,这样的设计牺牲了手机的美感与手感。

魅族RPO 6

  在魅族 PRO 6 上,出现“一刀切”天线工艺。在全机身背面上下各开一刀,解决了工程和设计的矛盾,还解决了信号问题。在随后 iPhone 7 Plus 也选择了这样的天线设计,可以说魅族的设计已经成为手机行业的标杆。

极边全面屏:这是魅族对这个时代的呐喊

  在手机开始追求屏占比之时,为了那个屏占比数值,不少厂家不得不采用水滴屏、刘海屏幕,甚至用上了破环机身重量平衡的机械式升降结构,在设计上一向有独立主张的魅族,选择了用 “meizu design” 来向时代呐喊。

  魅族希望屏占比尽可能高,边框尽可能窄,同时还要保持整机的对称设计。这样的屏幕没有公版设计,只能再一次重新开模定制。魅族与三星合作定制了 18:9 的 6 英寸和 6.5 英寸 AMOLED 显示屏。这两块屏幕所有元器件都采用最新工艺,全都要量身定制,提供最大程度的窄边框结构,这种设计魅族称之为“极边全面屏”。

3

  为了与整机边角相呼应,魅族精心设计了用六段弧线组成的极为流畅的超大屏幕圆角,通过魅族首创的玻璃切割方法,使屏幕显示黑边的内外弧线几乎做到完全一致,视觉上至臻和谐。

  这样的设计,是魅族对这个浮躁的时代的呐喊,也是魅族作为一个匠人,最好的坚持。

Flyme:纯粹极致的幻想

  除了在外观设计上取到了一个又一个突破,在系统 UI 上,魅族的 Flyme 宛如一股清流。说起 Flyme ,就不得不说它的名字来源——《飞屋环游记》的气球房子,它就像设计师和用户最极致的幻想,让想象起飞。

将拟物化做到“侘寂”

  当第一次看见这个词时,作为专业编辑、纵横机界多年的我们,懵了。“侘寂”是个什么鬼。

  侘寂(chà jì)请跟我一起读(chà jì),是美学意识的一部分,指的是朴素又安静的事物;但在设计圈,侘寂设计指没有刻意的人工干涉,自然,保持最朴实的本色,与真实的美感相协调的视觉体验;而这样的视觉体验,都建立在高品质的内在和超细微的细节基础上。

  从魅族 M8 到 Flyme 2 系统上,魅族都采用了拟物化设计。而拟物化设计的终极奥义,正式侘寂设计。

  Window CE 作为一个老掉牙的系统,采用该系统的手机产品就宛如一台 Window XP 电脑,一切显得平凡、臃肿而无味,毫无美感和设计可言。但魅族 M8 的出现,彻底打破了这个局限思维。

魅族m8

魅族m8

  魅族在 Window CE 这套系统上,进行了图标的重描、UI 的定制,用高度拟物化的图标风格,带给了 Window CE 全新的设计美学感,也给这套老掉牙的系统增添了全新的活力。

  这样的图标设计让所有的消费者都眼前一亮,在非 A 即 B 的 UI 设计面前,魅族给消费者带来了全新的 C。这款产品目前还摆在微软总部的展馆里,这就是魅族给全球消费者带来的自信。如果说乔布斯与其苹果改变了全球手机产业,那么黄章与他的魅族毫无疑问的改变了中国手机产业。

  这样的设计思路延续到了魅族 M9 的系统上,但魅族也进行了一定的精简,将更佳圆润的设计加入其中,属于魅族独特的设计就展现无疑。

魅族m9

FlymeFlyme

  但是 UI 毕竟不是惊鸿一瞥,这是消费者每天都要接触的事物,在追求极致、第一眼惊艳的拟物化之后,魅族开始提出了“侘寂”设计,在简化设计之余做到了更加极致的品质,将美感与视觉体验相协调。在 Flyme 2 上,这样的极致、和谐与协调,也带给了各路用户最完美的体验。

flyme

Flyme 2Flyme 2

将扁平进行到底

  如果说 Flyme 2 之前的设计总结为拟物化,侘寂,从 Flyme 3 到如今,魅族在扁平化上逐渐走向了极致。

flyme

Flyme 3Flyme 3

  在拟物转向扁平化的道路上,必然会经历阵痛,这些阵痛来自于消费者对原UI的怀念、对厂商的不解,但是 Flyme 做到了让消费者平稳过渡。

  在侘寂的拟物化时,Flyme 的设计已经出现了一定的扁平色彩,“大道至简”这句词深谙在魅族设计师脑海中。将纷繁的笔画进行精简,将冗杂的图标进行简化,将立体视觉去掉光影元素,这样的设计做到了扁平化的渐进式处理。

  在UI的色彩上,Flyme 3 也开始转变。从先前十分厚重的色彩,引入了更加活泼的颜色,从十分硬核的极客风变成了时尚的潮流范;而 18% 中性灰的引入,追求视觉上的更多舒适感,让人越看,越耐看。

Flyme 3

flyme

  在引入了更加活泼的色彩后,消费群体进一步拓展后,Flyme 走上了人文思考之旅,十分超前地提出了人和自然和谐相处的理念。在 Flyme 4 上,魅族大胆地运用了大自然的颜色,提出了 Natrural design 的理念。更多更加活泼颜色地引入,让彩色上的视觉进一步强化;在扁平化的道路上,Flyme 4 也得到了进化,完善设计上的细节,进一步精简设计上的元素。

Flyme 4

Flyme 4Flyme 4

flyme

  如果说 Flyme 4 的设计是绿色的,平缓的,那 Flyme 5 则是魅族设计上的一次激进创新。白色的引入,配合愈发丰富的颜色搭配,让视觉的享受更加饱满,一改以往的“小清新”的style;在 Flyme 5 上,魅族提出了内容容器型显示的概念,使界面更加一体化,系统更好地突显信息内容本身,让用户能在同一界面上获取更加多的内容信息。

flyme

flymeflyme

  在 Flyme 7 上,UI视觉上的扁平化进一步加强,年轻化也是 Flyme 7 想要传达给用户的;在 Flyme 7 上,魅族增强了交互上的体验,让界面的滑动更加符合物理特性;配合mEngine 的震动反馈,让交互彻底从二维上升到三维的程度。

Flyme 7

魅族

Flyme 8,到底要走向何方?

  截至撰文之时,魅族 Flyme 8,就像一个羞涩的黄花大闺女般,没有额外的泄露信息,仅有一张真假程度十分值得考究的界面泄露图。

魅族

  为什么说这张泄露图的真伪程度值得考究呢?其实从界面上的细节可以看出。

  首先,从 Flyme 3 开始,魅族已经开始布局扁平化界面,经历了多年的迭代,扁平化已经为消费者所广泛接受,并且已经成为了设计的全新潮流,突然间在icon的描绘上回归拟物化,在设计潮流的轮回上能说得通,但在大环境面前,这样的经典致敬是否会产生逆作用呢?这一点不得而知,但有一点可以得知的是,在魅族 Flyme 8 上,扁平化设计肯定会得到延续。

  而在撰文时,微博上出现了 Flyme 8 设计视觉稿。而从这些视觉稿中,我们也能一窥 Flyme 8 将要带给我们的变化。

flyme 8

  从这份视觉稿中,我们看到了不少全新的设计理念。看到这份视觉稿的第一时间,我们就发现了 Flyme 8 第一个特点——界面的去线设计。

  在 Flyme 7 时代,选项与选项间会留有横线作为分割,用以间隔选项;但在 Flyme 8 上,这样的间断被打破了,Flyme 8 将一些大的功能分类集合起来,而同类型的功能则不做任何间断,让界面越趋同一之时,也带来了设计上的难度,魅族的设计如何平衡字体、图标与进入样式的大小、位置,这是在发布会上十分值得期待的。

  甚至说,魅族将这种去线设计融入到了应用中。如图中的新闻界面,在正常情况下,最底下功能栏那里会有一条横线作为分割单独的功能区,将功能选项与内容选项想隔离,让消费者一清二楚;而在 Flyme 8 则将这些功能选项区的线条都通通去掉,通过全新的设计元素——留白,将整台手机的一体化提高。

  虽然只是简单的留白,但是魅族也做得十分极致。留白、去线,如何在乱中不乱,简中见繁,考验着每一个设计师的功力,将一切能去掉的线条去除,如何取舍内容、功能中的间隔呢?如何在一张白纸上取得各方面的和谐统一呢?这些都是魅族的设计师要解决的。

  但是,魅族这样大面积的去线和留白,配合 MeiZu Design 的极致全面屏,其实会带来绝乎异常的使用体验。在白色的正面边框的魅族手机中,配合留白设计和去线设计,用户打破了手机边框与手机屏幕间的界限,试想一下你拿到一张“白纸”,而白纸上显示的正是你所需要的内容;同时,这张“白纸”你能随意控制它所显示的内容,它能做到你想要它做到的一切。而这一切的起源,都将是 Flyme 8 和 MeiZu Design。

结语:虽然全为猜测,但是Flyme 8或许让我们看到全新的魅族

  针对 Flyme 8 的猜测,仅限于我们对过去魅族手机设计与UI设计的分析,总结,虽然这与 Flyme 8 正式版会有一定的差距,但从这些 yy 中,我们的确找到了共同点与端倪。

  魅族的 Flyme 8,配合 MeiZu Design ,这两者的集合或许会给全手机行业带来了全新的设计动向:在大面积的留白、去线,配合白色正面边框、极致全面屏的搭配,让手机变成一个完整的整体,让手机不再局限于手机,那一张“白纸”,或许就是我们对手机最美好的期盼。

为您推荐

加载更多
加载更多
加载更多
加载更多
加载更多
加载更多
加载更多
加载更多
加载更多

手机论坛帖子排行

最高点击 最高回复 最新
最新资讯离线随时看 聊天吐槽赢奖品