萬盛學電腦網

 萬盛學電腦網 >> 網頁制作 >> 交互設計 >> UI自學系列教程之新手入門必備篇(一)

UI自學系列教程之新手入門必備篇(一)

   規范裡不僅講了視覺規范元素規格等等,也會大量牽涉到交互上的設計原則,所以作為一個好UI,在Interface層面上你不單單要懂規范,你還要懂交互,交互是另外一個復雜的話題,以後再說。

  接下來說User

  User是什麼,是你的設計作品的最終使用用戶。很久之前是沒有UI這個職位的,上古時代我們稱之為美工(可惜這麼有歷史的詞現在倒成了貶義詞),或者視覺設計師,後來做Web設計的干脆叫網頁設計師。因為很久以前那時候還沒有UCD(User Center Design)這個說法,所以界面設計裡並沒有加入User的部分,多數只是考慮視覺的美觀。而站在現在的角度來看,以用戶為中心的設計理念已經深入……深入人嘴(意思就是現在大多數人嘴裡念念叨叨用戶體驗用戶體驗,其實他們並不知道什麼是用戶體驗),好吧,人嘴就人嘴,你可以粗暴地理解其為:為人民服務。

  那到底用戶體驗是什麼?用戶體驗是產品設計者/團隊對產品用戶心理的一種把控。用戶體驗設計過程,是對用戶的視覺偏好/行為特征/操作習慣等等等等用戶心理特征通過各種調研方法得出的定量或定性的統計數據與結論,從而用來指導整體產品的功能/交互/界面等方面的設計。

  到這裡,美工/界面設計/視覺/網頁設計師,也就搖身一變變成了現在的UI。也就是說,單單考慮到美觀的視覺設計還不夠,同時還需要把你對用戶的感知和理解融入到設計中去。這就是UI的基本要求,當然……要求是要求,能做Interface的,一抓一大把,真有User理念的,不多

  學會哪些軟件就能做UI了呢?

  內行人一看就懂,這題目分明就是外行話,為什麼外行,稍後再說

  先說下此問題的答案:即便你把adobe系列全學會了,你也不一定能做UI

  從上古時代的“網頁三劍客”到後來業界公認的PS/AI/DW,到最近一些小眾但是逐漸在變熱門的Sketch/Affinity系列,UI使用的軟件逐漸在向更專業化的方向發展,比如說PS CC 2015新增的“設計空間”就非常適合UI界面做布局配色。但是由於PS本身就不是一個專業的UI軟件,新加入的“設計空間”也稍顯雞肋。

  大致總結下目前行業常用的軟件: Photoshop , Illustrator,Dreamweaver,Sketch,Affinity photo,Affinity Design,Sketch,Axure,Mockups,Flash,After Effects。以上是我經常用的和經常見到別人用的UI行業軟件,至於軟件好壞怎麼選擇這些東西略過不表。這篇文章只說軟件與設計的關系。

  為啥Adobe全學會了還不能做UI?

  我們舉個例子:

  圖1:

UI自學系列教程之新手入門必備篇(一) 三聯

  圖2:

zh20151121 (2)

  插句題外話,如果你覺得圖1很好看圖2很丑,那我可能要很遺憾地告訴你,設計行業不適合你,盡快想別的出路吧。

  我從昵圖網隨便找了兩個網頁,好,大家比較一下圖1和圖2,我要說明什麼呢?

  首先,這兩個網頁都是用PS做的,與軟件版本無關,與你用的是Mac還是PC也無關。

  其次,圖1和圖2對PS技術的要求是一樣的,而且PS操作技術要求相當低,初學PS不久的同學就可以輕松地畫出來

  最後,舉個例子:

  你和小明一起學PS,兩個人看同樣的PS教材,看同樣的視頻課程

  你做出了圖1,小明做出了圖2

  你屢次投簡歷失敗,還要為月薪兩三千的底層美工職位擠破頭,而小明已拿到了BAT月薪1.5W的UI Designer offer,轉眼迎娶白富美走上人生巅峰

  為什麼?

  因為 會軟件≠會設計

  許多同學把做UI理解成為”學會軟件了就會做UI“,於是趕緊跑上來問“UI都需要什麼軟件技能?” “PS學到什麼程度就能做UI了?” “達到一個UI設計師的水平需要學會哪些軟件?” 聽了一群外行和半吊子內行說要學PS/AI/DW等等,要學某某某大師的視頻課程,要上某某PS教學網站,要去培訓班系統學習。抱著對眾神百分百虔誠的信任然後趕緊花費大量的時間精力金錢去學PS學AI學DW學Flash(更有奇怪的培訓班還要教CAD和3Dmark,真心理解不了)。熬盡七七四十九個白晝與黑夜,“系統”地學完了一大堆UI常用的和不常用的軟件之後突然感覺自己瞬間打通任督二脈,不僅長出了三頭六臂順帶還精通了十八般武藝,然後撸起袖子做了個圖1……

  你要知道,圖1和圖2之間的差距,與軟件無關。

  中間相差的設計感,色彩感,排版規則,設計技巧等等,絕對不是靠學PS學AI學DW等等等等軟件學出來的,就像我開頭說的,Adobe全學會了你也不一定能做得了UI。

  想起我好多年前剛開始做UI時候認識的一個朋友,年近三十,PS用了9年,快捷鍵耍得出神入化,但是依然在一個小縣城的婚紗攝影店拿著2000的工資做婚紗照的後期

  我做設計的最初一年多,只會PS,是的,除此之外什麼軟件都不用。AI還是後來才摸,DW壓根沒學(設計和Html的關系這是另外的話題,以後再說)

  所以不知道到這裡你明白了沒有:

  不要把你的時間都堆在學軟件上面,鍋碗瓢盆油鹽醬醋備齊並不代表你就能立馬變成廚子。

copyright © 萬盛學電腦網 all rights reserved