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

Flat Free UI Kit

我要下載

Apple devices – Flat icons (PSD)

我要下載

Mobile Flagships with PSD

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

是的！還不一定討好！

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

1、LogoEase

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

2、LogoMaker

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

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

1. LogoBlog

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

2. E Logo Design

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

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

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

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

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

1. 增加對比

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

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

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

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

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

2.漸變

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

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

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

Boo Admin

Visit Source

Amsterdam

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

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

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

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

很多設(shè)計(jì)師會(huì)采用一些生動(dòng)可愛動(dòng)物形象來設(shè)計(jì)一款logo，今天，小編為大家搜集了一些以動(dòng)物為藍(lán)本的logo設(shè)計(jì)圖案，供大家學(xué)習(xí)鑒賞～～:)

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

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

今天我們要探討的可不是漸變，要探討的是移動(dòng)界面設(shè)計(jì)中的漸變。我們來一起學(xué)習(xí)、感受一下現(xiàn)今移動(dòng)界面設(shè)計(jì)中最流行的漸變吧。

推薦閱讀：
《一枚app圖標(biāo)的設(shè)計(jì)文化》
《超贊！高大上的動(dòng)效設(shè)計(jì)方法及流程總結(jié)》

一、漸變作為界面的背景

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

Sense by Tommy Borgen.

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

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

Simple UI Elements

Apple Styled UI Elements

Grayness UI Kit

一個(gè)干貨推薦啦：25個(gè)定價(jià)界面網(wǎng)頁欣賞！沒錯(cuò)！你沒有看錯(cuò)，足足25個(gè)哦！啊？你問我有木有酬勞，呃！藍(lán)藍(lán)設(shè)計(jì)說是要給，但我肯定不會(huì)要的，雖然很想要，呃，出來混，后來還是木有要。。。）

價(jià)格界面是網(wǎng)頁中常見的，但容易被忽視的一個(gè)部分。想想看，你什么時(shí)候見過這些界面呢？本工第一反應(yīng)就是迅雷、QQ之類的會(huì)員充值界面。這種不是經(jīng)常可以看見，但是又具有明確目的性的界面，如何讓它和主題頁面匹配、同時(shí)又突出重點(diǎn)信息呢？這是個(gè)問題！今天就讓我們欣賞25個(gè)外國網(wǎng)站的定價(jià)界面，從中學(xué)習(xí)經(jīng)驗(yàn)吧；）

1. Freshdesk