設計師自白:我不想只做一個來自Dribbble 的美工

對于很多從事互聯網行業的設計師來說,Dribbble 一直是一個探索和發現新的設計潮流的好地方。能拿到 Dribbble 的邀請碼,對于一個設計師來說也是一件挺光榮的事。

但是一個很嚴重的事實就是 Dribbble 上面的一些 UI 設計作品現在越來越脫離了基于產品的思考,變成了一個單純視覺作品。

起初在 Dribbble 上面也有很多飛機稿,但是大多是設計師和需求方對設計的理解不一致,導致設計師的某一個作品無法商用,但是這個設計稿里面往往也包含了很多設計師對產品的思考,理解。

但是現在的 Dribbble 上面的飛機稿是什么樣子的呢?往往就是設計師自己去設計一個看起來會很酷炫的頁面。

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

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

想那么多干嘛,被這么多東西拘束住了,哪里還有創新。玩視覺,你懂嗎?

是啊,我也承認這樣出來很多頁面,簡潔,干凈,第一眼印象特別好,但是我同樣也注意到每次看到這樣的界面,我的焦點都被頁面里面各種視覺元素所吸引,而當我緩過神來想要深究一下頁面的實際操作性時卻發現無從下手。

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

設計之所以不同于藝術,很大一個原因就是藝術是無拘無束的。然后設計在除了好看以外,還有太多太多東西值得我們去思考去揣摩。怎么在被限制的條件下做出好設計,讓設計產生實用價值才是我們該思考的。

舉一個很簡單的例子吧。

下面這個是KEEP的一個界面。上半部分是一個健身的視頻,下方分別有計數器,整體進度條,音樂控制,動作要點,和暫停

設計師自白:我不想只做一個來自Dribbble 的美工

咋一看這個頁面從視覺上來講很普通吧,好,我們來簡單的Dribbble 化一下。

設計師自白:我不想只做一個來自Dribbble 的美工

我簡單做了一下,運用了一下上面說到的比較流行的元素。對比一下,單就第一眼印象來講,會比上面截圖要好看吧。

但這就是一個不合格的界面。

作為一個視頻教學頁,整個頁面全是各種搶焦點的元素。我來這個頁面不是為了點這些按鈕,看這些進度條的,看視頻做動作才是我的核心需求,其他元素老老實實的給我弱化在下面就好了。我不想在看視頻的時候,下面閃著五彩的光芒。

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

同樣認識很多真正在“玩視覺“的人

他們的練習中有對字體設計的研究,有平面海報的構成,有對新銳視覺的探索,有插畫的形態表現手法,有對合成的理解。但是不管哪種,你都能從他們的作品里看到很多新的東西,就拿國內知名設計師Edisonwong7今年發的一些作品來看吧。

設計師自白:我不想只做一個來自Dribbble 的美工

從3D渲染海報,到攝影,到書法,再到圖形語言的表達,UI設計,AI的3D字體效果,平面海報圖形的構成,再到通過流體動態學來傳達視覺語言。并不僅僅因為他已經是一名頂尖的設計師,更是因為他對設計的態度,那是一種熱愛和不斷的追求創新和進步。作為一個工作了這么多年頂尖的設計師,你還能在群里看到他深夜分享他對AI的新研究,或是徹夜通宵只為調整一個渲染的細節。

我覺得這種對設計熱愛和深究的態度才是值得我們去學習的,有這了種態度,我相信才能產出更多不一樣的視覺,更多設計驅動的案例。而不是停留在日復一日的同質化設計中。

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

歡迎關注作者的微信公眾號:

設計師自白:我不想只做一個來自Dribbble 的美工

【優設四月人氣過萬的好文】

使用素材站:
《實用干貨!11個人氣超高的設計素材匯總網站》

自學UI設計的正確姿勢:
《別著急學軟件!先掌握科學有效的UI設計自學姿勢(超全面)》

幽默有趣的前端小課堂:
《零基礎也能看懂!寫給設計師的前端小知識之網頁排版(附實戰)》

設計師自白:我不想只做一個來自Dribbble 的美工

【優設網 原創文章 投稿郵箱:2650232288@qq.com】

================關于優設網================
"優設網uisdc.com"是國內人氣最高的網頁設計師學習平臺,專注分享網頁設計、無線端設計以及PS教程。
【特色推薦】
設計師需要讀的100本書:史上最全的設計師圖書導航:http://hao.uisdc.com/book/
設計微博:擁有粉絲量112萬的人氣微博@優秀網頁設計 ,歡迎關注獲取網頁設計資源、下載頂尖設計素材。
設計導航:全球頂尖設計網站推薦,設計師必備導航:http://hao.uisdc.com

收藏
點贊 4

復制本文鏈接 文章為作者獨立觀點不代表優設網立場,未經允許不得轉載。