亚洲av无码成人专区片在线观看,亚洲av岛国动作片在线观看,少妇,喷水,亚洲av成人无遮挡网站在线观看,天堂网www资源在线

恭喜你成為UI中國推薦設(shè)計師 (詳情)
//百度統(tǒng)計 20220402 uicn

您的意見是我們 UI 中國進步的動力!
點擊立即反饋按鈕,發(fā)表您的意見!
立即反饋
QQ群反饋
您也可以加入UI中國官方反饋群進行反饋!
群號:302892100
備注:反饋問題后@管理員能讓我們及時了解您的意見

提交需求

賽事與廣告咨詢合作,請?zhí)顚懶枨蟊韱危覀儠诘谝粫r間與您聯(lián)系!

0/20
0/200

設(shè)計大賽

  • 設(shè)計大賽
  • 發(fā)布廣告
  • 發(fā)布招聘
  • 其它需求

提交完成
感謝您對UI中國的支持和信賴!
MIUI 設(shè)計主管:MIUI 6 是怎么誕生的?
0.0°
2014-08-26 原創(chuàng)文章 人物訪談 原作者: 原作者 舉報 6603 27 21 5

任恬,小米公司

MIUI 設(shè)計負責人


我是數(shù)學系畢業(yè)的!

當我給任何人說這件事,大家都會很奇怪地看我,問我為啥要做設(shè)計。原因其實很簡單, 喜歡設(shè)計就自學入行了——在此之前,搞數(shù)學搞得我頭發(fā)都快掉光了。

MIUI 6 中有大量的針對簡幾何圖形的應用,有大量的動畫效果,支撐它們的是很多嚴謹?shù)臄?shù)學構(gòu)圖關(guān)系和動效函數(shù),在這里我的數(shù)學訓練派上了用場,算是學以致用了。我們所有動效的緩動模型都基于統(tǒng)一的公式:減速的統(tǒng)一,加速的統(tǒng)一,回彈的統(tǒng)一等等。

減速的公式就是我們給發(fā)布會預熱時放在微博讓大家猜的那個。動效是一個系統(tǒng)的肢體語言,在系統(tǒng)中的重要性非常高。想象下一個人跟你交流時,他所有的動作都是瞬間、整齊劃一地完成的,該有多么嚇人!

正如我們在 MIUI 6 發(fā)布會所說,這些動效并非為了做而做,它們是為了串聯(lián)、引導內(nèi)容的切換。MIUI 6 是為內(nèi)容而設(shè)計,我們一直緊扣著這個核心。琢磨這些動效公式還真是費了不少腦子,有時候為了一些調(diào)優(yōu)幾乎是絞盡腦汁。好在 MIUI 6 發(fā)布后看起來反響還不錯,不求朋友們“奔跑著歌頌”,至少我可以頗有信心地微笑著跟朋友說,“這個你感受下?”

MIUI 6 應該是我們第一次在發(fā)布時明確提出設(shè)計理念的大版本更新,我們試圖更加聚焦在內(nèi)容核心,讓大家的使用體驗更“輕快”點。不過,MIUI 6 不是從石頭縫里冒出來的,很多特質(zhì)其實是從四年前 MIUI 起步時就開始傳承至今了。

MIUI 6 的傳承基礎(chǔ)

時間推回到四年前的夏天,MIUI 在 2010 年 5 月剛剛開始立項開發(fā)。

四年前,我們一開始就下定決心一定要把針對中國人使用習慣的電話、短信、聯(lián)系人做好。在做第一版 MIUI 的時候我們想了很多原創(chuàng)的點子,這些創(chuàng)意基本都一直逐漸完善并保留到了最新的 MIUI 6。 比如通知欄開關(guān)、群發(fā)短信稱呼、來電響鈴一次手機不發(fā)聲等功能。這樣創(chuàng)新的小功能點隨著 MIUI 版本的迭代也越來越多,四年來 MIUI 大大小小的創(chuàng)新功能已經(jīng)超過了 1000 多項。


MIUI 的第一版和第二版算是憑著大家的意識從功能點做起,從 MIUI V3 開始的時候我們開始在思考該如何設(shè)計一個有整體感的龐大的手機操作系統(tǒng)。大家要知道設(shè)計一個系統(tǒng)其實是很難的,大大小小 40 來個原生應用,要讓這么多的應用都長的像一家人,和諧存在于手機中,是一件接近于登天的事情。而且這些應用還需要有各自的特征。在 V4 設(shè)計接近完成的時候,我們下定決心開始準備設(shè)計新一代 MIUI,就是 MIUI V5。那是 2012 年 7 月,北京正值盛夏。


當年的主流風格仍然是擬物化設(shè)計,全世界的設(shè)計師都在想盡辦法把系統(tǒng)做得更炫酷、更強烈的質(zhì)感,但我們有了些新想法——中國的移動互聯(lián)網(wǎng)已經(jīng)發(fā)展得比較成熟了,手機已經(jīng)成為人們?nèi)粘+@取信息的一個最主要的通道,人們對智能設(shè)備的理解過了“掃盲期”,不再需要依靠全盤高度擬物化來輔助認知。

我們當時就已經(jīng)感覺到其實大眾最關(guān)心的其實不是界面長啥樣,而是獲取信息本身,所有的界面設(shè)計應該都是為了更好地去排布、襯托這些信息。我們需要設(shè)計一個耐看,耐用的系統(tǒng),一個用戶長時間使用都不會膩的系統(tǒng)!

在 MIUI V5 里,我們?nèi)サ袅酥敖^大多數(shù)的裝飾化設(shè)計,只保留了基本形狀、一些漸變、簡單的按鈕。我們花了非常多的時間在內(nèi)容的排版布局,字體的設(shè)計上。力求讓這些內(nèi)容更簡單直接的傳達到用戶的眼中。我們抽象出了 4 種頁面結(jié)構(gòu),加入了大量的動畫來銜接內(nèi)容之間的轉(zhuǎn)換和流動,我們拋棄了擬物化的桌面圖標,采用了更有識別性的簡潔寫意的桌面圖標。我們大膽運用了更鮮明的色彩來烘托內(nèi)容的環(huán)境感,以求在整個系統(tǒng)中求同存異。

記得那會兒設(shè)計師們說得最多的就是,“再干凈點”,“沒對齊”,“看起來太擠了,留白不夠”……現(xiàn)在來看 MIUI V5 的全局控件和基礎(chǔ)架構(gòu)仍然是非常地合理,精致,干凈,其中不少特性被 MIUI 6 繼承并強化。

就是那時候,我們在手機業(yè)內(nèi)率先加入了界面中的毛玻璃模糊效果。我們的設(shè)計師們非常喜歡攝影,大家也經(jīng)常拍一些微距照片,這個模糊效果的靈感來源就是這些平實的生活記錄——因為鏡頭有景深,自然就帶來了近處清楚、遠處模糊的效果。我們很自然的將這個效果用在了 MIUI V5 的桌面文件夾打開的效果中。

MIUI V5 仍然是一個帶有裝飾性的系統(tǒng),而且這種裝飾性在工具類應用中表現(xiàn)的尤為突出?,F(xiàn)在回過頭來看,V5 是一個在擬物化和平面化之間兼顧平衡的版本,它的價值更多體現(xiàn)在高完成度地實現(xiàn)了系統(tǒng)設(shè)計風格統(tǒng)一性的嘗試。不過在那個時候,這樣的設(shè)計已經(jīng)非常超前了,發(fā)布后用戶反饋得好評熱度也是持續(xù)走高。

讓內(nèi)容更純粹

2013 年 4 月,MIUI V5 正式發(fā)布,開始進入絕大多數(shù)小米手機。當月,我們就啟動了 MIUI 6 項目。這一回,我們決定把 MIUI V5 中的內(nèi)容萃取傾向做到極致,并且在平面化的設(shè)計中做出我們自己的特色——空間感。我們追求的是:你的手機就是你個人的信息獲取和處理的平臺,你所觀察到的只是信息的流動。

我們的初心已經(jīng)在 MIUI 6 發(fā)布的一年多前就明確了,并且我們已經(jīng)朝著這個方向邁進了一大步(MIUI V5),現(xiàn)在要做的就是再梳理,再做減法!這對所有的設(shè)計師都是一個非常大的挑戰(zhàn),因為設(shè)計師們所擅長的表現(xiàn)手法在這里需要盡數(shù)收起,我們需要的是扎實的內(nèi)容排版基本功。

圍繞著“以內(nèi)容為中心”這個終極設(shè)計理念,我們決定還是從“老三樣”(電話、短信、聯(lián)系人,簡稱 CSP)下手,一切裝飾的設(shè)計都徹底為內(nèi)容讓步!我們合并了狀態(tài)欄和標簽欄,讓內(nèi)容列表區(qū)域除了必需的分割線外沒有任何雜質(zhì),甚至底下的操作按鈕都盡可能的不打擾。

這樣的做法放在”老三樣”里面能走通,但我們在設(shè)計媒體類應用的時候就發(fā)現(xiàn)了一個問題——媒體類應用本身需要突出媒體內(nèi)容的調(diào)性,基礎(chǔ)工具類應用的風格是套不進去的,而且我們也不希望整個系統(tǒng)全是一片白。這時色彩的運用就顯得尤其重要。媒體類應用所有的色彩都來自于內(nèi)容本身,將內(nèi)容自身色彩進行簡單處理后來當做背景來襯托。這樣,媒體類應用得到了更強的沉浸感,也不會對用戶產(chǎn)生干擾。

在 MIUI 6 中最難做的是桌面圖標,因為 V5 的圖標已經(jīng)足夠簡化了,我們?nèi)匀辉囍ゾ喐鞣N漸變、高光等細節(jié)。MIUI 6 最終留下的都是足夠有識別性的形狀和顏色。此外,備受好評的動效我們在 MIUI 6 也做了充分的保留。


有一位朋友跟我說,看完 MIUI 6 之后,他感觸最深的是強烈的秩序感。安卓系統(tǒng)陣營曾經(jīng)較為混亂,現(xiàn)在 MIUI 6 的視覺效果、內(nèi)容展現(xiàn)變得層次鮮明、輕快有序起來。這算是對我們很高的褒獎。

大家可以猜到,按照慣例,從現(xiàn)在起,我們的設(shè)計師團隊在繼續(xù)完善 MIUI 6 的同時,也將馬上開始 MIUI 下一個大版本的前瞻籌劃了。智能設(shè)備的視覺、交互體驗的進化是沒有終點的征途,我和我的同事也想在星辰與大海之間不斷迎接并完成更讓人興奮的挑戰(zhàn)。

我相信,持續(xù)傳承、不斷進化的 MIUI 值得大家期待。


附:MIUI設(shè)計團隊

更新:2014-08-26

收藏

27人已收藏

佳作分享

不定期分享優(yōu)秀的作品,讓你們知道什么叫好的作品!

  • 438

    作品

  • 8079

    粉絲

  • 1

    關(guān)注

  • 設(shè)計視野很重要,可是該如何開拓?
  • 產(chǎn)品思維:UX設(shè)計的下一個突破口?
  • 如何利用動畫效果來提升用戶體驗
  • 設(shè)計師才不管新美國總統(tǒng),"黑"川普沒商量

    猜你喜歡

      2014-08-26 原創(chuàng)文章 人物訪談 原作者: 原作者 舉報 6603 27 21 5

      MIUI 設(shè)計主管:MIUI 6 是怎么誕生的?

      0.0°

      你確定要舉報MIUI 設(shè)計主管:MIUI 6 是怎么誕生的?

      如果查出惡意舉報,十天內(nèi)禁止提交任何舉報申請。

      0/200

      上傳證據(jù): 超過10M的附件請使用網(wǎng)盤地址

      點擊上傳附件

      對誰可見:

      全部設(shè)計師
      • 全部設(shè)計師
      • 推薦設(shè)計師和認證設(shè)計師

      您確認要推薦?

      該作品發(fā)布時間:2014年08月26日

      評分

      完整度

      啟發(fā)性

      勤奮性

      排版布局

      推薦心得

      建議20-200字以內(nèi)

      0/200

      21
      27
      5

      賬號或密碼錯誤,請重新輸入

      賬號或密碼錯誤,請重新輸入

      登錄

      手機號

      發(fā)送驗證碼 120s 驗證碼錯誤

      登錄
      第三方賬號登錄