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

Flat Free UI Kit

我要下載

Apple devices – Flat icons (PSD)

我要下載

Mobile Flagships with PSD

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

是的！還不一定討好！

那么這里的7個網(wǎng)站再適合你不過了，甚至你可以直接甩給您的朋友，讓他自己去玩玩。
和ps的繁瑣操作比起來，他們是如此的截然不同，這些可愛便捷的web應(yīng)用程序是那么的易于使用，而且?guī)齑媪撕芏喙┠暨x改造的小玩意。
那么，不如去嘗試看看吧！

1、LogoEase

LogoEase是一個免費使用的網(wǎng)站,可以讓你輕松創(chuàng)建logo。

2、LogoMaker

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

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

1. LogoBlog

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

2. E Logo Design

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

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

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

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

基礎(chǔ)先行。 學(xué)會走之前要先學(xué)會爬，讓我們從最基礎(chǔ)的簡單有效設(shè)計的概念開始。

1. 增加對比

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

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

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

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

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

2.漸變

技術(shù)的發(fā)展為所有想使用漸變的人提供了各種創(chuàng)造漸變的工具。但漸變真的很好么？

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

　　網(wǎng)站導(dǎo)出鏈接建設(shè)實用性指南：

　　1、了解互聯(lián)網(wǎng)的本質(zhì)

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

　　2、分析導(dǎo)出鏈接對自身網(wǎng)頁PR值的影響

　　網(wǎng)頁的pr值是由多個因素決定的，如網(wǎng)站布局、結(jié)構(gòu)、內(nèi)容質(zhì)量等等，網(wǎng)站的導(dǎo)出鏈接對自身網(wǎng)站的PR字影響不大的。在做我的曉風(fēng)**網(wǎng)站的導(dǎo)出鏈接，也證實了這樣的一個理論。一個頁面的PR值是由頁面自身的反向連接數(shù)目以及反向連接地點頁面的PR值決議，與導(dǎo)出連接是沒有直接關(guān)系的。為了更深入的分析這一問題，我增加了**網(wǎng)站的導(dǎo)出鏈接，在這樣情況下傳遞給其他頁面的PR值會有下降的趨勢，另外頁面?zhèn)鬟f給本頁的PR值也會下降。但是這樣的損耗是微乎其微的，因為網(wǎng)站內(nèi)鏈?zhǔn)且粋€網(wǎng)狀結(jié)構(gòu)可是，導(dǎo)出鏈接是有邏輯性、契合用戶需要導(dǎo)出的，這樣對自身網(wǎng)站的PR值是沒有什么影響的。

　　3、導(dǎo)出鏈接能突顯網(wǎng)站主題

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

　　4、指向權(quán)威性網(wǎng)站更能體現(xiàn)相關(guān)性及安全性

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

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

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

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

Hard Graft

Saturdays Surf NYC

近些年來，圖片作為背景填充整個屏幕的設(shè)計越來越流行，曾經(jīng)只有時尚潮流網(wǎng)站或者攝影類站點才會特別依賴富有沖擊力的影像，但是現(xiàn)在幾乎任何類型的網(wǎng)站都有可能采用這種大圖片作為背景。不論是印刷精美的雜志、海報還是廣告，大圖片一直以來都能強有力地抓住人們的注意力，因此將類似的方法應(yīng)用在網(wǎng)站設(shè)計中就顯得別有趣味。

以下30個網(wǎng)站均采用了大圖片作為背景的設(shè)計風(fēng)格，希望能給大家?guī)聿灰粯拥脑O(shè)計靈感！

Aspect Photography

Studio AIRPORT

Yoke

最初單頁面網(wǎng)站的設(shè)計風(fēng)潮可能是由知名的網(wǎng)站設(shè)計師引起的。他們想要以簡潔創(chuàng)意的方式讓自己的作品公之于眾。久而久之，單頁面網(wǎng)站設(shè)計在創(chuàng)意上實現(xiàn)了巨大的飛躍。不管是時尚，App，還是動畫，游戲，現(xiàn)在全網(wǎng)都盛行這一趨勢。
單頁面網(wǎng)站設(shè)計容易實現(xiàn)，但是如果想讓你的設(shè)計成為大熱，一定要確保它適合這種多頁少字的設(shè)計模式。在你開始設(shè)計之前，最好要記得專注于主要內(nèi)容，其他的煩惱分心的部分通通去掉，就算是你最好的點子，如果不切合主題，也要忍痛割愛。

網(wǎng)站導(dǎo)航是主要設(shè)計要素之一。用放大鏡效果創(chuàng)建漩渦型按鍵，使站點引人入勝，同時也告訴用戶如何使用。導(dǎo)航要顯眼易懂這樣用戶才能輕松的瀏覽你的網(wǎng)站。不管是視差漩渦，服帖的動畫還是簡潔的菜單，你都能發(fā)現(xiàn)非?？岬男Ч?。

下面我們?yōu)榇蠹艺故?0種極具現(xiàn)代感，將單頁網(wǎng)站設(shè)計發(fā)揮到的非常漂亮的例子。盡情的欣賞吧，希望會給你帶來靈感！這些設(shè)計讓人難以忘卻，引人矚目的圖像絢麗多彩，內(nèi)容干凈整潔，實乃創(chuàng)意經(jīng)典之作。

Fannabee

Browser Awareness Day

一個網(wǎng)站的管理員在管理網(wǎng)站和它的內(nèi)容上起著至關(guān)重要的作用，但是呢，如果他沒有選擇好一個網(wǎng)站系統(tǒng)的話，那可能就會是一個定時炸彈。一個網(wǎng)站能否茁壯成長，有一個優(yōu)秀的管理后臺那絕對是至關(guān)重要的。

擁有自己網(wǎng)站的童鞋們，這里有55個有商業(yè)版權(quán)的響應(yīng)式后臺管理模板，你可以從中選取參考。仔細(xì)預(yù)覽或通過界面來觀察它們的特點。
當(dāng)然，這些界面對設(shè)計師來講，特別是從事BS、CS界面設(shè)計的朋友，這些優(yōu)秀的后臺界面肯定能激發(fā)你的創(chuàng)作靈感！

Boo Admin

Visit Source

Amsterdam

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

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

1.行高是表格瀏覽時的重要參數(shù)

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