對(duì)于很多從事互聯(lián)網(wǎng)行業(yè)的設(shè)計(jì)師來說，Dribbble 一直是一個(gè)探索和發(fā)現(xiàn)新的設(shè)計(jì)潮流的好地方。能拿到 Dribbble 的邀請(qǐng)碼，對(duì)于一個(gè)設(shè)計(jì)師來說也是一件挺光榮的事。

但是一個(gè)很嚴(yán)重的事實(shí)就是 Dribbble 上面的一些 UI 設(shè)計(jì)作品現(xiàn)在越來越脫離了基于產(chǎn)品的思考，變成了一個(gè)單純視覺作品。

起初在 Dribbble 上面也有很多飛機(jī)稿，但是大多是設(shè)計(jì)師和需求方對(duì)設(shè)計(jì)的理解不一致，導(dǎo)致設(shè)計(jì)師的某一個(gè)作品無法商用，但是這個(gè)設(shè)計(jì)稿里面往往也包含了很多設(shè)計(jì)師對(duì)產(chǎn)品的思考，理解。

但是現(xiàn)在的 Dribbble 上面的飛機(jī)稿是什么樣子的呢？往往就是設(shè)計(jì)師自己去設(shè)計(jì)一個(gè)看起來會(huì)很酷炫的頁(yè)面。

這些界面有哪些共性呢？有一部分超出頁(yè)面的帶彩色投影的按鈕或者板塊，貫穿整個(gè)頁(yè)面的貝塞爾曲線。當(dāng)然最好還有一些大大的數(shù)字。最重要的一點(diǎn)是這個(gè)界面最好全用一種顏色，一定要做成卡片，放在一個(gè)和他同色系的淺一點(diǎn)的背景上，再加上同一種色系的投影。這樣基本就 OK 了.

為什么界面上的按鈕要超出界面呢?為什么數(shù)據(jù)圖上的貝塞爾曲線常常只有一根線條和一個(gè)點(diǎn)擊顯示的數(shù)值而卻從來沒有 Y 軸呢?

想那么多干嘛，被這么多東西拘束住了，哪里還有創(chuàng)新。玩視覺，你懂嗎？

是啊，我也承認(rèn)這樣出來很多頁(yè)面，簡(jiǎn)潔，干凈，第一眼印象特別好，但是我同樣也注意到每次看到這樣的界面，我的焦點(diǎn)都被頁(yè)面里面各種視覺元素所吸引，而當(dāng)我緩過神來想要深究一下頁(yè)面的實(shí)際操作性時(shí)卻發(fā)現(xiàn)無從下手。

想起 JJYING 在 Anyway.FM 里說的一個(gè)典故，在 Dribbble 設(shè)計(jì)師做的做多的三大界面就是日歷，天氣和 Todolist。我想這個(gè)說法甚至可以套用到更多地方。

設(shè)計(jì)之所以不同于藝術(shù)，很大一個(gè)原因就是藝術(shù)是無拘無束的。然后設(shè)計(jì)在除了好看以外，還有太多太多東西值得我們?nèi)ニ伎既ゴΑＴ趺丛诒幌拗频臈l件下做出好設(shè)計(jì)，讓設(shè)計(jì)產(chǎn)生實(shí)用價(jià)值才是我們?cè)撍伎嫉摹?/p>

舉一個(gè)很簡(jiǎn)單的例子吧。

下面這個(gè)是KEEP的一個(gè)界面。上半部分是一個(gè)健身的視頻，下方分別有計(jì)數(shù)器，整體進(jìn)度條，音樂控制，動(dòng)作要點(diǎn)，和暫停

咋一看這個(gè)頁(yè)面從視覺上來講很普通吧，好，我們來簡(jiǎn)單的Dribbble 化一下。

我簡(jiǎn)單做了一下，運(yùn)用了一下上面說到的比較流行的元素。對(duì)比一下，單就第一眼印象來講，會(huì)比上面截圖要好看吧。

但這就是一個(gè)不合格的界面。

作為一個(gè)視頻教學(xué)頁(yè)，整個(gè)頁(yè)面全是各種搶焦點(diǎn)的元素。我來這個(gè)頁(yè)面不是為了點(diǎn)這些按鈕，看這些進(jìn)度條的，看視頻做動(dòng)作才是我的核心需求，其他元素老老實(shí)實(shí)的給我弱化在下面就好了。我不想在看視頻的時(shí)候，下面閃著五彩的光芒。

花了這么大一段來黑 Dribbble上的一些飛機(jī)稿，其實(shí)不是黑的飛機(jī)稿，黑的是我們作為視覺設(shè)計(jì)師的時(shí)候不能把握好實(shí)用和美觀之間的平衡，甚至明明知道這樣不好，還是要為了視覺加功能或者是砍功能，Design for Dribbble.

同樣認(rèn)識(shí)很多真正在“玩視覺“的人

他們的練習(xí)中有對(duì)字體設(shè)計(jì)的研究，有平面海報(bào)的構(gòu)成，有對(duì)新銳視覺的探索，有插畫的形態(tài)表現(xiàn)手法，有對(duì)合成的理解。但是不管哪種，你都能從他們的作品里看到很多新的東西，就拿國(guó)內(nèi)知名設(shè)計(jì)師Edisonwong7今年發(fā)的一些作品來看吧。

從3D渲染海報(bào)，到攝影，到書法，再到圖形語言的表達(dá)，UI設(shè)計(jì)，AI的3D字體效果，平面海報(bào)圖形的構(gòu)成，再到通過流體動(dòng)態(tài)學(xué)來傳達(dá)視覺語言。并不僅僅因?yàn)樗呀?jīng)是一名頂尖的設(shè)計(jì)師，更是因?yàn)樗麑?duì)設(shè)計(jì)的態(tài)度，那是一種熱愛和不斷的追求創(chuàng)新和進(jìn)步。作為一個(gè)工作了這么多年頂尖的設(shè)計(jì)師，你還能在群里看到他深夜分享他對(duì)AI的新研究，或是徹夜通宵只為調(diào)整一個(gè)渲染的細(xì)節(jié)。

我覺得這種對(duì)設(shè)計(jì)熱愛和深究的態(tài)度才是值得我們?nèi)W(xué)習(xí)的，有這了種態(tài)度，我相信才能產(chǎn)出更多不一樣的視覺，更多設(shè)計(jì)驅(qū)動(dòng)的案例。而不是停留在日復(fù)一日的同質(zhì)化設(shè)計(jì)中。

最后，我也想說其實(shí)Dribbble本身作為一個(gè)國(guó)際頂尖的設(shè)計(jì)論壇，還是有很多值得我們?nèi)W(xué)習(xí)的設(shè)計(jì)。而很多國(guó)內(nèi)的Design for Dribbble的設(shè)計(jì)師，其實(shí)也都是挺不錯(cuò)的設(shè)計(jì)師。畢竟每天都拿出休息時(shí)間思考練習(xí)真的不像說起來那么容易，而且很多人對(duì)色彩的感覺也很棒。只是有時(shí)真的很容易被一些短暫的成就所迷惑，放慢了前進(jìn)步伐。希望以后也能更多的在Dribbble,Behance的首頁(yè)看到國(guó)人的作品。

歡迎關(guān)注作者的微信公眾號(hào)：

【優(yōu)設(shè)四月人氣過萬的好文】

使用素材站：
《實(shí)用干貨！11個(gè)人氣超高的設(shè)計(jì)素材匯總網(wǎng)站》

自學(xué)UI設(shè)計(jì)的正確姿勢(shì)：
《別著急學(xué)軟件！先掌握科學(xué)有效的UI設(shè)計(jì)自學(xué)姿勢(shì)（超全面）》

幽默有趣的前端小課堂：
《零基礎(chǔ)也能看懂！寫給設(shè)計(jì)師的前端小知識(shí)之網(wǎng)頁(yè)排版（附實(shí)戰(zhàn)）》

【優(yōu)設(shè)網(wǎng) 原創(chuàng)文章 投稿郵箱：2650232288@qq.com】

================關(guān)于優(yōu)設(shè)網(wǎng)================
"優(yōu)設(shè)網(wǎng)uisdc.com"是國(guó)內(nèi)人氣最高的網(wǎng)頁(yè)設(shè)計(jì)師學(xué)習(xí)平臺(tái)，專注分享網(wǎng)頁(yè)設(shè)計(jì)、無線端設(shè)計(jì)以及PS教程。
【特色推薦】
設(shè)計(jì)師需要讀的100本書：史上最全的設(shè)計(jì)師圖書導(dǎo)航：http://hao.uisdc.com/book/。
設(shè)計(jì)微博：擁有粉絲量112萬的人氣微博@優(yōu)秀網(wǎng)頁(yè)設(shè)計(jì) ，歡迎關(guān)注獲取網(wǎng)頁(yè)設(shè)計(jì)資源、下載頂尖設(shè)計(jì)素材。
設(shè)計(jì)導(dǎo)航：全球頂尖設(shè)計(jì)網(wǎng)站推薦，設(shè)計(jì)師必備導(dǎo)航：http://hao.uisdc.com