2013-扁平化設計的一年

對於設計師來說,扁平化設計是一種實打實的設計風格,不要花招,不要粉飾。而扁平化時代之前,設計師的作品往往非常的寫實,非常的有立體感。從整體的角度來講,扁平化設計是一種極簡主義美學,附以明亮柔和的色彩,最後配上粗重醒目,而風格又復古的字體。扁平化設計簡化了諸如按鈕、圖標一類的界面元素,文章裡的素材都是設計石 Designrock篩選過的喔,品質有一定保證~

UI kits

通過UI套件,我們可以初步了解扁平化設計。
套件非常的節省時間——可以自由選擇套件中的元素,然後進行自己的實驗。大多數UI套件的格式是PSD,非常易於編輯。下面推薦的UI套件種類不一,從簡單免費的到復雜收費的,扁平化的UI套件可真是越來越多了;這裡我們提供了一個推薦列表。

在選擇UI套件時,不要對顏色太較真。大多數的套件都支持改變顏色主題,只需點擊幾下,就能全面修改,這樣就不用一個一個手動修改了。

Featherweight UI (free)

Featherweight UI簡約、支持視網膜(Retina),照片滾動箭頭、按鈕、簡單的圖標,什麼都有。大小適中,顏色復古。

featerweight

Polaris UI kit (free)

Polaris UI kit (free)由Designmodo出品,黑暗風格,包含了多種按鈕,有點Win8的風格。而且扁平之中帶點擬物風格。

Polaris

Flat UI kit ($19)

flat UI kit 圖標,表格,按鈕。元素搭配完美,色彩明亮,適用於簡約風格的手機界面設計。

ideation

Square UI (from $39)

Square UI 應用廣泛,種類齊全,用色非常規。可定制化。支持視網膜。

square

扁平化圖標

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

Freebie PSD — flat icons (free)

This simple download包含了一些圖形複雜的扁平化圖標。比大多數的扁平化設計更具細節和風格。但是僅支持PC下載。

freebie

12 flat SEO icons (free)

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

Flat-Seo

Free flat icon set (free)

This small icon set用色非常的樸素,對比也比較低的一套圖標。

free-gray

Flat icons freebie (free)

Flat icons freebie (free)這套圖標出來之前,扁平化設計中很少採用圓角 ( 這種圓角給人娃娃臉效應的感覺 )。

Flat-Seevi

其他扁平化資源

 

E-comerce flat web elements (free)

電商網站中,扁平化設計並不多,因此 this kit提供了一些簡單的元素,來填補這份空白,此套素材特別可愛。

ecommerce

Flat credit cards (free)

credit card icons 在設計的時候要考慮到一切細節,小小的信用卡,在網上支付時非常重要。

credit-cards

Friends list UI (free)

整潔有序的列表,  this UI PSD,為iPhone界面設計,使用了常用的珊瑚色,以及無襯線字體。

freinds

 

Radial graph (free)

圖表和曲線圖大概是扁平化設計中最難以把握的元素了,讓radial graph PSD教你吧。

radial-graph

Flat design flyer template ($6)

Flat Design Flyer Template 能夠將你的網站包裝成適合打印的外觀,CMYK防溢色。

flat-flyer

 

 

WordPress主題

WordPress主題能夠幫助網站迅速的實現風格化,而為建站者節省了大量的時間。一般來說,好的主題都要付費,現在有很多設計師在從事WordPress主題設計,如果作品確實好,付費吧。
不過如果是新手,免費主題也是個不錯的選擇,使用免費主題建站很簡單,也很有意思。如果需求更進一步,對於選項、靈活度、支持要求更好,這時候可以考慮下付費版了。

Flat ($39)

Flat 柔和色色彩,而不是明亮,這使得這套主題很有個性。

flat

Glider ($45)

Glider 能幫你解決圖標問題。 960套適量圖標,支持多語言。

glider

Hexagonal ($40)

almost flat theme 似扁平化设计主题,极简主义,看起来非常的专业。响应式设计,提供多种布局选择。

hexagonal

Red Star ($45)

The theme 可關閉的響應式設計,模版頁很不錯。

redstar

Lambo ($45)

Lambo 作為攝影主題,非常強調字體和色彩。簡單的字體和亮彩給予了一種扁平化風格的感覺。

lambo

 

 

模板

iLevel Bootstrap template ($15)

iLevel Bootstrap template ($15)關鍵詞:響應式設計,扁平化風格,長投影設計。框架基於Twitter Bootstrap,30多個頁面,4中可選擇的配色方案。包含了一些非常實用的扁平化圖標,插圖和媒體插件。

ilevel

廣告

發表迴響

在下方填入你的資料或按右方圖示以社群網站登入:

WordPress.com Logo

您的留言將使用 WordPress.com 帳號。 登出 / 變更 )

Twitter picture

您的留言將使用 Twitter 帳號。 登出 / 變更 )

Facebook照片

您的留言將使用 Facebook 帳號。 登出 / 變更 )

Google+ photo

您的留言將使用 Google+ 帳號。 登出 / 變更 )

連結到 %s