<em id="09ttv"></em>
    <sup id="09ttv"><pre id="09ttv"></pre></sup>
    <dd id="09ttv"></dd>

        • UI設計里,讓界面扁平不如讓信息層級扁平

          2014-6-10    藍藍設計的小編

          轉載藍藍設計(   m.sdgs6788.com  )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供有效的   BS界面設計 、 cs界面設計 、  ipad界面設計   、  包裝設計 、  圖標定制 、  用戶體驗 、交互設計、   網站建設 平面設計服務

          來源:http://www.cssn.cn/ysx/ysx_sjx/201310/t20131026_611976.shtmll

          如果您想訂閱本博客內容,每天自動發到您的郵箱中,   請點這里

          當下 UI 設計的扁平化浪潮可謂如日中天,從微軟的 Windows 8 開始,還有后來 Google 的 Android,到現在的蘋果 iPhone 的  iOS,都采用了扁平化的設計理念??墒牵阏娴睦斫馐裁词潜馄交瘑??這不禁要畫上一個大大的問號。



          在開篇之前,我先來賣個關子:我更喜歡擬物化的界面風格,和扁平化的設計思想。


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



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


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



          這個界面很明顯是用戶在注冊時會見到的,左側有一個信封樣子的輸入框,并且右側有一個“注冊”的按鈕,當你輸完郵箱賬號并點擊注冊以后,你會發現,這信封被塞了進去,塞到哪里去呢?一定是網站當中了,而且注冊完又馬上顯示 Hello, Alex )) 以表示對用戶的歡迎。


          不得不對這種設計感到贊嘆,實在太精妙了,看到這個信封被投了進去,讓人有一種被接受了的愉悅感,讓人感覺到非常的自然,非常的舒適,馬上就對這個網站產生好感。


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



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


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



          什么是減少信息層級?


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



          怎么減少信息層級?


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


          以上這個例子僅僅是減少信息層級的一種體現而已,其實還有更多。


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



          今后的 UI 設計方向將會更傾向于一種擬物化與扁平化相結合的設計風格。從外觀上看,界面是擬物的,但是實際使用中可以感受到信息層級的減少,以及化繁為簡帶來的愉悅感。


          前幾年蘋果  iOS 的擬物設計風格,在業界引起軒然大波,各家紛紛效仿,于是有了當時擬物化的電子世界;而最近幾年,微軟 Windows 8 扁平化的設計風格,亦在業界引起不小的波動,Android 甚至 iOS 都開始效仿,于是有了現在扁平的界面風格;而在將來,亦不是擬物化的 UI 獨霸天下,也不是扁平化的界面稱霸武林,而是一種擬物化風格與扁平化思想相結合的 UI 設計笑傲江湖。



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

          日歷

          鏈接

          個人資料

          藍藍設計的小編 http://m.sdgs6788.com

          存檔

          久久久久久免费一区二区三区| 久久国产精品偷99| 熟妇人妻久久中文字幕| 久久亚洲春色中文字幕久久久 | 久久99国产精品成人欧美| 免费一级做a爰片久久毛片潮| 无码人妻精品一区二区三区久久久 | 亚洲一区二区三区日本久久九| 99久久精品国产一区二区三区| 久久国产精品偷99| 久久99精品久久久久久动态图| 久久久久久噜噜精品免费直播 | 国产精品久久影院| 久久精品国产欧美日韩99热| MM131亚洲国产美女久久| 日韩影院久久| 日本一区精品久久久久影院| 无码人妻久久一区二区三区| 亚洲欧洲中文日韩久久AV乱码| 国内精品久久国产大陆| 色欲av伊人久久大香线蕉影院| 欧美激情精品久久久久久久| 99久久国产亚洲高清观看2024 | 九九久久精品无码专区| 久久精品成人免费网站| 三上悠亚久久精品| 丁香色欲久久久久久综合网| 久久性精品| 美女久久久久久| 久久人人爽人人爽人人片AV东京热| 色综合久久88色综合天天| 久久精品国内一区二区三区| 久久亚洲精精品中文字幕| 久久久久免费看成人影片| 久久久亚洲欧洲日产国码二区 | 色婷婷噜噜久久国产精品12p| 国产成人无码精品久久久久免费 | 亚洲?V乱码久久精品蜜桃| 青青草原综合久久大伊人导航| 久久国产影院| 国产69精品久久久久观看软件 |