什么是扁平化設計？

簡單的說就是拋棄那些已經流行多年的漸變、陰影、高光等擬真視覺效果，使用一些簡單的純色塊，從而打造出一種看上去更“平”的界面設計。扁平風格的一個優勢就在于它可以更加簡單直接的將信息和事物的工作方式展示出來，減少認知障礙的產生。

下面是列舉一些國外網站的例子：

Squarespace

新版的Squarespace幾乎完全采用了扁平化的視覺風格，只在一些細節當中使用了相對傳統的方式突出了重要的交互元素。試用一下你就會發現，其實他們的產品在功能邏輯上還是蠻復雜的，但這一切都隱含在簡約直白的界面背后，你真的可以從中隱約感受到其設計團隊付出的心血。

Facebook

Facebook是扁平化界面設計的絕佳案例。除了幾個主要的動作按鈕當中使用了輕微的斜面效果以外，其他界面元素全部采用扁平風格。鑒于他們多年來在這方面一直保持著這樣的特色，至少我們可以說這種設計風格對于Facebook來說是完全適用的。

扁平化設計是指舍棄漸變、陰影、高光等擬物化的視覺效果，從而打造出一種看上去更加平面的界面設計風格。扁平化的網頁設計更適合用于需要同時支持多種屏幕尺寸的響應式設計技術中。今天，我給大家帶來35套用于扁平化設計的圖標設計和網頁設計元素，記得分享和推薦??！

Flat Free UI Kit

我要下載

Apple devices – Flat icons (PSD)

我要下載

Mobile Flagships with PSD

一個好的logo可以即刻為您的品牌增加價值，但是往往我們創建一個logo的時候，需要通過桌面程序譬如Photoshop制作很久，你知道的，我們經常遇到很多需要“幫個忙”的朋友。似乎本來就頭痛的工作，一下子就雪上加霜了。特別是你不懂LOGO設計，甚至從來都沒有設計過LOGO的時候，這更是會另你消耗掉大量的時間。

是的！還不一定討好！

那么這里的7個網站再適合你不過了，甚至你可以直接甩給您的朋友，讓他自己去玩玩。
和ps的繁瑣操作比起來，他們是如此的截然不同，這些可愛便捷的web應用程序是那么的易于使用，而且庫存了很多供您挑選改造的小玩意。
那么，不如去嘗試看看吧！

1、LogoEase

LogoEase是一個免費使用的網站,可以讓你輕松創建logo。

2、LogoMaker

和LogoEase,LogoMaker一樣，是另外一個web服務站點，它允許您創建和下載logo。該網站可以讓你選擇一個logo的類別，定制個性圖標，當然也包括文本和顏色。

每個苦逼的設計師都總有那么幾天找不到任何靈感，這時像這些靈感補給站可就大顯神通了?？晌§`感的logo展示網站還是有很多的，而且它們通常都會以熱門程度排列logo，所以你可以看到哪些logo是最熱門的，以及它們受歡迎的原因。有時射雞師們還把設計logo的設計流程加上去，讓我們得以一窺他們在背后究竟是如何付出的。言歸正傳，咱找到了23個logo網站，包括展示型網站、作品集網站和幾個為你能成為專業logo設計師而傾盡全力的博客?？凸僬埪脋

1. LogoBlog

從用戶視角提供公正可靠且獨立的評論和建議。哦對了，那兒還有個美國本土跟全球其他地方兩手抓的logo設計公司名錄吶。

2. E Logo Design

其實吧，這不完全算是個展示性的網站，不過在Logo界大拿Vukan Karadzic的帶領下，這個小組的作品集自然不可錯過。

本文作者Mark Praschan是一位具有將近十年經驗的網頁設計師，Web開發師，Web項目經理人。 文中強調復雜的高級效果能為設計增色不少，但如果用得不對，只會影響用戶對重點內容的關注。高級效果可能正好是一項好的設計的沖擊力所在，但即便如此，也還是需要一些更簡單的效果與其配合。

　　簡單的效果和技巧是建造當今設計的基石。比方說，如果你都不知道如何正確選擇顏色和文字效果，燦爛的 星光效果又能有什么用?

　　本著“少就是多”的理念，通過十個簡單好用的設計技巧 ，就足以大大提升你設計的專業性和感染力。基礎先行。 學會走之前要先學會爬，讓我們從最基礎的簡單有效設計的概念開始。

基礎先行。 學會走之前要先學會爬，讓我們從最基礎的簡單有效設計的概念開始。

1. 增加對比

很可惜，添加額外的對比是最被忽視和棄用的技巧之一。

Joost de Valk 采用了細的高對比度邊線，讓訪客能更容易區分頁面的不同區域。在上圖中放大了的部分，你可以看到，大多數時候這種對比只是一條1像素的高亮線挨著1像素的暗線。

話說回來，這個頁面上的“More”和“Go”按鈕與周圍的對比度太小，即使你刻意在找也很容易被忽略掉。

WordPress 為頁面中的鏈接 “Download(下載)” 使用了對比色。 這種紅色在冷灰色調的頁面中自己跳了出來。但這紅色在明度方面有所收斂，避免了影響頁面整體效果。

如果你對于該不該使用對比猶豫不決，就把這一決定過程當做是化妝。你要做的不是讓人們大吼“看吶，對比色！”，你需要的是自然而然的吸引他們注意頁面中重要的內容，高亮出已經存在的重點。

2.漸變

技術的發展為所有想使用漸變的人提供了各種創造漸變的工具。但漸變真的很好么？

一個網站的管理員在管理網站和它的內容上起著至關重要的作用，但是呢，如果他沒有選擇好一個網站系統的話，那可能就會是一個定時炸彈。一個網站能否茁壯成長，有一個優秀的管理后臺那絕對是至關重要的。

擁有自己網站的童鞋們，這里有55個有商業版權的響應式后臺管理模板，你可以從中選取參考。仔細預覽或通過界面來觀察它們的特點。
當然，這些界面對設計師來講，特別是從事BS、CS界面設計的朋友，這些優秀的后臺界面肯定能激發你的創作靈感！

Boo Admin

Visit Source

Amsterdam

hardwear：想必多數同學曾經學習計算機就是從Word開始，其中一項重要的學習任務就是創建表格，如今在網絡頁面里表格隨處可見，尤其是商業產品里充滿了大量的數據，要沒有這些表格估計看內容得吐血…… 表格形形色色，默默無聞的呈現著數據，閱讀起來如何最為順暢，如何才能從表格里發掘出重要信息，有哪些可以對表格進行的操作，梳理一下以供參考。

在后臺界面，表格對數據的維護和體現是最常見的，那么也推薦您看看一組驚艷的后臺管理界面設計

1.行高是表格瀏覽時的重要參數

行高是表格非常重要的參數，行高間距直接影響著閱讀的體驗，有如同Omniture為了最大限度的放置數據內容，強化數據顯示效果而降低行高的情況，也有SugarCRM一樣的行高較高可以放置更多文本信息的表格。

很多設計師會采用一些生動可愛動物形象來設計一款logo，今天，小編為大家搜集了一些以動物為藍本的logo設計圖案，供大家學習鑒賞～～:)

推薦閱讀：
《還在為設計LOGO犯愁？來看看這10個LOGO資源站》
《佳作欣賞：以雞蛋為元素的LOGO設計》
《如何才是一個好的LOGO？》

iOS7采用了色彩新鮮的漸變效果，老實說，每個設計師都應該掌握這種最簡單的裝飾技巧。而且漸變效果千變萬化，好的漸變效果能夠成就一款設計，而糟糕的漸變效果會毀了一款設計。漸變效果的好壞取決于“色彩調整”以及“整個主題的搭配度”。除此之外，漸變效果還可以根據“流行色”來進行適度的調配。現在流行使用霓虹燈色彩般的漸變，讓人感覺光鮮可鑒，再加上纖細簡約的字體，線條簡練的圖標，整個界面將變得非常極簡且高雅。

今天我們要探討的可不是漸變，要探討的是移動界面設計中的漸變。我們來一起學習、感受一下現今移動界面設計中最流行的漸變吧。

推薦閱讀：
《一枚app圖標的設計文化》
《超贊！高大上的動效設計方法及流程總結》

一、漸變作為界面的背景

iOS7 Lockscreen by Michael Shanks
神秘、優雅、頗具吸引力、簡單、只包含必要信息，半透明的解鎖條讓我們感受到細膩的質感。

Sense by Tommy Borgen.

同樣大道至簡。整個漸變的色彩搭配很講究，中心略微模糊的圓圈中包含了清新的字體，流動的背景，純凈的像夢一般。

本帖收集了50套設計精美，并可設計師自行編輯的界面PSD源文件。內容大致包含banner切換，MP3/視頻播放器，日歷，表單（登錄，注冊，搜索…），進度條，提示框，按鈕，導航，面包屑等等…不管是應用在小需求還是大項目，相信都可為你帶來幫助。

Simple UI Elements

Apple Styled UI Elements

Grayness UI Kit