對於新人來說,關於 UI 設計並出現在自身上的一些問題?

可能對於很多想從事UI設計的新人來說,如何邁出第一步、如何學習等所有關於進入這個圈子的問題,我也是其中之一。

起初,喜歡收集一些不錯的設計作品,不斷的臨摹,說實話,很少在網上去深入的了解UI,根本不會去分析設計師的設計做品,我的UI過程就2個,找個不錯的參考物到臨摹,一直在這2者之間不聽徘徊;直到現在,拋開參照物,我腦袋裡一片空白,無從下手,幾個月時間,除了一些技法,什麼都沒學到。我整理了以下幾個問題,想請大家幫忙解答,讓很多和我一樣對UI充滿熱情的童鞋不在迷茫:

1、如何進入UI這個圈子?

2、如何學習UI設計?

3、值得學習的UI網站

4、UI常用到的幾款軟體

5、一些有用的素材網站

6、和UI設計有關的一些不錯的書籍(入門和深入的分開)

7、一味臨摹對於成長的好處和壞處


今天有點小失眠,雖然事情很多,但是看到這個列得很詳細的問題還是想來盡量答一下:

如何學習 UI 設計?

作為一個野路子實戰派,其實我很反感「學」這個詞。高二以前英語一直是我頭很痛的科目,但是過了一個暑假之後突然自己的英語成績從 60 幾分漲到了 80 幾分(好吧,其實也沒提高多少,但是對於我這種半學渣來說已經很不容易了……)。這個改變是因為那年暑假期間迷上了《足球經理》這個遊戲,玩過的朋友知道這裡面做主教練時跟球員、媒體、對手打交道的交互牽涉不少長段長段的文字,而當時的漢化補丁還不像後來那麼繁盛,所以那一年的整個夏天我都在起早貪黑地啃英語,雖然這個「啃」的過程也就是「學」,但最重要的一點在於我是有目地去學,並且希望儘快地把學來的內容應用起來。

後來走上 UI 設計師的道路也是這樣,跟所有人一樣我也是從臨摹開始的,但是在一些機緣巧合之下開始把臨摹偷師來的技法應用到了實際項目當中。現實當中這樣的機會可能要靠自己尋找也可能一直都不出現,但總有解決的方法,比如 Medium 上的這位設計師 Evan Dinsmore (當然,他已經是一個比較成熟的商業設計師了),他給自己一個挑戰,每周重新設計一個產品:Redesign Challenge (1/52): Designer News for iPhone。這樣的形式我覺得還是挺贊的,簡書上也已經有了國內設計師效仿:Weekly Design Challenge (1/20): 睡眠應用 Sleep Cycle 重設計,這種模式跳出臨摹但又已經有範本不至於完全無從下手。找一個有自己看著不爽的地方的產品去重設計吧,開工之後你可能會慢慢發現很多細節,比如作者沒有用我覺得很好看的白底,原來是因為黑底變白底之後頁面往下滾就和背景斷開了……等等諸如此類的過程有可能燒腦,但這才是「解決問題」,也是我覺得「設計師」最應該做的。

一味臨摹對於成長的好處和壞處

壞處已經說了,但好處也是有的,還是拿我自己的例子,我覺得我的臨摹階段就太少了,加上自身美術功底的缺乏,很多技法我只能去看,自己做不出來。所以樓主不必太灰心,你說「除了一些技法,什麼都沒學到」,技法牛 X 沒啥不好啊,技法練到一定境界也是需要功夫的。

好像又有睡意了……明早還要開會,那先佔個坑吧……回來再填


累死累活的2天回家,明天還要趕車去上海。深夜未睡,看到老大JJ和D神都回答了列表問題相關,我就從文中提到的:直到現在,拋開參照物,我腦袋裡一片空白,無從下手,幾個月時間,除了一些技法,什麼都沒學到~~~~~~~~~~~~入手說一說吧。

題主,其實我覺得這才是你的痛點有沒有?

語文太好的人,經歷過這個階段的人總是體會深一點。

占坑,等有時間再碼…不然明天趕不上車…


不請自來,知乎首答~

入行一年多,說一下我的經歷吧。

大學本科是程序員,整天無所事事,玩網遊打dota,前三年下來什麼都沒學到,第四年因為畢業設計的關係自學了前端網頁方面的代碼,在做畢業設計(一個在線小說網站)的時候偶然間發現,原來網頁除了要實現功能之外,整個頁面的排版,顏色等等都需要花很多的心思去處理,而我也在此發現了自己的興趣點——設計。

畢業之後想找一個網頁設計方面的工作,對一個只會一點簡單的前端代碼,PS用起來都很生疏的應屆大學生來說,找工作的難度可想而知。在各個大大小小的公司碰了兩個月的壁之後,我決定去一個培訓機構培訓。

到了培訓機構之後發現除了網頁設計師之外還有一個叫做UI設計師的東西(沒錯,我之前完全不知道還有這麼一個職業),自己從百度、設計網站等等各個渠道詳細的了解了UI這個行業之後發現,原來我喜歡的在這裡!就是他了!

培訓的內容很枯燥,剛開始就是了解軟體,主要是PS。AI至少要能簡單的使用,還有Sketch、AE、Axure這些軟體最好還是都去學一下,起碼我現在還是會經常使用的。

PS基礎過後就是大量的練習,臨摹各種擬物設計,當然也是從簡單的一個球,一個按鈕什麼的再慢慢向一個照相機,一輛車這麼循序漸進的臨摹。在PS基礎課程之後基本都能了解要實現一個效果應該用什麼方法,當你在臨摹的時候應該能夠分析出來它的光、影、質感等等是通過什麼工具來實現的。臨摹完成之後,找出差異,然後和自己的作比較,研究為什麼會出現差異,再修改。這裡可能會遇到你不會改的情況,就是做不出來那種效果,比如說明明都是陰影效果,為什麼他的好看那麼多?這裡就需要你去問,問朋友,問老師,問網上的大神,總之你要去搞清楚差異出現的原因,多遇到幾次這樣的情況,你就會多會幾個表現技巧,對以後的發展很有幫助。臨摹不止是臨,要想!

擬物設計之後是主題設計,鍛煉你對整體風格一致性的把控能力。我們當時正好有站酷的各種主題比賽,就按比賽的要求來做就好了。我記得我當時還做了一套表情。

接下來界面設計,在開始設計之前多去了解一下各種系統的設計規範,這很重要,我剛開始設計的界面其實不是app的,是車載的界面,然後還做了軟體的界面設計,最後才做的app,我這裡做的這些界面都是老師自己的私單,有客戶方詳細的規範要求什麼的,然後我們做完之後大家再拿出來比較、討論,多做幾次之後自己就能對設計規範有一個準確的認識。

其實總結起來無非就是多看多想多練!

關於手繪,對我們這種半路出家的設計師來說,最頭疼的應該就是缺乏美術功底,這沒辦法,我現在也在每天晚上回家練習畫畫,慢慢來吧。

我平時上的網站主要就站酷、dribbble、behance、花瓣、pinterest、UI中國這幾個。

我喜歡這個答案 @酸梅干超人從零基礎如何自學 UI 設計? - 酸梅干超人的回答

希望我的經歷能幫助到題主,希望我們能在設計這條路上走得更遠,共勉!

新人勿噴,歡迎各大神指正!


我最尊敬的師傅,小恩愛的CEO 黃宇韜先生,在我剛入行的時候告訴我

新手做設計,不要創新,不要創意,更不要去創造

這麼簡單的道理,很多人都不明白啊


推薦閱讀:

知乎的Android客戶端已發送私信右對齊合理嗎?
UI 設計師在給 iOS 或 Android 開發者提供資源圖的時候需要注意哪些細節?
為什麼幾乎每個人都試圖插手頁面設計?有什麼解決辦法?

TAG:用戶界面設計 |