扁平化設計:扁平化UI套件推薦

來源:互聯網
上載者:User

文章描述:淺談扁平化設計—– keep it simple.

2013可以說是扁平化設計的一年。 扁平化時代之前,設計師的作品往往非常的寫實,非常的有立體感!但是現在即便是擬物設計的引領者蘋果,也不得不轉變設計思路,在iOS 7上開始著手扁平化設計的探索。

什麼是扁平化設計?

對於設計師來說,扁平化設計是一種實打實的設計風格,不要花招,不要粉飾。從整體的角度來講,扁平化設計是一種極簡主義美學,附以明亮柔和的色彩,最後配上粗重醒目,而風格又複古的字型。扁平化設計簡化了諸如按鈕、表徵圖一類的介面元素。

大圖片取代了動效。在極簡主義風格的設計中,設計師通常給予內容充足的空間以供傳達,這樣就能夠簡單、直接的講述內容。從扁平化設計中又衍生出幾個不同的小流派:”似扁平化設計”和”長投影設計”就是最近被反覆強調的兩個概念。


“似扁平化設計”(Almost Flat Design)是以扁平化設計為基礎,但是添加了一些簡單的效果,比如簡單的投影,基本的漸層。

“長投影設計”表徵圖設計中使用較多,一般是一道45度角的陰影從表徵圖中延伸而出,最近的表徵圖設計,大部分都採用”長投影設計”。

高效率應用扁平化UI套件(UI kits)

通過UI套件,我們可以初步瞭解扁平化設計。 套件非常的節省時間——可以自由選擇套件中的元素,然後進行自己的實驗。大多數UI套件的格式是PSD,非常易於編輯。

扁平化UI套件推薦

下面推薦的UI套件種類不一,從簡單免費的到複雜收費的,扁平化的UI套件可真是越來越多了。

簡約、支援視網膜(Retina),照片捲動箭號、按鈕、簡單的表徵圖,什麼都有。大小適中,顏色複古。

由Designmodo出品,黑暗風格,包含了多種按鈕和面板,有點Win8的風格。而且扁平之中帶點擬物風格。

包含了一些非常實用的基本元素,比如社交網路登入按鈕,菜單、媒體播放器,配色非常扁平化。

包含了從下拉式功能表到導航條再到社交分享工具在內的大量元素。

扁平化表徵圖推薦

扁平化設計的表徵圖無處不在,資源也非常豐富。 跟UI套件一樣,大多數的表徵圖採用PSD格式,這樣可以根據個人情況進行修改。 很多表徵圖的設計非常的具有專業性,專門為某類應用而設計。這種表徵圖,用來做按鈕也很合適。 當選擇表徵圖下載時,記得尺寸大小選擇要合適。有的是向量圖形,而有的放大時會損失品質。

用途廣泛,涵蓋了歐美幾乎所有流行的網站,並採用了長投影設計。通過用色和投影上的細微差別,達到了不同表徵圖之間的高辨識度。每種表徵圖有4種大小——32,64,128以及256。

非常棒的作品,跟SEO相關 的一些表徵圖,扁平化+長投影,對於一些機構來說非常合適。

多嘗試,你也能做好扁平化設計

作者:洪曄  原文連結:http://uxc.360.cn/archives/1430.htm



相關文章

Cloud Intelligence Leading the Digital Future

Alibaba Cloud ACtivate Online Conference, Nov. 20th & 21st, 2019 (UTC+08)

Register Now >

Starter Package

SSD Cloud server and data transfer for only $2.50 a month

Get Started >

Alibaba Cloud Free Trial

Learn and experience the power of Alibaba Cloud with a free trial worth $300-1200 USD

Learn more >

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。