只要你是設(shè)計師，你就肯定知道Dribbble。這是一個供設(shè)計師展示作品、同行交流、尋找靈感的場所。

平面設(shè)計師、插畫設(shè)計師、字體設(shè)計師、圖標(biāo)設(shè)計師、網(wǎng)頁設(shè)計師、Logo設(shè)計師都經(jīng)常瀏覽這個網(wǎng)站。

除了這個供設(shè)計師交流的網(wǎng)站，還有衍生出的Dribbble聚會、博客等等。

推薦閱讀：
《拜師學(xué)藝第二彈！Dribbble上50位值得學(xué)習(xí)的設(shè)計師》

Dribbble學(xué)前班

Dribbble的術(shù)語大多來自籃球：

發(fā)布的新作品叫做Shots(投籃)，新人處女作叫做debut(初登場)，收集其他成員的作品并分類的合集叫做bucket（球桶），將dribbble成員歸類收藏叫做lists。

如果一幅作品能夠被足夠多的成員like（喜愛），那么很可能會上Popluar（流行榜）。

如果設(shè)計師想要對其他設(shè)計師的作品致敬或者修改，那么這種行為叫做rebound（打籃板）。如果有很多人響應(yīng)你的作品，那么你的作品和響應(yīng)者的作品會列入 playoffs（季后賽）。

Dribbble上的圖像尺寸限制在400 x 300px / 800 x 600px 。但是允許添加附件（比方說PSD文件）

如果電腦是retina mbp 會自動顯示800×600的圖，而上傳800×600的圖會標(biāo)記為@2X。

設(shè)計師每個月最多能上傳24件作品，這樣能夠防止垃圾作品，讓設(shè)計師精選作品上傳。

想要在這個站點上上傳作品，需要得到老用戶的邀請才可以。這引發(fā)了一些爭議。

如果你逛Dribbble只是為了獲取靈感，那么情況就有所不同了。首先，你需要注冊賬號，關(guān)注喜歡的設(shè)計師，這樣每次登陸就能知道他們作品的更新情況。
當(dāng)然，不注冊也能觀看作品、也能搜索關(guān)鍵詞。
如果你想在Dribbble上雇人，可以根據(jù)設(shè)計師的粉絲數(shù)、所在地、專長來選擇設(shè)計師。

Dribbble簡史

Dan Cedarholm & Rich Thornett于2009年開始了Dribbble的項目。在2010年開始運營，比當(dāng)時大多數(shù)的設(shè)計論壇、社交網(wǎng)站更加的熱鬧，更加的自由。
剛開始的時候，Dribbble只能被邀請加入，你必須讓老用戶給你一個邀請碼。

后來，Dribbble加入了初登場功能。這個模塊突出了那些新用戶的作品，以緩解一些知名設(shè)計師“壟斷主頁”的現(xiàn)象。
2011年，Dribbble添加了工作列表模塊，為用人公司提供了簡單的招人方式。
最近Dribbble添加了團(tuán)隊賬號。讓團(tuán)隊能夠有組織的在Dribbble上分享作品。

在PS中，繪畫工具一方面被用來畫線、繩、花花草草神馬的，另一方面它還可以給區(qū)域涂上顏色或者混合顏色。熟練掌握繪圖工具是每一個設(shè)計師的必經(jīng)之路喲~

畫筆工具

知己知彼，百戰(zhàn)不殆。同理，為了全面的掌握畫筆工具，你要先理解PS里的畫筆工具到底是什么。畫筆工具使用的是畫筆預(yù)設(shè)里預(yù)先設(shè)定好的畫筆，畫筆預(yù)設(shè)可以定義任何筆刷的特性（如大小和形狀）。

PS里的筆刷非常之多，紛繁復(fù)雜，每一個的形狀都不盡相同。若你將某個畫筆的尖兒貼著畫布，那么它的形狀將立即呈現(xiàn)。對畫筆來說，這只是一個粗略的說明，你可以先在腦海中留個印象。

與真實的畫筆不同，PS里的畫筆可以有很多非常神奇的特性，通過熟練操縱這些屬性，你可以制作出屬于你的的筆刷，此外，你也可以按平時畫畫的要求更改畫筆的形狀及大小~一個筆刷可以朝任意方向自由發(fā)展，甚至可以變成透明的。所以說，只有你想不到的，沒有它變不了的…

示范：快速制作筆刷

新建一個文件，200*200白色背景，選擇畫筆工具，在選項欄里選擇第一個預(yù)設(shè)畫筆（點擊那個向下的箭頭，選擇第一個畫筆）。
繼續(xù)，將此預(yù)設(shè)筆刷折疊旋轉(zhuǎn)怎么高興怎么好看怎么來，選擇你喜歡的前景色，然后點擊鼠標(biāo)，開始它的奇幻之旅。

修改后的筆刷

近期我們看到了扁平化配色的一個趨勢，很多Flat Design網(wǎng)站使用了耀眼、明亮的色彩，如果是以前我會覺得用這類顏色會有點花哨，但當(dāng)我看了相關(guān)的扁平化設(shè)計作品，發(fā)現(xiàn)這并不花哨，反而很好看。

我想大家最近也看過iOS7的界面設(shè)計和iPhone 5C新款手機(jī)，那是一種充滿活力、時尚新穎的顏色，即使用在網(wǎng)頁設(shè)計上也非常不錯，下面大家看看來自line25整理的扁平化網(wǎng)頁作品，希望能給你帶來創(chuàng)造靈感！

扁平化配色神器：
扁平化設(shè)計配色參考網(wǎng)站：FLATUICOLORS

Apple

除了導(dǎo)航保留原味，蘋果官網(wǎng)該平的都平了。。。

Mud

現(xiàn)在扁平化風(fēng)格在網(wǎng)頁設(shè)計方面已經(jīng)有許多優(yōu)秀的范例了，比如這22個超贊的扁平化設(shè)計經(jīng)典案例就有很多我們可以借鑒學(xué)習(xí)的地方。但是移動端的界面設(shè)計扁平化風(fēng)格較少，所以今天從Behance和Dribbble收集的這一組移動端的扁平化設(shè)計就該好好看看咯，學(xué)習(xí)一下它們優(yōu)秀的細(xì)節(jié)和配色吧 : ）

如果你對扁平化風(fēng)格的網(wǎng)站更有興趣，那么推薦閱讀：
一組賦予你扁平化配色靈感的網(wǎng)頁設(shè)計

Yummly Mobile

在今天的移動 App 界面設(shè)計中，你可以看到不同創(chuàng)意類型的視覺效果。特別是在 Dribbble 上面，有很多應(yīng)用程序的 UI 概念設(shè)計讓你驚嘆。當(dāng)然，他們大多只是作為一個概念設(shè)計，可能永遠(yuǎn)也不會成為一個真正的應(yīng)用程序。

但如果你想獲得靈感，那很有必要看看下面這些極具創(chuàng)意的動效設(shè)計。

你還可以來看一下這些：
《關(guān)注App設(shè)計！20個漂亮的扁平風(fēng)格移動端界面》

Unlock Concept

Slide Concept

Portfolio iPhone App

App Concept – UI

作為網(wǎng)頁設(shè)計師，我們知道，我們的任務(wù)就是與用戶對話。這就是為什么我們能夠從容的著手眼前的工作。我們選擇顏色、字體，以及要使用的網(wǎng)頁布局，甚至編寫CSS的方式，所有的東西看起來都那么有目的性。

正如我們精心制作設(shè)計時，我們會意識到結(jié)果會透露出一些關(guān)于我們，設(shè)計師的內(nèi)容。然而這些我們所設(shè)計東西并不是總能很好道出我們的初衷。

所以每當(dāng)你正在進(jìn)行一個網(wǎng)站的設(shè)計，問自己：我們?nèi)绾谓o用戶更好的關(guān)懷感？

浮動窗口廣告 = 金錢比UX和內(nèi)容更重要

因此，很多網(wǎng)站都選擇了浮動窗口或者遮罩層廣告，這似乎是現(xiàn)代形式的彈出窗廣告。

就像他們的前輩，彈出窗口廣告 ，浮動窗口的廣告很煩人。

浮動窗口廣告是非常具侵?jǐn)_性的策略，從而影響并且中斷用戶體驗。

想「廣告」與「用戶體驗」二者兼得的同學(xué)推薦閱讀：網(wǎng)站廣告和用戶體驗的平衡之道

 

如果你的用戶非常艱難的才能訪問到你的網(wǎng)站上的內(nèi)容，那么你一定有些地方做錯了。你的設(shè)計應(yīng)該展示給用戶的最優(yōu)先事項是它的體驗，當(dāng)然也要說明網(wǎng)站的內(nèi)容也是十分重要的一方面。

通過中斷，延遲，或者別的什么方式讓用戶千辛萬苦地才能了解到您的內(nèi)容，那么你是在告訴他們，用戶的價值低于金錢。

同樣，任何強(qiáng)迫用戶注冊，登錄，填寫郵箱等方式才能訪問到內(nèi)容，都應(yīng)重新考慮是否涉及欠妥。

試想一下這種情況：由于你當(dāng)前的主機(jī)無法滿足現(xiàn)有需求，于是你拼命尋找一個新的主機(jī)。它只是不斷崩潰，而這是在告訴你，你已經(jīng)超越了當(dāng)前解決方案（PS：順便祝賀你站點的成長）。

如同很多科技的創(chuàng)業(yè)者們，你最初的解決問題的行動是用谷歌搜索一臺新的主機(jī) 。

你偶然在Quora看見了一條線索，一個很多如同你一樣的創(chuàng)業(yè)者們經(jīng)常光顧的站點。

成為dA（deviantart）的忠實用戶有很多理由——dA是最大的藝術(shù)社區(qū)；成為dA用戶簡直是設(shè)計新手的必經(jīng)之路。但是，這些都不妨礙你加入其他專業(yè)的網(wǎng)站來展現(xiàn)你的才華。

創(chuàng)立于12年前的dA現(xiàn)在擁有最多的藝術(shù)愛好者受眾。然而，最近有人說dA有太多的作品只有在你腦補(bǔ)能力超強(qiáng)的時候才能稱之為”藝術(shù)”。用戶太多了，所以各種批評的聲音也紛至沓來！不管怎樣，不管你喜歡與否，dA是一個很棒的藝術(shù)社區(qū)，不過，加入其他藝術(shù)網(wǎng)站也會讓你受益良多。

今天，我們來了解七個主要的可作為dA替補(bǔ)的藝術(shù)社區(qū)來激勵設(shè)計師和有創(chuàng)意的藝術(shù)家。

1.Behance

與dA不同，Behance是為那些專業(yè)藝術(shù)家，那些以藝術(shù)謀生或者將藝術(shù)作為一個非常嚴(yán)肅的愛好的人建立的。由于嚴(yán)格規(guī)定和高標(biāo)準(zhǔn)，Behance正在成為一個高級的專業(yè)網(wǎng)站。

Behance的網(wǎng)站看上去很直觀，很有條理：作品按小組，類別，甚至國家來分類。用戶可以根據(jù)愛好，專業(yè)水平或者正在一起做的項目來建立朋友圈或合作伙伴圈。如果你想找這個網(wǎng)站的亮點，那就看看招聘版塊和交互系統(tǒng)吧。在Behance，藝術(shù)家們能得到一致的作品集系統(tǒng)來按照步驟展示工作流程和項目進(jìn)度。雖然一堆大手的名字會嚇到新手，但是Behance可能是唯一能與藝術(shù)家和設(shè)計師分享你的經(jīng)驗和知識并且獲得專業(yè)反饋的地方。

今天，我們繼續(xù)分享Photoshop CS6教程技巧。在這篇文章中，您可以學(xué)會怎樣創(chuàng)建一些有范兒的黑暗騎士風(fēng)格的海報，還有很多酷炫的字體設(shè)計教程。如果很久沒有學(xué)習(xí)新的ps技巧，那么，今天的17個教程，對于您練手來說，將再適合不過了。
在Photoshop中創(chuàng)建一個鋼鐵文字效果

在Photoshop CS6的泰坦之怒

現(xiàn)在Photoshop的UI工具包是設(shè)計師們最喜愛的資源，收藏到一套好的組件包，常常是欣喜若狂呀。
包包們已經(jīng)成為web設(shè)計者迅速開發(fā)不可或缺的神兵利器，里面往往會放滿了網(wǎng)站所需要的一切組件，譬如：導(dǎo)航、翻頁、焦點圖、滾動條、按鈕、表格、菜單等等！
為了讓大家高興高興，特別整理收集了7個網(wǎng)站的組件包下載入口，是的！是入口！
里面藏著很多高質(zhì)量的免費的UI組件包，優(yōu)設(shè)哥建議您把網(wǎng)址先收藏了，到了晚上夜深人靜的時候下載。

1、Dribbble

Dribbble 這里不只是一個看劉碧設(shè)計師和他們200*150小氣格子圖的地方，如果您夠細(xì)心，您將可以順藤摸瓜找到成堆有用的資源，那些免費的PSD就像彩蛋一樣藏在任何一個地方。

隨便舉幾個栗子:

Hanna UI Kit

合理運用素材，利用紋理繪制精美絕倫的網(wǎng)頁背景。

盡管極簡設(shè)計和扁平化不提倡使用紋理。但是設(shè)計無絕對，很多情況下，紋理的質(zhì)感，能讓整個網(wǎng)頁提升好幾個層次。
紋理能夠營造一種復(fù)古氛圍。本文收錄了20個網(wǎng)站，全部在紋理運用上頗有心得，可以看看他們的設(shè)計細(xì)節(jié)。
趕緊整理整理你所下載的資源包，動手實驗一個吧！

Orchard Keepers

Postable