UI設計師想提升設計力,該怎么做?
筆者的話:文章內容比較淺,適合剛入行的設計師,如在校學生和工作 1—2 年卻沒什么明顯提升的設計師。輸出的觀點(廢話)也比較多,所以貼心地(不得已)給你畫好了重點。
發現問題
下面進入這次分享的主題,如何自我提升設計力。既然是要提高,那相對于之前的設計力比較而言,那你需要有發現作品存在哪些問題的能力。
大家可以看一下上面的這個作品,希望你們可以試著回答兩個問題:
· 你覺得這個作品怎么樣?
· 你覺得好或不好的原因?
這里我不會直接給出答案,我想提供一個解決思路:去比較一些大廠出品的成熟的同類型產品。
這是一個音樂播放界面的作品,我們找了網易云音樂和Spotify的界面來做一個對比。這樣你明顯能感受到后兩者和前面的差異。如果你還是區別不出“好和壞”,繼續問為什么?
· 為什么網易云音樂和 Spotify 都做了類似“毛玻璃”的背景處理效果?
· 為什么網易云音樂和 Spotify 的播放等按鈕都都使用統一的色調?
第一個問題對應的答案可能是:需求層面上是由產品的氣質決定的,設計目的上是為了營造音樂的氛圍感和沉浸感,而不是像前面那樣的“五光十色”;
第二個問題對應到的需求和設計的目可能是:相似功能需要的平衡性,弱化視覺元素來突出重要內容。
發現問題的能力很重要,而不是簡單的說好和不好。我希望通過這兩個問題的解決思路能給你啟發。初期遇到的問題,建議先多問自己為什么并分析,還可以多和一些好的產品去做對比。實在不行那你還可以去 Google 。最后還是無解再去請教前輩。畢竟能自己解決的的事情就不要去麻煩別人,而且從別人那直接得到答案遠不及不是自己分析得來的收獲大。
總結:和優秀的作品去對比,多問為什么?從設計技法反推出產品需求和設計目的。
提升的三個階段
如何才能做出優秀設計?
答案很簡單:沒有捷徑,就是多練。練習當然也要分階段和方法。且在練習前的審美也很重要。下面先談練習的幾個階段。然后再談審美。
一、純臨摹
你所看到的“大神”都會經歷過臨摹階段。臨摹并不可恥,把臨摹作品據為己有才可恥。
這個階段主要適合剛入行時學習軟件技法,你有的那些奇思妙想最好先藏好,不要在這個階段去實踐它,你技法不過關的時候,改造出來的只會是怪物。找到一個優秀的作品,通過一步一步的臨摹100%的去還原它,你除了能學到原作者實現效果的技法,更重要的學會了一個成熟設計的的審美和經驗(比如上圖里的配色方法和元素布局的比例)。
二、半創造
這個階段指的是:你有了一定的軟件技法,然后在別人優秀的設計上加入一些自己的想去嘗試微創新。
這兩個作品都非常漂亮,如果沒人告訴你,基本不會知道到底先是有哪一個。相同點是材料的質感和前后關系的陰影處理,不同點是新的配色和元素布局。左邊是 Javi Pérez 的作品,右邊是音樂的奉獻 Rebound 的作品。當然音樂的奉獻已經是非常優秀的設計師了,還舉這樣的案例是想讓你知道好的創造應該是什么樣的。
三、純原創
你的技法能實現你的想法階段,除了需要你有一個好想法,也可能需要你擁有一些綜合技能。
這個動效作品在 Dribbble 的總排行榜上排名第四,6600次點贊量。已經是 Zee Young(國內設計師) 2015的作品了。一個好的想法配合上UI、插畫和動效這些綜合技能在這個超受歡迎的作品中發揮了巨大作用。這個就屬于原創作品階段,我們每一位設計師都希望到達這個階段,并能設計出屬于自己的代表作。但要明白:沒有前兩個階段,是永遠沒有這一步的。
做出一個優秀的作品具體需要的條件總結:
· 首先要有好的想法
· 擁有過硬的軟件技能
· 執行力
執行力
選擇你感興趣的領域,通過以上三個練習階段,相信第二點的軟件技能是一定可以過關。那執行力和和想法從哪里來?
先聊一聊執行了,好的想法和審美聯系密切,篇幅也比較多放后面。在工作之余的執行力即自我驅動力。別人可以愉快地去吃雞的時候,那到底是什么樣的動力讓你你偏偏去做設計練習?我以前在微博寫過一句話應該可以回答:想要的東西不一樣,所以付出的努力也不一樣。也就是選擇決定方式。
自我驅動力大概分為三種:熱愛型驅動、利益型驅動和目標追逐型驅動。
熱愛驅動型:這種動力來自于內在,你可能從心底就喜歡設計。每完成一個作品都會有一種幸福感或者成就感。人經常在做一些自己喜歡的事情時,會進入一種“心流"狀態。比如當你徹夜在學習某種新的技能時進入了一種忘我的境界,天突然就亮了,而你卻不覺得疲勞反而是興奮。(這里不是建議大家熬夜,只是舉例,但實際情況很多優秀的設計師都是這么過來的)如果你擁有這種動力自然而然會讓你進步。
利益驅動型:你知道專業技能的提升能夠帶來明顯的回報,為了追求職場加薪或是更好的物質生活等都可以成為你的動力。現在有不少的平面設計師(甚至完全不相干的行業)轉行去做UI。少部分是由于喜歡,大部分還是覺得UI的薪酬高。不管是哪種原因,想做那就去做。不管在哪個行業,只要你做的好,就會有相應的回報。但也要有沒做好的準備,可能得到不到你所想要的。(其實平面做的好的薪酬高的也多了去了)
目標追逐型:設計對你來說可能就是一份工作,談不上有多熱愛。你又想獲得一份不錯的薪酬,但薪酬又促成不了你執行的動力。這個時候可以借助偶像的力量,你的偶像可以是設計行業的,也可以是任何其他行業的,只要你能在他身上發現閃光點,看著他做的越來越好步,這種類似近朱者赤的陪伴也會讓你在自己的行業付出經歷去做的更好。
那如何加強驅動力?有一個詞叫刻意練習。具體的就是把上面三個階段列一個時間計劃并強制執行。我們常常可以從一些網站上看到:UI一百天、海報365、每日一練等等,最知名的要數使用 Cinema 4D 每天制作一張圖的 Everyday 藝術家 Beeple。有計劃的去持續做一件事,一個月后就會有量變,一年后將會產生質變。
好的想法源于哪里
好的想法往往來自你的記憶重組,你把符合項目定位的那些以前的見聞重新剪輯出來,組合并創造。通常情況下你可以從以下幾個方面獲取一些好的想法
多體驗
多體驗一些有趣的產品 ,可以經常逛一下 App Store 和留意一些公眾號的推薦,去體驗那些被推薦的新鮮的優秀的產品,保持對產品市場的敏感度。也可以多關注你負責產品的競品,分析和學習別人在交互和視覺上好的的地方。還有就是多去體驗生活,好的設計大多來自生活。
多記錄
你看過的那些好設計、好文章、好產品,你喜歡的原因,使用心得都可以記錄下來。針對不同的對象,記錄的方式可以是直接收藏,也可以是臨摹+創造,也可以是寫文字。很多好的想法只存在瞬間,過了就不再想起。個人喜歡使用「錘子便簽」來記錄一些感想,「有道云筆記」來分類整理工作需要用到的東西。
多看
什么都看,只要是好的東西都可以看。總之就是不要局限在某一領域。你做UI,那你也要去看平面的東西,還有攝影、3D、建筑、美女等等,看這么多是為了訓練你的審美,幫你開闊視野和格局。
看的轉化
當我們看攝影,可以學習他的構圖和色彩搭配,轉化為一些漂亮的小插畫。除了轉化原有的色彩搭配,你也可以嘗試一下其他的色彩,鍛煉你的色彩搭配能力。
比如你看平面的時候,除了學習版式和一些元素應用,我們還可以結合3D試試。
這是我15年做的數字海報,然后用C4D包裝一下可以是這樣的。
通過C4D噪波把攝影作品轉化出來的新壁紙。
也可以把平面+3D結合做成動態的,像天貓這樣。
打開你的腦洞,多組合,多嘗試。設計的共通性和跨界性能給你帶來更多的創造性。
看的過程就是訓練我們審美的過程,盡可能的找到一些優秀的學習榜樣。如果你的參照對象只有60分,那你做出來的東西肯定是60分不到的,甚至可能只有30分。但如果你學習的對象有95分,那你以他為參照學習,那你至少有也會有80分。
看平臺首推
可以多看一些Behance、Dribbble、站酷的首頁推薦。注意正確的觀看方式,不是打開一個作品,走馬觀花的刷到底,只記住了“版式炫酷”,然后驚嘆:哇,首推作品呢,很牛X。回復個666,評論個膜拜大神。這種評論是最沒有營養的。不管你是吹捧也好,還是真心贊美也好,你還可以換個形容詞啊,學學 behance 和 dribbble 回復個 amazing、awesome 等等(開個玩笑)。你真正需要做的是去看他的設計思路,如有需要可以一個字一個字的去解讀,看他講解設計背景,設計思路和流程,還可以看他的包裝結構。如有不同的觀點,你也可以提出自己的疑問,只要你是用心思考的評論,我相信作者也會用心給你回復的。
關注牛人動態
當你看到好的作品時可以順藤摸瓜,關注一下設計師,你可以發現更多你喜歡的東西。
比如在 Dribbble 上看到了這樣一個3D圖標作品,我了解到這個作品屬翔哥的( Celegorm),通過翔哥關注的人,我又發現羅子雄,通過羅子雄我又發現了CG領域的徐天華,平面領域的 Nodyoung,這種過程感覺就像發現寶藏一樣。
除了關注他們的作品動態,你也可以關注一下他們公開平臺的生活動態,比如 Instagram 和微博。看他們生活中的狀態和對待世界的態度。有人會分享外出的旅行,有人會分享新裝修好的家,新人會分享新換的跑車...他們所經歷的都可能是你即將體驗的。往積極(雞湯)方向想,看到別人的法拉利,你是否會也想擁有一輛,從而會變成你進步的動力也是好的一面。
建立一套靈感庫
把你看過的那些美好的東西收藏起來,分類越詳細越好,線上的工具你可以使用 Pinterest 和花瓣。線下你可以使用 Inboard 或者 Eagle。如果你自己的審美不夠,那還可以關注一些大咖,看他們的收集,再篩選出你喜歡的。比如花瓣上的 skys,Miedum 上的 Muzli。
綜合技能
新人面對綜合技能的時候往往會迷茫?不確定要學什么?該不該學?我想告訴你的是:不論是你在產品中把做用戶體驗做到極致還是在面試官面前展示,綜合技能都會你帶來巨大的優勢。但需要明確的是平面和UI是根基。
如果有兩個面試者同時去面試UI設計師的崗位,一個只會做UI,但能做到85分,另一個UI、3D、動效什么都會,但每項只有60分,那毫無疑問,第一個更有機會得要這份工作。所以先把一個領域研究透了,再去學習一些其他技能也不遲。當然你若是能同時把幾項技能都玩的很6,那我給你小心心。
多閱讀
只顧手頭功夫也不行,還要多閱讀,你要明白設計背后的目的。
《破繭成蝶》是我在大學時候看的書,當時非常受啟發,現在偶爾也會翻一下。大的方面它會給你講項目流程,不同的角色任務,小的方面,為什么界面是這樣布局?不是這樣又帶來什么影響。總之圍繞用戶體驗的一切都是有原因的。比較有閱讀欲望的也可以去看《設計心理學》和《About Face》系列。好的書太多了,就不一一舉例了。反正買就對了,畢竟買書是一件極具性價比的事情(投資自己)。
進階產品思維
以上單項技能你都get了的話,下面該提升產品思維。記得在大學的時候學習過一門叫《目標導向設計》的課程。這門課的內容是這樣的:開始讓我們親自出去采訪調研,然后再畫原型圖,做視覺稿,最后還要用視頻講解的方式呈現出來。這就讓你參與了整個產品流程,而不是只關注和陷入自己的視覺那一畝三分地,“上帝視角”看問題會讓你避免局限性。
這里有幾個方法可以加強你的產品思維:
參加比賽
比賽首先讓能你參與真實的項目,其次你還可以看到一些前輩在和你做同一個產品的時候,他們的是如何思考的以及使用的設計策略。還有就是和別人相互交流的獲得反饋。參加行業交流會議也可以收獲很多,比如IXDC大會,許多業界資深人士會在那里分享經驗。
Redesign產品
你可以改版自己喜歡的產品,也可以改版那些體驗反人類的產品(據說 12306 是被改版做多的產品)。再設計的過程一定要注重設計流程的完整性。從產品定位到用戶畫像,再到交互原型和視覺界面,每個流程都不要少,最后還可以用動效包裝一下再發表出去和別人交流(代替工作中的驗證反饋)。在設計作品中盡可能保持真實的配圖和文案,有的人確實用了真實的圖片但使用的圖片比較Low而且風格不統一,這里建議要統一處理圖片色調和圖片里元素位置比例。
做未來的設計
VR/AR已經火過了一段時間了,現在雖然有點退燒,但仍不妨礙它會成為人類下一個計算平臺。那個時候VR領域的交互設計師和3D設計師將會是稀缺人才。作為設計師也可以抓住這個機遇窗口,學習新的技能,可能會讓你找到當初學設計時的興奮感,還有你提前掌握這些技能或許可以獲得下一波漲薪紅利。配圖為站酷大植子Daz_Qu的VR概念設計作品,他同時也分享了自己設計的詳細過程,感興趣的可以過去學習一下。
回到工作
以上說的都屬于課外活動,最終我們最后還是要回到工作中。把你學習到的技能帶到負責的產品中:重新梳理產品定位,分析線上的問題和收集用戶反饋,研究流行趨勢確定設計風格,重新做一個產品改版的概念稿,最后和團隊評審改進不足的地方,最終主動推進產品的改版,這就是設計師的主動性。
平時
沉淀自己設計經驗的最好方法是分享和復盤。定期的復盤,可以讓你避免在過去產品中犯過的錯誤,總結出問題與經驗,發現新的解決思路,從而提升個人能力。分享可以鍛煉你的產品構架能力,比如寫文章和做PPT,都是要有邏輯清晰的大綱然后才是輸出的具體觀點,同時還可以幫助新人一舉兩得。
最后想對大家說的是:做好當下,保持好奇心。
筆者的lofter丨mengggo.lofter.com 大家可以去交流設計(一起荒野吃雞)。
圖片 丨 akshitachandra.com