用蘋(píng)果的方式挑戰(zhàn)蘋(píng)果,看看 MIUI 6 化繁為簡(jiǎn)的“糖果式”設(shè)計(jì)

1 評(píng)論 6846 瀏覽 0 收藏 8 分鐘

當(dāng)看到MIUI 6上邀請(qǐng)函的纖細(xì)字體時(shí),你或許會(huì)不由自主地想起蘋(píng)果在發(fā)布iOS 7時(shí)喬納森所主導(dǎo)的扁平的、色彩明快的設(shè)計(jì)風(fēng)格。小米的邀請(qǐng)函標(biāo)語(yǔ)是一句繞口雙關(guān)話(huà):“看起來(lái)好用起來(lái)好看”,加上現(xiàn)場(chǎng)濃郁色彩的海報(bào)和發(fā)放給媒體的糖果,其實(shí)已經(jīng)暗示了MIUI 6輕快的設(shè)計(jì)風(fēng)格——按MIUI負(fù)責(zé)人洪峰的說(shuō)法,“MIUI 6讓手機(jī)至少輕了10克”。

首次為系統(tǒng)升級(jí)作專(zhuān)場(chǎng)的發(fā)布會(huì),7000萬(wàn)的用戶(hù)規(guī)模,第7個(gè)1000萬(wàn)用戶(hù)只用了48天、全球28種語(yǔ)言、開(kāi)場(chǎng)視頻中來(lái)自來(lái)自馬來(lái)西亞、新加坡等數(shù)十個(gè)國(guó)家的祝福,分食蛋糕的場(chǎng)景,小米就像通行的發(fā)布會(huì)那樣,開(kāi)場(chǎng)就去毫不掩飾地展示自己的成就,與競(jìng)爭(zhēng)對(duì)手比拼調(diào)侃。

只不過(guò)這一次小米的比拼對(duì)象已經(jīng)不再是Android陣營(yíng),它的目標(biāo)是iPhone。他們不但在發(fā)布會(huì)上特意暗示蘋(píng)果iOS8發(fā)布會(huì)時(shí)使用了類(lèi)似MIUI V5那樣對(duì)齊喚醒的方案,還直接與iPhone用戶(hù)比較用戶(hù)使用時(shí)長(zhǎng),指出小米要高于iPhone……尤其在MIUI 6的用戶(hù)交互界面的設(shè)計(jì)方面,更是充滿(mǎn)了它的比較對(duì)象——蘋(píng)果的味道。

在現(xiàn)場(chǎng),主講人、現(xiàn)任MIUI負(fù)責(zé)人洪峰拋出了一個(gè)設(shè)問(wèn):“設(shè)計(jì)的本質(zhì)是什么?”,這讓時(shí)空似乎錯(cuò)亂到了挑挑揀揀地指出UI設(shè)計(jì)各種問(wèn)題的錘子手機(jī)發(fā)布會(huì)上。無(wú)論是小米,還是它的新對(duì)手錘子、老對(duì)手魅族,這些以往比拼硬件配置、跑分的手機(jī)硬件廠(chǎng)商都變成了藝術(shù)家,都希望用自認(rèn)為“美”的情懷去感染觀(guān)眾。洪峰對(duì)設(shè)計(jì)的觀(guān)點(diǎn)其實(shí)也并不新穎,在他看來(lái),設(shè)計(jì)最重要的部分是內(nèi)容,就像看到耳機(jī)代表音樂(lè)、看到溫度計(jì)代表溫度那樣,“MIUI設(shè)計(jì)便是去除所有妨礙內(nèi)容呈現(xiàn)的裝飾內(nèi)容,去更好地呈現(xiàn)內(nèi)容、處理內(nèi)容本身?!?/strong>而MIUI 6的界面中也普遍采用了更為扁平的風(fēng)格和明亮的色彩。

來(lái)看看MIUI 6中是如何體現(xiàn)洪峰對(duì)“設(shè)計(jì)”的理解的。比如,以往的指南針設(shè)計(jì)會(huì)強(qiáng)調(diào)指南針本身的真實(shí)感,但在使用時(shí)與真實(shí)場(chǎng)景結(jié)合時(shí)并不實(shí)用。MIUI 6中的指南針設(shè)計(jì),與真實(shí)相機(jī)中的場(chǎng)景相結(jié)合,在攝像頭看到實(shí)景的同時(shí),同時(shí)指示方向,類(lèi)似PingWest報(bào)道過(guò)的“隨便走”。同時(shí),指南針應(yīng)用還有水平儀的功能,來(lái)檢查東西是否掛得平齊。

在天氣應(yīng)用中,MIUI提取了代表天氣的象征物和色彩,直接通過(guò)深藍(lán)色的漸變,感知“下雨”這個(gè)內(nèi)容。天氣應(yīng)用進(jìn)一步模仿了真實(shí)的場(chǎng)景,在傾斜手機(jī),雨點(diǎn)會(huì)根據(jù)重力感應(yīng),方向也會(huì)隨之變化。

類(lèi)似的思路還體現(xiàn)在在短信部分,MIUI取消了原本手機(jī)頂欄黑白相間的明晰界限,而是統(tǒng)一為同一種白色,統(tǒng)一了標(biāo)簽欄;而在音樂(lè)應(yīng)用中,在切換歌手、專(zhuān)輯地時(shí)候,背景色會(huì)隨之相應(yīng)變化,用洪峰的話(huà)說(shuō),“這些圖標(biāo)的色彩,滲透到周邊的毛玻璃效果中”。

這種強(qiáng)調(diào)色彩的變化的設(shè)計(jì),也延續(xù)到應(yīng)用刪除的細(xì)節(jié)當(dāng)中:當(dāng)一個(gè)圖標(biāo)被刪除時(shí),會(huì)根據(jù)圖標(biāo)地色彩組成,圖標(biāo)會(huì)像禮花綻放一樣,變成彩色的碎屑。

我還注意到:小米也開(kāi)始標(biāo)榜UI設(shè)計(jì)背后的數(shù)理原理了,當(dāng)你按住Home鍵,底部升起的應(yīng)用軌跡,是根據(jù)統(tǒng)一的橢圓公式路徑升起的,類(lèi)似數(shù)理算法也被延續(xù)在了計(jì)時(shí)器之類(lèi)的應(yīng)用中。而MIUI的主設(shè)計(jì)師任恬恰好是學(xué)數(shù)學(xué)的。

如果說(shuō)上面這些體現(xiàn)的是新版MIUI對(duì)“體現(xiàn)內(nèi)容本身”的設(shè)計(jì)的理解,那么下面的改動(dòng)則是“去除所有妨礙內(nèi)容呈現(xiàn)的裝飾內(nèi)容”。

在MIUI 6中,所有應(yīng)用通知被分成重要的與不重要的,不重要的通知默認(rèn)會(huì)次優(yōu)先級(jí)顯示,在頂部只有一個(gè)類(lèi)似省略號(hào)的圖標(biāo),在鎖屏?xí)r內(nèi)容會(huì)被收起,只用數(shù)字表示重要通知的數(shù)量。它們?cè)邳c(diǎn)擊觸發(fā)時(shí)才會(huì)顯示,而不會(huì)影響鎖屏本身的美感。所有應(yīng)用的圖標(biāo)右上角的未讀信息數(shù)標(biāo)識(shí)直接與通知欄打通,如果你在通知欄一鍵清除了這些通知,所有應(yīng)用的角標(biāo)也會(huì)立馬消失。

照片功能也被簡(jiǎn)化了。在拍照的時(shí)候,在屏幕上向下劃會(huì)切換前后攝像頭的翻轉(zhuǎn),向右劃會(huì)調(diào)出濾鏡、左側(cè)劃出功能切換面板。

在接到電話(huà)時(shí),現(xiàn)在的手機(jī)的設(shè)計(jì)通常是出現(xiàn)全屏幕的接聽(tīng)通知,而MIUI 6則精簡(jiǎn)地只剩下了頂部的懸浮電話(huà)通知。關(guān)于這個(gè)設(shè)計(jì),洪峰在舞臺(tái)特意表演了懸浮通知的功能——在發(fā)布會(huì)現(xiàn)場(chǎng),洪峰收到了“老婆大人”的電話(huà),手機(jī)頂部出現(xiàn)了通知欄,“在這么重大會(huì)場(chǎng),接電話(huà)是不太合適的,但不接的話(huà),會(huì)是一個(gè)嚴(yán)重的政治問(wèn)題。這時(shí)候我通常會(huì)這么做(這時(shí)他在屏幕上稍微劃動(dòng),手機(jī)調(diào)整到了靜音狀態(tài)),這就是生活中的政治智慧,你們年輕人是不懂的”。

Smartisan OS使用了9*9應(yīng)用展示的方式去解決應(yīng)用整理問(wèn)題,在MIUI 6中是一種類(lèi)似“購(gòu)物車(chē)”的方式。在編輯模式下,你能把應(yīng)用線(xiàn)暫時(shí)放在底部上,根據(jù)需求,單個(gè)或成組地拖拽需要的圖標(biāo),拖拽至到手機(jī)的不同位置。

照例地,MIUI 6也在一些必備功能上進(jìn)行了增強(qiáng):小米云服務(wù)強(qiáng)調(diào)了在不同設(shè)備間的協(xié)同;內(nèi)存優(yōu)化、智能省電功能;“小米黃頁(yè)”整合了其他互聯(lián)網(wǎng)應(yīng)用的功能——整合迅雷服務(wù)P2P下載、獵豹的下載、殺毒清理內(nèi)存功能……等等。

小米宣布,MIUI V6將在8月16日進(jìn)行1000人內(nèi)測(cè),8月22日將擴(kuò)大到10000個(gè),9月初,MIUI V6開(kāi)發(fā)版開(kāi)放下載,10月份將進(jìn)行全線(xiàn)升級(jí)。2014年底,小米手機(jī)2/2S/2A、紅米以及紅米NOTE將進(jìn)行全線(xiàn)測(cè)試。

雷軍還想要通過(guò)MIUI 6揭掉國(guó)際市場(chǎng)給小米打上的“抄襲”標(biāo)簽。他最后在發(fā)布會(huì)后說(shuō):“我們不在乎是第一還是第二,我們的未來(lái)是星辰大海。在10月份或11月份,小米還要在美國(guó)開(kāi)一場(chǎng)發(fā)布會(huì)。在美國(guó)傳達(dá)我們的設(shè)計(jì),不要老被人說(shuō)成抄襲”。

更多精彩內(nèi)容,請(qǐng)關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號(hào)或下載App
評(píng)論
評(píng)論請(qǐng)登錄
  1. 目前還沒(méi)評(píng)論,等你發(fā)揮!