讓界面扁平化不如讓信息層級扁平

作者：天晴創藝發布時間：11/25/2018 10:46:06 AM瀏覽次數：11437文章出處：北京網站建設公司

讓界面扁平不如讓信息層級扁平
當下UI設計的扁平化浪潮可謂如日中天，從微軟的Windows8開始，還有后來Google的Android，到現在的蘋果iPhone的iOS，都采用了扁平化的設計理念。可是，你真的理解什么是扁平化嗎？這不禁要畫上一個大大的問號。
在開篇之前，我先來賣個關子：我更喜歡擬物化的界面風格，和扁平化的設計思想。（請揣摩這句話）

很多人眼中的扁平化UI設計就是：界面被設計成扁的平的，并且無立體感的。僅僅是這些嗎？有這些就夠了嗎？

扁平化01

如果UI界面使用了擬物化的風格，那么意味著人們對產品使用的學習成本大大降低，老少皆會用，因為界面看起來跟生活實物一模一樣，看到界面中擬物風格的按鈕，你一定會有按下去的欲望。如果是“扁平”的按鈕呢？抱歉，你一定會聽到很多抱怨：啊，原來這個還能點？？？

在繼續閱讀本文之前，請先欣賞一張擬物風格的UI設計圖：

扁平化02

這個界面很明顯是用戶在注冊時會見到的，左側有一個信封樣子的輸入框，并且右側有一個“注冊”的按鈕，當你輸完郵箱賬號并點擊注冊以后，你會發現，這信封被塞了進去，塞到哪里去呢？一定是網站當中了，而且注冊完又馬上顯示Hello,Alex))以表示對用戶的歡迎。
不得不對這種設計感到贊嘆，實在太精妙了，看到這個信封被投了進去，讓人有一種被接受了的愉悅感，讓人感覺到非常的自然，非常的舒適，馬上就對這個網站產生好感。

不是每個人都有豐富的電子產品的使用經歷，所以，缺乏這些經歷的人初次使用該產品的時候，就會更傾向于點擊那些擬物化的按鈕，因為，人生來如此，用手“按” 得如此自然，如此舒心；而“扁平”的按鈕則會讓那些沒有電子產品使用經歷的老人或者兒童感到迷惑，這個能按嗎？啊！原來這個還真能按！或許對于我們這些電子產品熟客來說，這個按鈕可以點已經是常識之中的事了，但是過度扁平的界面會讓人感到疑惑，增加人的反應時間。因此，擬物化圖標設計勢在必行。

扁平化03

那么扁平化呢？我們應該拋棄嗎？請注意，在之前一段當中，我沒有用到“扁平化”這三個字，而是用“扁平”二字代替。這有什么區別嗎？……有的！“扁平”二字特指的是視覺上圖標或者界面的扁平，像在張白紙上做設計一樣，沒有任何的立體感；而“扁平化”這三個字呢？這正是今天要講的主題：扁平化是一種內在的設計思想。

扁平化04

扁平化思想是一種讓設計者在界面設計過程中減少信息層級的思想。
什么是減少信息層級？

相信有用過智能手機的用戶都知道，手機中每天都要用到的應用有：天氣、時鐘、日期信息、電池電量等。在不考慮桌面小部件的前提下，你是否有想過，為什么我想看個天氣必須點開這個圖標以后才能看得到；為什么我想看下今天是幾號星期幾還必須點開那個應用才行？像這樣的抱怨不在少數，看個電池電量的具體數值（百分比）為什么還要進入應用以后才能看到，為什么不能直接顯示在圖標上？我認為，圖標不僅僅是應用程序本身的入口，更是一個信息的載體，這點Windows8的磁貼做得很好。

扁平化05

怎么減少信息層級？
直接把天氣、時間、日期、電量等信息直接顯示在圖標上就是一種減少信息層級的方式，表面上這種做法是減輕用戶的工作量，實質上這是對用戶的一種關懷，而用戶是能夠感受到這種關懷的。進而用戶給設計者帶來的回報是：用戶把這款產品推薦給更多的人，好的用戶體驗口口相傳，最終你的用戶會越來越多，從而你的收入也會越來越多。
以上這個例子僅僅是減少信息層級的一種體現而已，其實還有更多。

如Windows8中的磁貼，它直接將所需展示的信息直接顯示在磁貼上，這樣我們可以不用點進去就可以看到一些重要的信息。

扁平化06

今后的UI設計方向將會更傾向于一種擬物化與扁平化相結合的設計風格。從外觀上看，界面是擬物的，但是實際使用中可以感受到信息層級的減少，以及化繁為簡帶來的愉悅感。
前幾年蘋果iOS的擬物設計風格，在業界引起軒然大波，各家紛紛效仿，于是有了當時擬物化的電子世界；而最近幾年，微軟Windows8扁平化的設計風格，亦在業界引起不小的波動，Android甚至iOS都開始效仿，于是有了現在扁平的界面風格；而在將來，亦不是擬物化的UI獨霸天下，也不是扁平化的界面稱霸武林，而是一種擬物化風格與扁平化思想相結合的UI設計笑傲江湖。

總而言之，擬物化有擬物化的優點，扁平化有扁平化的長處，只有兩者相結合，才能使易用性與簡潔性得到更好的體現。

文章來源：北京網站建設公司

文章標題：讓界面扁平化不如讓信息層級扁平

文本地址：http://m.yoyoenglish.cn/info_448.html

【收藏本頁】【打印】【關閉】

本文章Word文檔下載：讓界面扁平化不如讓信息層級扁平