雖然說UI設計學習方法這個話題感覺很大,也有點空,虎哥還是要來念叨念叨,盡量的講的詳細點,通俗易懂,學習方法總歸是有的。

常常會聽到這么一些忠告“多看 多想 多做”,這個我也很贊同,也是我經常會告訴新手的。

在我還是新人的時候,我更想得到 咋看 咋想 咋做的方法,那么我就憑自己10多年的設計經驗,講解給大家聽,希望能幫助到一部分迷茫的人。

zaxiang
插圖來自mixpanel團隊

 

你有沒有發現一個問題,每天都在看各種設計作品,真到自己做的時候,一下子全都忘記了,腦子短路傻逼了。之前看到那么多好的設計作品也都白看了,人家的還是人家的,跟你半毛錢的關系也沒有。有沒有這種感覺~?

所以今天要講的是個人的一些經驗,希望看過這篇文章的同學,看完之后有種豁然開朗的感受,找到學習方法或是解開多年心結。

 

強烈建議大家先準備一個小本子

 

問:干什么用了?

答:記錄你每天學會的知識點。也可以理解為學習日記。

  1. 看到了什么好設計畫一畫。
  2. 想到了什么好點子,寫一寫。
  3. 做會了什么或是想要學點什么,都記錄下來。

保證每天學會5個知識點,一個月就是5*30=150,一年就是12*150=1800(保守的算法,不要糾結一個月是31天還是30天)

UI設計要學的真的太多了,膽小懶惰 勿入,這是個坑~!~

 

問:5個知識點?我不知道要學什么?

答:你現在缺什么,你想學什么,工作中要用到的,或是找工作的時候,用人單位寫的招聘要求,你看看你都有哪些不會的,這些都是可以學習的知識點和學習的方向。小到一像素的投影,一像素的高光,虛線做法,這些都是要學習的知識點。

 

具體一點來說的話:

  1. UI是什么?(這個弄清楚了,也是一個進步)
  2. IOS的圖標是多大的,我做多少像素的圓角了?
  3. 字體是做多大了?有沒有想規范了?
  4. 按鈕要做多大了才好點擊了?
  5. 各個欄目的高度,間距又是多大比較合適了?
  6. 常聽到的點9是什么東東?
  7. 切圖是什么意思?如何去切了?
  8. 布爾運算是什么玩意?
  9. PS形狀工具怎么用?
  10. 移動端的ui規范文檔
  11. 圖層樣式怎么用?
  12. 疊加,柔光是什么意思?
  13. PS CC 安裝好了先設置什么,才好用?
  14. 紅色 橙色 黃色 綠色 青色 藍色 紫色 黑色 白色 灰色 這些你都知道怎么搭配好看嗎?(這些就夠你研究很久了吧)

ui入門知識? ?視頻教程大集合? ?UI新人疑惑解答

? ?? ?

? ?? ?

當然還有很多疑問,很多很多知識點,多看看上面這3篇文章。我這里就不說了。

之前開玩笑說,到新手區住上半年就什么都會了。半年的時間是有點長,但是要學的知識確實有這么多。每天都來學的話,半年還不一定你能學會了。所以要講究方法。

要學什么,這個還是要從自己的實際情況出發,學以致用,是我們一直牢記在心的真理。

很多新人什么都想學,什么PS AI Flash Dreamweaver ?AE ?Axure?,這么多你要到什么時候才是個頭啊,Tiger做了10年設計了,都不敢說這些都精通。對于新人,還是老老實實的把Photoshop學扎實了再說吧。其它的再根據需要,一點點的積累。

量變達到質變的道理,相信大家都明白。但是堅持半年的話,你做的到嗎?如果你覺得你可以,請到下面留言,我會監督你的~!。

(題外話)說到堅持半年,我真的做到了。學ui網上線后的半年時間里,一步一步,慢慢的積累起來,每天我都更新幾篇好文章,自己先看一篇,覺得很不錯就轉載過來,也會心血來潮自己寫上幾篇。因為我相信“越努力,越幸運”。

現在的規模,來之不易,心血和汗水。在這里感謝大家的支持!讓我們一起在陽光下奔跑,想想有點小激動~??!~

那么半年時間下來,你的小本子是不是都寫的密密麻麻了。沒事拿出來翻翻看,以后拿給比你還新的新人看,這是哥(姐)當年學習的時候積累的心得,密密麻麻的記錄成長的過程,瞬間嚇尿小學弟學妹。這是多么自豪的一件事。有沒有·??!~

 

你可以這么記錄(打個比方)

  1. 今天發現了一個很好的UI學習教程站 www.7462286.live?(這個也算是一個知識點,不要小看這個,改變你的命運,給你啟發,也許就在這么不經意之間)
  2. 我今天知道了什么是傳說中的布爾運算,看到一篇基礎的教程《教你PS畫信號圖標》,也認識了作者 金多多同學,我很開心。
  3. 群里的大神?Dbear教我圖層樣式高級混合,我收獲很多,學會了鏤空字的做法,哈哈
  4. 在上廁所的時候想明白了投影的做法,3個圖層,先畫一個圓,高斯模糊,復制2個,一個比一個小,降低透明度。
  5. 我發現一個經典的個人展示頁面的版式,我要給畫下來,下次如果需要的話,我就能馬上用上這個版式設計。
  6. 今天看了老狼的教程學會了形狀也能羽化,還有就是路徑轉形狀的方法,好有用~!

我只是列舉了幾個例子,具體怎么記錄,你自己隨意,你記錄的越詳細越好,這是你自己的成長的過程。曬曬我幾年前用過的的小本本~~!

tiger-book

很隨意的記錄了一些想法,和一些圖形,雖然畫的難看之極,只要我自己記得是什么就好~!

當然有人想問這個本子哪里有賣的,我是在好幾年前在家樂福超市里買的,不過我在淘寶搜索了一下,也有很多賣的 要買點這>

 

咋看設計(如何找靈感)

這個怎么看設計,也就是培養審美的能力,首先你要知道什么好看,什么不好看。當你排斥那些不好看的設計的時候,你的品味就自然上升了。

再就是要知道去什么網站上看設計作品??吹讲诲e的設計要采集下來。

花瓣???zcool? UI中國? ?behance??dribbble??pinterest??deviantart? ?APP截圖欣賞站

這里主要說說如何找靈感,當你接到一個設計任務的時候,該如何去快速的執行,快速找到靈感。平時的素材采集和分類至關重要。在看看我的整理。

sucai

sucai1

我的素材庫,分的比較細,東西很多200多G素材。我可以在1分鐘內快速的找到想要的。之前有人問我要素材庫,其實這東西給你,你也不會用,不是你親手整理的,你根本找不到放在什么文件夾里。

當然我也有苦衷,因為早期我沒有規劃好,導致現在資源太多,想仔細分類都難了,所以我強烈建議,趁你的素材庫還不多的時候,一定要好好想想如何歸類的問題。

 

設計師的素材資源庫,就是你的財富,只有自己整理出來的才有價值。關鍵是你要記得東西放在哪里了,不要用的時候找不到了~!

我在這里重點推薦一篇我之前寫過的一篇文章。也是我每次尋找靈感會去的地方,請點下面的圖進去看看。記住這個放在 ? 導航—>經驗 ? 下面。

zhaolinggan

推薦一個非常棒的設計師靈感管理工具:Eagle

Eagle 解決了設計師們頭疼已久的素材整理分類問題,采集插件一拖即保存,多重篩選功能幫助我們快速查找文件,節省了寶貴的時間,絕對是 UI 設計師必備的神器!

咋想(如何去思考)

主要是分析你覺得好的設計作品:

是配色上吸引了你?
為什么這2個顏色搭配起來這么舒服了,我要趕緊截屏到PS里吸取它的顏色看看,整理到一個色彩搭配素材庫里,下次我也這么干。

還是版式設計吸引眼球?
哇塞,這個圓形碉堡了,想法太好了。膜拜啊~!~趕緊保存下來

某一句廣告語言打動了你,讓你記憶猶新?
看看人家的廣告語多好,下次要記得說服公司的策劃人員給點有個性的能打動人心的標題文案。

細節處理的很有新意嗎?
我擦,這個按鈕的高光做的太好了,這是怎么做到的啊,我要好好研究下。找幾個人討論下,到群里問問大家。

背景烘托的很有檔次嗎?
這飄落的綠葉和花瓣是怎么做的,是用的素材還是自己畫的,這素材哪里有,我去找找看。

字體變形,字體排版上很牛逼?
太美妙了,想法太好了,圖形切割的也很有美感,bia ji 趕緊收藏了。

為什么排版上看著很舒服了?
我要好好看看,肯定有規律可循,顏色,間距,構圖,字體,能想到的都想想

大腿都拍紫了也說不上來,就是感覺好~!
我的大腿啊~都青了!555

 

然后在換位思考一下,如果讓你來,你會如何設計了,它的設計手法和細節的處理,你會不會?創意想法上有沒有給你帶來些什么靈感了~

 

咋做(如何去設計或是練習)

  1. 項目中鍛煉是最快的提升的方法
  2. 臨摹一些優秀的界面或是圖標
  3. 參加一些比賽
  4. 做點私活

如果你還是不知道怎么做,那就跟著大家一起做作業吧~!

 

ZUOYE (1)

虎哥耗費了半年的新鞋,啊呸,是心血打造的UI作業網?zuoye.xueui.cn,從此大家伙兒又多了一個好玩的地方啦,嘻嘻。交作業等解答團的大俠們給你點評哦,哪里有錯點哪里。

 

有問題先自行搜索解決方法,實在搞不定了就問,如果是通過自己努力找到解決答案的話,會牢記在心,一輩子都不會忘記,學的會非常的扎實。

幫助別人解答問題,也是一個快速提高的方法,既幫助了他人,也讓自己的知識累積的更加穩固。

 

最后希望大家在看完本站上任意一篇文章的時候,積極的在下面留言,說說你的感受,或是寫下你的疑惑。我相信路過的人看到了也會幫你解答的。

大家互幫互助,從評論開始吧。希望大家都能參與進來,一些探討,互相點評作業,會挑毛病也是一種學習的方法,說明你看的到問題所在。

當然有人給你的作業找出了錯誤或是建議,你應該很高興,只有發現了自己的問題或是不足,才會提高,最怕的就是不知道自己的東西哪里有問題。

 

希望看過這篇文章的同學都能有所收獲,我這一天的時間也花的值得。

IMG_8500

2

 

作者:Tiger(虎哥)

誰的青春不迷茫?誰的職業路程更清晰?虎哥團隊幫你來解答咨詢②群 :238079364

文章來源:www.7462286.live

轉載請注明:學UI網 » UI設計教程之UI學習方法(咋看,咋想,咋做)

登錄收藏
 
你可能喜歡的:
引導設計里被忽略的,那些你所不知道的細節引導設計里被忽略的,那些你所不知道的細節
9個技巧助你設計出有創意的圣誕海報9個技巧助你設計出有創意的圣誕海報
看看你的手機鍵盤,隱藏了多少設計細節?看看你的手機鍵盤,隱藏了多少設計細節?
被放大的體驗和被設計的生活被放大的體驗和被設計的生活
運營專題高效設計法(上)運營專題高效設計法(上)
快速了解“私域流量”快速了解“私域流量”
四步教你提升表單設計的用戶體驗四步教你提升表單設計的用戶體驗
確定會使用視覺分隔符嗎?干貨在此!確定會使用視覺分隔符嗎?干貨在此!
閱讀了120多本書,得出了這些看書技巧閱讀了120多本書,得出了這些看書技巧
用戶體驗一直在提升著人們的生活質量用戶體驗一直在提升著人們的生活質量
?
天津十一选五app