首頁(yè)

設(shè)計(jì)師必讀!玩轉(zhuǎn)Dribbble終極指南

藍(lán)藍(lán)設(shè)計(jì)的小編

dribbble

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

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

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

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

Dribbble學(xué)前班

Dribbble的術(shù)語(yǔ)大多來(lái)自籃球:

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

如果一幅作品能夠被足夠多的成員like(喜愛(ài)),那么很可能會(huì)上Popluar(流行榜)。

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

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

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

retina mbp

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

想要在這個(gè)站點(diǎn)上上傳作品,需要得到老用戶的邀請(qǐng)才可以。這引發(fā)了一些爭(zhēng)議。

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

Dribbble簡(jiǎn)史

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

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

新手小冊(cè)子!你應(yīng)該了解的PS繪畫(huà)工具

藍(lán)藍(lán)設(shè)計(jì)的小編

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

畫(huà)筆工具

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

A brush tip will create a perfect match of the shape.

 

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

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

Select the first brush preset from the brush preset picker.

示范:快速制作筆刷

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

修改后的筆刷

利用百度產(chǎn)品做品牌營(yíng)銷(xiāo)

藍(lán)藍(lán)設(shè)計(jì)的小編

 

2013年百度的算法不斷的更新與升級(jí),很多站長(zhǎng)覺(jué)得百度優(yōu)化越來(lái)越難做,有些站長(zhǎng)甚至轉(zhuǎn)行做其他工作。在搜索引擎算法不斷更新的情況下,我們要如何才能保證網(wǎng)站的正常運(yùn)行呢?小維有一個(gè)實(shí)戰(zhàn)方法與大家分享,可能這個(gè)方法有朋友正在使用,那么小維分享一下自己實(shí)戰(zhàn)操作的流程。

利用百度產(chǎn)品做品牌營(yíng)銷(xiāo)

百度是國(guó)內(nèi)搜索引擎所占市場(chǎng)份額最多的,那么它自家的產(chǎn)品獲得的流量也是非常之高。小維就利用百度的空間、貼吧、知道三者做品牌建設(shè),這三個(gè)產(chǎn)品在百度產(chǎn)品的訪問(wèn)是名列前茅的。小維利用這三個(gè)產(chǎn)品將品牌詞獲得不錯(cuò)搜索量,同時(shí)也獲得高質(zhì)量的轉(zhuǎn)化率。

在百度空間和貼吧發(fā)布產(chǎn)品的軟文,是寫(xiě)的軟文,不是廣告帖,寫(xiě)廣告帖在這兩個(gè)產(chǎn)品上發(fā)布容易被系統(tǒng)刪除。帖子可以是介紹你的產(chǎn)品,或者是企業(yè)、產(chǎn)品文章。在文章的底部留下網(wǎng)站的URL,這個(gè)一定要留網(wǎng)址,為什么要留網(wǎng)址呢?留下網(wǎng)址是在潛在客戶來(lái)到這個(gè)頁(yè)面時(shí),可以通過(guò)文章中的鏈接到達(dá)網(wǎng)站上,了解產(chǎn)品或服務(wù)更多的信息。

在百度知道里面回答產(chǎn)品或服務(wù)有關(guān)的問(wèn)題,百度知道是建立品牌知名度最好的平臺(tái)之一。百度知道要留下網(wǎng)址是一件很難的事情,那么我們?cè)诨卮鹁W(wǎng)友提問(wèn)時(shí),要留網(wǎng)址,我們?cè)撛趺醋瞿??這時(shí),我們就可以把貼吧、空間上發(fā)表的文章URL復(fù)制過(guò)來(lái),粘貼到回答的答案中,以作為參考資料。在百度知道提交百度自家產(chǎn)品的URL正常的情況是下100%通過(guò)的,本人做了這么久,沒(méi)有被刪除過(guò),通過(guò)率極高。

做這樣一個(gè)操作不是只做一次,而是需要長(zhǎng)期堅(jiān)持做下去,可以充分的挖掘你的產(chǎn)品或服務(wù)的長(zhǎng)尾詞,撰寫(xiě)文章發(fā)布到空間、貼吧中。在百度知道回答相關(guān)的問(wèn)題時(shí),可以將這些問(wèn)題有針對(duì)性的將鏈接復(fù)制過(guò)去,并提交成功。網(wǎng)友看到你的答案,也看到有參考資料的網(wǎng)址。那么Ta會(huì)點(diǎn)擊查看詳情,對(duì)你的產(chǎn)品或服務(wù)有興趣就會(huì)通過(guò)文章的URL到達(dá)你的網(wǎng)站,下單。

 

一組賦予你扁平化配色靈感的網(wǎng)頁(yè)設(shè)計(jì)(附配色工具)

藍(lán)藍(lán)設(shè)計(jì)的小編

 

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

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

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

Apple

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

Apple

Mud

Mud

關(guān)注App設(shè)計(jì)!20個(gè)漂亮的扁平風(fēng)格移動(dòng)端界面

藍(lán)藍(lán)設(shè)計(jì)的小編

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

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

Yummly Mobile

35個(gè)你會(huì)喜歡的Photoshop照片處理動(dòng)作

藍(lán)藍(lán)設(shè)計(jì)的小編

有時(shí)候我們攝影的照片或是處理網(wǎng)頁(yè)Banner的圖像都需要加一些,讓照片變得更好看,比如添加復(fù)古感覺(jué)的色彩、黑白、懷舊等效果,下面設(shè)計(jì)達(dá)人為大家分享35個(gè)你會(huì)喜歡的Photoshop照片處理動(dòng)作,使用這些PS Action你可以很快就能處理你想要的效果,方便好用,喜歡的趕快收藏起來(lái)哦!

另外強(qiáng)烈推薦:60個(gè)照片PS Action下載/PS動(dòng)作/使用教程

感謝@Vera微瀾妹子無(wú)私打包, @微盤(pán) 打包下載地址http://vdisk.weibo.com/s/BEmqj/1368676942

復(fù)古風(fēng)格Photoshop動(dòng)作 2

035445tAi

進(jìn)入下載頁(yè)

Faux HDR Photoshop 動(dòng)作

0354462se

創(chuàng)意十足!折疊效果在移動(dòng)App中的應(yīng)用

藍(lán)藍(lán)設(shè)計(jì)的小編

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

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

你還可以來(lái)看一下這些:
《關(guān)注App設(shè)計(jì)!20個(gè)漂亮的扁平風(fēng)格移動(dòng)端界面》

Unlock Concept

Slide Concept


Portfolio iPhone App


App Concept – UI

提升品牌知名度之軟文營(yíng)銷(xiāo)怎么寫(xiě)

藍(lán)藍(lán)設(shè)計(jì)的小編

上篇寫(xiě)了《提升品牌知名度之軟文營(yíng)銷(xiāo)該寫(xiě)什么》一文,說(shuō)到如何去定位寫(xiě)一篇什么軟文。要寫(xiě)好軟文對(duì)于我們很多朋友來(lái)說(shuō)這是一件很難的事情,不知道從哪里開(kāi)始寫(xiě),怎么來(lái)寫(xiě),圍繞什么來(lái)寫(xiě)。今天小維與大家談?wù)勗趺磳?xiě)好一篇軟文。

提升品牌知名度之軟文營(yíng)銷(xiāo)怎么寫(xiě)

寫(xiě)總結(jié)
在我們生活、工作中經(jīng)常會(huì)遇到很多有意義,有幫助的信息。我們把這些信息整理、收集起來(lái),并對(duì)這些事情寫(xiě)出總結(jié)。如在工作中,一天做一些什么事情,維護(hù)了幾個(gè)客戶,客戶遇到什么樣的問(wèn)題等等,我們可以把一天工作遇到的問(wèn)題總結(jié)出來(lái),編緝寫(xiě)成文章。一篇優(yōu)質(zhì)的軟文就在生活、工作中寫(xiě)出來(lái)了,學(xué)會(huì)寫(xiě)總結(jié),軟文順手寫(xiě)出來(lái)。

寫(xiě)評(píng)論
在我們?nèi)粘?凑涡侣?、娛?lè)新聞、站長(zhǎng)新聞或其他文章時(shí),可以對(duì)文章寫(xiě)出自己的感想,對(duì)事件進(jìn)行評(píng)論。如百度公布的lee談外鏈判斷,可以對(duì)該判斷進(jìn)行評(píng)論,以及如何去做更好的增加外鏈。


提升網(wǎng)站用戶體驗(yàn):你不能不知道的6條專(zhuān)業(yè)建議

藍(lán)藍(lán)設(shè)計(jì)的小編

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

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

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

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

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

就像他們的前輩,彈出窗口廣告 ,浮動(dòng)窗口的廣告很煩人。

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

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

 

wps_clip_image-7620

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

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

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

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

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

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

7個(gè)設(shè)計(jì)師必備的國(guó)際頂尖設(shè)計(jì)網(wǎng)站

藍(lán)藍(lán)設(shè)計(jì)的小編

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

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

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

preview-large-7bestdaalternative

1.Behance


1-Behance

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

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

日歷

鏈接

個(gè)人資料

存檔