扁平化設計為印刷品、網頁和移動操作系統的設計帶來了新的變化。扁平化設計最核心的地方就是放棄一切裝飾效果，諸如陰影，透視，紋理，漸變等能做出3D效果的元素一概不用。所有元素的邊界都干凈利落，沒有任何羽化，漸變，或者陰影。

更少的按鈕和選項使得界面干凈整齊，使用起來格外方便?？梢詫⑿畔⒑褪挛锏墓ぷ鞣绞礁雍唵沃苯拥恼故境鰜?，減少認知障礙的產生。越來越多的公司正在效仿，比如下面這些：

Who Wanna

Very-Make

花了大量時間在網上搜集行業里高質量網頁設計的博客，不過話說回來，高質量可信的資源確實挺稀缺的。

CSS-Tricks

CSS-Tricks是Chris Coyier公眾博客，專門講一些有關CSS的話題。不過近幾年來，CSS-Tricks有了下面一些擴展：

Chris和Dave Rupert一起創造了ShopTalk 播客，在里面可以討論所以有關網頁設計和開發的事情。
Chris 出過幾本書，做了一個 Lynda.com的Wordpress主題課程，并且他還創建了一個The Lodge的課程教人們學習如何制作一個頗具現代感的網站。
超多很酷的項目，像 CodePen，HTML-Ipsum， Quotes on Design 。Chris真是個超有想法的人。

CSS-Tricks 是 Chris Coyier 2007年建立的，總部在美國懷俄明州的密爾沃基，至今網站月頁面訪問量達270萬。

網站亮點（這個網站的獨特之處是什么？）：

名人效應——Chris Coyier 是這么網站的精神領袖，他的個人風格貫穿于項目始終，是眾多設計師的楷模。向他學習，同他一同去冒險吧！

現在扁平化風格在網頁設計方面已經有許多優秀的范例了，比如這22個超贊的扁平化設計經典案例就有很多我們可以借鑒學習的地方。但是移動端的界面設計扁平化風格較少，所以今天從Behance和Dribbble收集的這一組移動端的扁平化設計就該好好看看咯，學習一下它們優秀的細節和配色吧 : ）

如果你對扁平化風格的網站更有興趣，那么推薦閱讀：
一組賦予你扁平化配色靈感的網頁設計
怒贊！2013扁平化設計終極指南
專屬扁平化設計的PS色板（配色庫）

uiGo Colors – iOS Flat UI Bundle

我們一起來看一下吧，本文收集了50款專屬設計師的精華資源包，分別有圖標、主題、UI套件、插件、網頁模版、字體等等，一網打盡、一應俱全，萬里挑一！實屬優設哥獻給您的千金難換的干貨喲！

10月收尾，11月馬上來臨，到了該總結經驗整理思路的時候了。各位設計師對本月工作滿意嗎？嗯，沒關系，不管好還是壞，11月份，我們重整旗鼓，繼續前進。

大家都知道，如果有素材和工具的支持，工作起來得心應手，趕緊來挑選適合你的神兵利器吧：）

Flatic

大型UI套件，涵蓋百余種UI元素。

Gamecenter Pack

互聯網最偉大的精神在于分享，我們喜歡探索、喜歡發現，務求將最好的資源呈遞給所有設計愛好者。
相信這里面你大多數都還沒見過呢！
50個免費資源：包括了圖標、字體、PSD、矢量圖、圖案、UI套件、調試工具等等。
琳瑯滿目！亂花漸欲迷人眼，請您精挑細選，選擇最合適自己的素材，讓你的設計項目變得更漂亮、更專業。

OOcharts

設計師們還沒更新模板嗎？這是優設10月份搜尋的UI模板，總共有27款，大多數為扁平化設計，都是免費且的，希望這些收集能給你正在進行的項目一點幫助 : ）

同樣精心收集，希望對你有幫助 : ）
52款新鮮免費的優質界面PSD下載
50個超贊的免費設計師工具資源下載

Apple Product Line Wire Frame PSD by Rubayath

Chrome UI Kit v.2 by Todd Hamilton

我們在設計的時候，往往會微調一下顏色的明暗度，又或者去一些在線配色工具網站上準確調節明亮度，但這樣是比較麻煩的，這里設計達人網找到一個非常好用的Photoshop亮度調節腳本，使用的時候只需要按下Photoshop快捷鍵就能調整顏色的明與暗，節省了很多設計時間。

如何使用亮度調節腳本

首先在Photoshop工具欄的前景色面板上選擇需要的顏色，然后運行對應腳本來實現顏色的明暗變化。

曾經，CSS 畫廊非常流行，網頁設計師們會定期訪問這些網站獲取靈感。現在仍然可以方便迅速找到令人興奮的東西（例如 Dribbble 和 Behance 對設計有很大的幫助）。

對于移動應用程序設計，存在類似的畫廊，我相信他們會更加有用。這是因為如果不安裝移動應用程序，靈感更難獲得，也更需要時間和努力。這12個畫廊有很多漂亮的應用程序用戶界面，并進行了很好的分類。趕緊收藏吧！

優設好文：
強烈推薦！你應該到這里尋找網頁設計靈感

Creattica – Mobile Interface

Creattica 是一個靈感畫廊，展示最好的網站設計，標志設計，平面設計，攝影，作品。

Lovely UI

收集各種移動界面元素，啟動畫面，按鈕，導航，通知等等各種組件的設計。

@ 十萬個為什麼 ：蘋果的新iOS我們已經上手好幾周了，準備好為它而設計嗎？

如果你已經有一個運行于此平臺的App，你可能打算為新iOS而設計，或者在舊版上做一些必要調整，不論哪種，你都希望為新界面而設計，確保你的App與用戶在蘋果設備上的體驗相吻合。
那么如何做到這點？

扁平，更加扁平

蘋果的iOS7秉承著扁平的設計理念，盡管它不是完全的扁平化，那么就秉著”較扁平”來規劃設計你APP或移動站點。

所有的那些曾經輝煌的擬物化風格圖標與效果，一去不復返了。如今的潮流是單色塊、多色文字和大量留白，

蘋果為iOS7制訂的設計準則鼓勵簡潔設計與易用性。但是設計準則并沒有著重介紹我們即將討論的關于扁平化設計的規范。我們能在這些新設計的APP（包括蘋果自身樣式）中看出一些與扁平設計特征相違背的東西，

比如說顏色，iOS7包含了相當一部分柔和色調和半透明效果。扁平設計通常使用明亮、高對比度的顏色。
你所見到的按鍵和按鈕也沒有設計成扁平樣式。例如鍵盤，每個字母都包含在一個帶陰影效果的按鈕中。這些微妙的效果是新界面的顯著特征。

重視字體

藍藍設計其實在最早做設計的時候，就是設計銀行的客戶關系管理系統以及電商網站的后臺管理界面。

做那種界面的時候，和設計網頁的感覺不一樣。因為得考慮的不只是美觀，更多應該在操作體驗及視覺舒適度上下足功夫。

這種界面會成為管理員長時間駐留的地方，會有很多數據表格。如果我們的配色太鮮艷或者太暗沉，都會讓使用者遭受眼球上的磨難。

而且一些按鈕和操作焦點沒有做好區分和規范，那都會是致命的。

關于界面中的交互，這里藍藍設計送上前輩們留下的一句金句，非常經典，也很好記:

1、操作前可以預知；
2、操作中有反饋；
3、操作后可撤銷；

不管怎么樣，這三句話，你可以牢牢記住。這是只可意會不可言傳的。等到你鉆研達到一定程度了，自然就會明白咯。

而視覺方面的注意事項，其實大家都知道，依然是不要超過三個顏色。這點大家雖然都知道，可是在實際設計的過程中，會不知不覺的用多一些顏色出來，而且還潛意識說服自己：“這個加上也不錯，干脆就用上吧。”整套設計稿出來，全局觀察的時候，結果就有些混亂，干擾到數據的主視覺區域了。

好吧！今天就為大家帶來speckyboy上收集整理的一些dribbble上的精華作品。我相信，這些作品驚艷到你甚至臨摹不過來，不信可以試試喲：）

Device Dashboard