什么是扁平化設計？

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

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

Squarespace

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

Facebook

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

在網上瀏覽了一篇關于微博搜索尋找意向客戶的文章，這個思路很好，就通過產品或服務轉化率高的關鍵詞去篩選意向客戶。筆者與大家分享一下這個操作步驟是如何執行的，下面以新浪微博為例，騰訊微博操作基本上也是一樣的。

1、打開自己微博平臺，在搜索框中輸入你想要搜索的關鍵詞或者長尾關鍵詞。如搜索“我要發國際傳真”，如下圖：

2、在搜索結果頁中選擇你意向客戶發表的微博信息。

3、在結果中選擇意向客戶評論用戶的微博并@Ta，或者關注用戶微博。關注用戶就是在更新微博時，他們可以看到您的產品或服務相關的微博信息。

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

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項目經理人。 文中強調復雜的高級效果能為設計增色不少，但如果用得不對，只會影響用戶對重點內容的關注。高級效果可能正好是一項好的設計的沖擊力所在，但即便如此，也還是需要一些更簡單的效果與其配合。

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

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

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

1. 增加對比

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

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

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

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

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

2.漸變

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

互聯網就是一個資源共享的平臺，文章可以被采集，這樣也是搜索引擎希望看到的事，但是請一定尊重文章的原創性，百度算法的調整也是支持原創文章，所以采集文章保留原創鏈接，網站剛上線的時候對于導出鏈接的建設是毫無頭緒，在幾個月的實踐摸索中，總算有一些實用性的經驗可有和大家分享的了，其實在分析些經驗也是對我的SEO工作的一個總結和思考，這樣于己于人都有利的事我是樂于去做的，獨樂樂不如眾樂樂。

　　網站導出鏈接建設實用性指南：

　　1、了解互聯網的本質

　　這樣的工作是被大多站長忽略的，也許你會覺得我做seo工作的，要了解這個東西干么?這樣的認識是錯誤的，互聯網的本質是鏈接與共享，與我們的seo工作是緊密相連接的，我們的工作就是圍繞這樣的大環境進行的。互聯網之間的信息是可以相互傳播的，正因為這樣的條件，才有利于我們seo工作的進行。做曉風**網站前，我系統的明確了網站之間通過鏈接進行編織而成的，所以我不太介意我們的**網站的導出鏈接，這樣是符合用戶體驗和搜索引擎的規則的。

　　2、分析導出鏈接對自身網頁PR值的影響

　　網頁的pr值是由多個因素決定的，如網站布局、結構、內容質量等等，網站的導出鏈接對自身網站的PR字影響不大的。在做我的曉風**網站的導出鏈接，也證實了這樣的一個理論。一個頁面的PR值是由頁面自身的反向連接數目以及反向連接地點頁面的PR值決議，與導出連接是沒有直接關系的。為了更深入的分析這一問題，我增加了**網站的導出鏈接，在這樣情況下傳遞給其他頁面的PR值會有下降的趨勢，另外頁面傳遞給本頁的PR值也會下降。但是這樣的損耗是微乎其微的，因為網站內鏈是一個網狀結構可是，導出鏈接是有邏輯性、契合用戶需要導出的，這樣對自身網站的PR值是沒有什么影響的。

　　3、導出鏈接能突顯網站主題

　　搜索引擎是如何判斷網站的主題的，主要是從網站的標題和3大標簽來判斷的，另外一個判斷來源就是我的**網站站內頁面信息中的一些導出鏈接。但是導出鏈接不是隨便的導出，這些都是有一個內容相關度和導出鏈接的邏輯性問題的研究。這樣的導出鏈接的質量是非常高的，對網站主題的突出是有一定作用的。

　　4、指向權威性網站更能體現相關性及安全性

　　網站的導出鏈接如果能指向權威性的網站，這樣說明該站點與該權威性極其相關或者安全性極高的。當時我的**網站就這樣做，但是這樣的話很容易被權威性站點發現并進行舉報。其實，大家也可以從網址導航站、分類目錄、網址提交等這些網站本身就具備非常多的導出鏈接，但是這些導出鏈接并沒有真正的影響到該網站的自身排名，相反，這些中有些的站點的權重因此非常的高。

小型電子商務網站能享受這樣的：不用像很多大型連鎖商店那樣必須使用預先規定的設計樣式，他們不需要內容繁多的登錄頁面，也不需要有著成百上千條分類的大型菜單欄，甚至不需要一個建議性或可選擇的產品鏈接。
所有小型商店的好商品需要的是一位很棒的設計師來為它們建立一個簡潔且現代感十足的網站。當然，一枚”立即購買”的按鈕會很有用。
我相信當你看完這50個簡約時尚的電商網站后，你會對視覺營銷，電子商務有全新的認識！

或者會發自肺腑的感嘆：原來這就足夠了，購物真的不需要那么復雜。

推薦您也關注以下專題酷站：
40個超美的水彩效果網頁設計
超贊！19個引人入勝的活動專題頁設計
推薦！40個慈善及非營利組織官網欣賞

Hard Graft

Saturdays Surf NYC