2014-5-27 藍藍設計的小編
轉載藍藍設計( yvirxh.cn )是一家專注而深入的界面設計公司，為期望卓越的國內外企業(yè)提供有效的 BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務
來源：http://news.mydrivers.com/1/300/300328.htm
魅族官方今天發(fā)文，詳細解釋了有關Flyme界面的設計理念和進化。魅族表示，簡潔，一直是魅族崇尚的信條之一。從早期M8的驚艷亮相開始，魅族概括式的設計理念已經貫穿了整個機器內外。
Flyme系統是魅族專門為旗下手機開發(fā)的一套基于Android深度定制的系統。2009年2月18日魅族推出第一個基于Windows CE6.0內核的正式版本手機操作系統（只適用于魅族M8，稱為Mymoblie操作系統），此后推出了為M9及MX深度定制的基于Android 2.2和Android 2.3的操作系統（未正式確立專有名稱），直到2012年6月25日才將為旗下手機基于Android 4.0.3的手機操作系統正式確立為“Flyme”。Eico Design亦參與其設計。此系統正式版本為適用于MX3的Flyme 3.0。
Flyme系統是魅族設計理念在軟件更深層上的體現，也是魅族手機的核心競爭力之一，被魅族稱為“產品的靈魂所在”。
借此之機，讓我們一起來了解一下Flyme的設計精髓：
簡潔，一直是魅族崇尚的信條之一。從早期M8的驚艷亮相開始，魅族概括式的設計理念已經貫穿了整個機器內外。
而同期的主流智能手機長相是這樣：
這些曾經紅極一時的設備在當時算是潮物了，可今天看來，依然有上個時代濃濃的印記?；仡^看看M8，現在仍然是一款值得欣賞的機器。這是為什么？
至簡，方不能被超越
M8的設計高度概括了手機的外形，除了手機本身的圓滑輪廓之外，沒有額外多余的凹凹凸凸。任何的異形都會被賦予嚴重的時代印記，只有朝著至簡的方向前行，才能獲得恒久。
這也是我今天想說的，借助M8的ID設計開頭，談一談Flyme系統的圖標進化演變的歷程。
先上一張預覽圖，這是從M8至MX3（Flyme 3.0）的部分圖標進化過程。（感謝魅族匯整理）
雖然M8搭載的是Windows CE時代的產物，M9及之后的MX系列都轉變?yōu)锳ndroid系統，但M8的一些圖標在今天仍然得到了很好的傳承。
簡潔是進化
在人類的進化歷程中，隨著人們對事物的認知提高，由具象到抽象的映射能力更加完善。我們生活中的產品也在慢慢的變的更為抽象。
例如，我們可以清晰地知道
這個按鈕是播放， 
而這個按鈕是暫停。
它們與現實中我們所認識的樣貌相去甚遠，甚至在使用它的過程中我們從不會去考究它為什么是這個樣子，只知道這是播放與暫停。實際上這都是一步步演化而來，在這過程中摒棄一些復雜的元素，歸納為簡單明了的形狀，讓人們逐漸習慣、理解并適應了這樣的認知過程。
再例如下載，這是一個現實中并不存在的行為，人們如何與其建立映射關系？
初始，人們覺得一個箭頭表示下載，一個硬盤代表本機，箭頭指向自己的硬盤，表示“下載”。
而如今，你可能只畫成這樣，人們便可以理解它是做什么用的。類似圖標還有分享（Share）、刷新（Refresh）、更多（More）等。
歸根結底，這是具象到抽象的一個過程，在這當中，人們逐漸拋棄無用的過多元素，改用更簡潔的線條（方式）去概括原本的形狀。在傳播過程中，簡潔的內容可以更低成本但卻更形成快速傳播和記憶，無需人們去消化細節(jié)，直接觸碰大腦最直接的記憶輪廓。所以，簡潔，是人類社會的趨勢。
好的歷史需要傳承
時鐘：從M8到MX3的視覺變化在于：去除表盤外殼的高光，去除指針的外發(fā)光，簡化表盤邊緣的金屬質感，去掉秒針和去除表盤的黑色漸變。最終你所看到的形狀，仍然可以非常清晰地知道它就是個“時鐘”，冗余的“效果”在演化過程被一一剔除，而配色仍得到很好的傳承，設計方向也愈加明確。
設置：具象的齒輪本身屬于擬物的設計方式，形狀太過粗暴，是似而非。最終，提取其金屬灰色，將整個齒輪變?yōu)橐粋€按鈕，上面的圖形則簡化為剪影，遠比單色的齒輪剪影要更好。
創(chuàng)造新形狀：
瀏覽器：M8時代的瀏覽器是一個具象的地球，與當時的PC瀏覽器外觀一致，但恰恰由于細節(jié)復雜，難于記憶，并且沒有打出魅族品牌與其它瀏覽器的差異化。然而，創(chuàng)造一個新形狀的成本很高，人們對新事物的未知會造成對圖標表意的理解缺失。新的瀏覽器圖標外輪廓仍然保持了圓形（映射地球），中心的M意在強調魅族品牌，圓環(huán)則表示載入進度，我們通過這種方式來讓用戶在數年間成功建立了映射關系，并以此維護用戶對“魅族瀏覽器”的認知。
在系統主界面的背景設計上，我們同樣盡可能為扁平化的圖標提供視覺景深。
所以我們并沒有試用傳統的實景圖片，實景圖片會對扁平的圖標造成視覺上的干擾，所以我們選擇用色彩的跨度去區(qū)分桌面與圖標之間的視覺景深，選用了更灰、更深的顏色，而圖標則選用更明快的色彩。通過明度、飽和度的區(qū)分，在視覺上可以更直接快速的分層。
如同保時捷的汽車一樣，在Flyme數年的進化中，我們保持了屬于Flyme的DNA，好的設計一定有可以恒久傳承下來的東西。
If you have something good，don’t change it，make it better.