寫在之前:“大家好,我是學UI網創始人虎哥,2004年入行設計至2019年已經有15個年頭了。作為一個行業前輩,從建立學UI網那天起(2013年11月11日),學UI網定位是:專為新人準備的免費學習UI的學習資料站。一直努力影響著千千萬萬懷揣設計夢想的新人,希望大家少走一些彎路,提高認知水平,能早日入行UI設計,并成為資深設計專家。這是一篇改變了很多人命運的學習指南,從2014年至今一直在不段的優化更新,閱讀量破200萬的爆款文章,太多人從這里起航!閱讀這篇爆文可以讓你快速掌握UI學習思路和方法,是很好的啟蒙老師。“

下面是虎哥(學UI網創始人)私人微信號:hu2020 (請備注來意,不然不通過哦)

如果希望虎哥根據你的情況幫你指導學習方向和建議的,請提前寫好個人詳細情況,溝通起來才暢通。有時候比較忙回復不一定及時,但肯定會回復,請耐心等待并諒解!

 

首先先來快速分析一下UI行業的過去、現狀和未來

過去:UI從iPhone 4發布以后迅猛發展,2013年隨著國家號召全民創業的口號響亮喊起來以后,掀起了移動互聯網創業風潮,同時大量風投機構揮灑大量的金錢注入移動互聯網產業。

招聘市場甚至出現有錢卻招不到UI設計師,供不應求導致UI持續高收入(入職就是8-10k很普遍),吸引了大量人員轉行到UI設計行業。學習UI成了高薪走捷徑的一個手段。

但到了2018年夏季,全球經濟遇到發展的瓶頸,出現了危機。加上中美貿易戰的影響,國內風投機構開始冷靜,不再輕易投錢給創業公司。很多公司出現資金鏈斷裂,陸續傳出倒閉或裁員。

現在:目前公司在招聘UI的時候比較冷靜,會認真對比選擇性價比最高的UI設計師。同時UI同行間的競爭也逐漸激烈,沒有系統學習過UI設計的同學,或者作品集拿不出手的同學,就失去了競爭力,找工作自然就困難了。

UI行業并沒有飽和之說,只是很多人能力達不到現在的行業要求罷了。優勝略汰是必然的社會進度的現象。試問哪行哪業人不多呢?

未來:5G普及后,UI會成為一項非常基礎的一門技能,人們越來越離不開手機,和智能穿戴設備,5g、大數據、物聯網、人工智能越來越落地,有需求就會有市場,也會增加更多就業機會。

當然,對UI設計師的綜合能力挑戰更大,咱們只能通過刻意練習,終身學習,不斷根據市場的變化不斷學習,才能不被市場淘汰。

總之從2018年下半年開始,UI設計入門的門檻明顯感覺提高了不少,主要是從UI就業情況得出的結論。所以,如果你想吃這碗飯,要付出很多努力和時間,特別是非設計專業或者學歷低的同學更要明白一個道理:“你只有花費比設計類專業畢業的同學更多的時間學習專業知識和創作原創成套的設計作品,才有機會跟他們抗衡。”當然,有很多跨行人通過刻意的練習,一步一步的成為了大神(zcool上挺多轉行學設計的大神)。其實說到根上,就是一句話:“你有興趣學,想好就是干!

5年后的UI設計圈會怎樣?

 

看到這里,我想大家腦海里應該覺得,UI已經離不開人們的生活了,UI設計會成為一門非常普及且非常基礎的入門知識了。任何公司想做生意都需要UI設計的支持,因為未來智能手機、VR、AR、各種智能終端設備會越來越普及。虎哥認為,學UI設計的人每年都會越來越多,以后的大學都會慢慢把這當做一門專業課,甚至在中學就開始普及教育了。

 

學UI第一階段到底要掌握哪些知識和技能。

如果你也想成為一名UI設計師,卻感到很迷茫,不知道從哪里開始學起,那這篇集合貼就是為你準備的。

 

先說說UI到底是什么?

User Interface(用戶界面),簡稱UI,是指對軟件的人機交互、操作邏輯、界面美觀的整體設計。

UI設計分三個分支:

1、研究界面—-圖形設計師Graphic UI designer,簡稱GUI,國內目前大部分UI工作者都是從事這個行業。包括(網頁設計,軟件界面,移動端界面設計),每天工作做著各種界面設計。

2、交互設計,做整個項目的交互流程。

3、用戶體驗研究,主要是通過各種方法去了解用戶現在需要什么樣的體驗什么樣的界面,從而對這個項目的總體性體驗做決策的。

用戶界面設計是屏幕產品的重要組成部分。界面設計是一個復雜的有不同學科參與的工程,認知心理學、設計學、語言學等在此都扮演著重要的角色。

用戶界面設計的三大原則是:置界面于用戶的控制之下;減少用戶的記憶負擔;保持界面的一致性;即要符合用戶的心智模型。

好的UI設計不僅是讓軟件變得有個性有品味,還要讓軟件的操作變得舒適、簡單、自由、充分體現軟件的定位和特點。

圖標,界面,交互知識都是需要長期的經驗積累,所以UI這條路很長,要學的技能很多,大家加油吧!!

從上張可以看出UI設計師工作日常的主要內容是和各種屏幕打交道,多終端設備的UI界面設計。還有比如車載導航操作界面、大屏幕數據展示后臺界面、線下購物結算界面、VR、智能設備、銀行自動取款機等等,只要是在屏幕上操作的就算UI的范疇。

UI和平面有啥區別了?通俗解釋一下,UI是在屏幕上可交互可操作,用戶操作后要有及時反饋。而平面一般是在紙質或者特殊材質只能看卻不能交互操作,主要是印刷品。應該理解了吧。

 

那么UI設計師工作中都做些什么事?

uishisha
圖片來自國際知名設計師平臺?https://www.behance.net/

最終一定要做出拿的出手的作品集,才能找到工作。

在日常工作中,UI設計師一般要做的事情還挺多的(手機端UI和網頁UI大多數情況由同一人完成,大公司分工比較細,可能會分開)

  1. IOS和安卓,兩大平臺的UI界面設計
  2. 小程序界面設計
  3. H5頁面設計
  4. 網頁設計(產品類、平臺類、活動頁、介紹類)
  5. 后臺界面設計(主要是管理APP和網頁上的內容發布的后臺系統界面)
  6. 大屏幕大數據展示屏界面設計
  7. 界面視覺規范,標注尺寸(手機端或是網頁平臺或軟件)
  8. APP切圖資源導出給程序員(手機端)
  9. 圖標設計(啟動圖標和界面功能圖標)
  10. 會畫基礎性的原型圖,有交互邏輯思維。(原型繪制不難,就是一個軟件掌握就行,難在要有交互邏輯思維,這需要多思考。)
  11. 會做一些基礎的AE小動畫(比如加載刷新小動畫啥的,局部的)。
  12. 提交到各大平臺的運營推廣圖(運營設計的活兒一般比較頻繁,各種尺寸,橫豎屏)
  13. 展會海報、易拉寶、logo、名片等平面

UI設計師要學很多才能獨當一面。一般的創業型公司都會招一個綜合性比較強的UI設計師,導致UI設計師入行的難度在逐漸提升。整個行業知識也在更新迭代,所以2019年入行的UI設計師比前幾年難度要大了幾倍。

最近流行一個名詞,全棧設計師或者全路鏈設計師,其實就是身兼多項技能的尊稱,一方面隨著已經入行UI的人員越來越多,能力普遍也越來越強,大家都在不段的累加技能,特別是高級設計師一般都具備多項技能,一個人頂幾個人用,設計考慮的也更深入一些。對于從業人員來說,工作量是變大了,要做的事兒多了嘛,對于企業來說,撿了大便宜了,花最少的錢獲得身兼多項技能的設計師,隨時時間的推移,未來發展我覺得會慢慢趨向于多項技能與一體的綜合設計師會很多,這是時代的發展趨勢,也是競爭出來的結果。

如果是進入中小型公司,目前2019年的行情,一般都要設計+交互都要涉及到,交互上一般只要能繪制基礎的原型圖,能讀懂設計需求,或者是能對需求進行歸納分析制作成原型圖就行了,不會像大公司的專業交互設計那樣那么嚴格的要求。

另外來看一看目前大公司UED團隊的分工(見下圖)。分工比較明確,專業的人干專業的事兒。效率更高,產出的價值更大,為企業創造更大的利潤。

看到這里,總算明白為什么UI設計師比平面和電商設計師的薪資普遍要高一截的原因了,技能上要掌握的實在是太多了。

現在還有一個非常尷尬的事情:“目前行業里在職UI基本上都能做一些平面和電商的設計工作,反之就不行了。”

從2019年整個職場招聘的要求來看,UI設計師需要掌握四大核心知識結構才能找到UI工作:APP小程序網頁后臺界面H5

上面這個視頻是虎哥徒弟們做的一個動效作品集合,目前UI設計師越來越注重動效的表現,前提是你的界面一定要做工精致、交互合理、視覺舒服。

看到這里很多同學會覺得UI設計還挺復雜的,要學的東西好多哦。沒錯,確實很多東西要學習,并不是一個簡單的工作。因為有挑戰,所以才更有趣,更好玩!

 

需要學習多久可以達到找工作的要求呢?

這個問題大家一定非常的關心了,在這里和大家說一下,你要注意這個時間節點,不要報僥幸心理。下面的時間,是按照我們自己的課程設計來舉例的。UI學堂 https://www.ui66.cn,也可以了解一下我們的課程安排,心里有一個數。

如果你是完全0基礎的新人:先學軟件(見下面介紹),ps ai為主,正常來說至少需要2-3個月的。(可能很多人還只能勉強會用,說不上特別熟)

如果你已經掌握了PS和Ai,或者本身就是做平面或者電商、網頁等有設計基礎的:至少需要系統學習4個月,主要是UI內容非常多,不難,就是需要時間去一點點消化。

準備作品集:至少需要1-2個月,找工作就靠作品集了,每一頁1920-1080尺寸的pdf格式文件,一般要準備50頁左右,才豐富有說服力。

找工作需要準備的原創成套的案例作品看這里>>

數學好的人,一看就知道時間怎么相加了,也就是完全0基礎的同學,至少需要學習6-8個月,并且是系統的學習。自學的話時間更難計算了,給不了建議。

記住我說的:任何少于這個學習時間的課程,都是達不到入職要求的。這句話你若仔細理解了,你就不會被人騙了。

現實世界其實有很多坑,很多小白啥也不懂,一激動一拍腦袋就入坑了,欠一屁股債不說,最后還沒找到UI工作,只能去做小美工了。哪里出錯了?

 

很多人在群里會問,我是自學還是報班啊。這個問題回答的嘴都軟了。

虎哥的建議是分二步走。

第一步學常用軟件

很多新人都特別對軟件感興趣,先來看看UI設計平時都會用到哪些軟件。工欲善其事,必先利其器。


虎哥常用的一些軟件給大家看看,看看你會用哪些個?第一排是主流常用軟件,第二排是一些輔助小工具,提高效率的。

目前行業里做界面主要是用Sketch(mac電腦)或者XD(mac和pc都能用),處理圖片(活動頁之類的)還是以PS為主。交互原型工具目前挺多種選擇,比如Axure、Mockplus、xd、Sketch都可以做常規的交互原型圖,但是要想做逼格高的動效交互原型可以用ProtoPie、Principle、Flinto。標注用藍湖,圖片素材管理用Eagle,字體管理用HelloFont。

軟件太多了?不知道怎么選擇,那就按下圖來吧,這是目前最主流的必備軟件,我們的高級UI課程就是以這個為主。沒有標MAC的就是PC電腦都能用的。

如果你軟件PS、AI都不會用,或很菜的情況,可以先報一個只學軟件的在線培訓班,1千多學時在3個月左右。可以了解我們的軟件基礎班>>

也可以購買在線視頻課程只要1-2百元左右,但從效率上來說,報在線培訓班會掌握的更快一點,主要是老師們把重要的知識點圈出來了,少走很多彎路,節約更多時間。現在在線學習也非常方便,效果也挺好的。

千萬不要一拍腦袋啥都不清楚的情況下,就花2萬塊報了宣傳語是3-4個月年薪20萬的培訓班,那就呵呵噠了,你以為錢是這么好賺的,3-4個月肯定是不夠的,幾乎不可能的事兒。3個月也就是能把軟件摸熟一點,能不能自己創作設計出來東西,還是有很大困難的。現在UI行業要求越來越高了。

如果你英文馬馬虎虎,也可以看看國外大神級的Martin?馬丁老師的一套視頻教程,本課在海外被譽為Adobe培訓第一課。老師講課非常生動、非常有趣,國內銷量很高。

Ps大師課:PhotoshopCC2018教程” Ai大師課:Illustrator 2018教程

課程介紹>>

課程介紹>>

 

PS是一定要熟練掌握的??★★★★★

ps

對于入門階段的童鞋來說,不要糾結那么多,先把Photoshop玩熟練再說吧,這是所有軟件的基礎,學會了以后再學其他的軟件就非常容易上手了。所以入門階段的你,不要瞎操那么多心了,專心學習PS吧。

 

軟件安裝(建議購買正版軟件,以下下載僅供學習使用)

  1. Photoshop 2019?軟件下載?請到官網下載試用版,然后干啥自己百度
  2. 怎樣安裝Photoshop畫筆,形狀,動作,濾鏡等插件
  3. psd 縮略圖查看插件(也可以按照美圖看看也能看到)

 

新手先集中精力學習PS和AI。這2個是最基礎的工具了。如果要安裝的話,建議安裝最新版的 CC2019。

  1. PS大師視頻課
  2. PS基礎視頻教程(比較老的一套)
  3. PS圖標設計教程(上百個案例講解)

 

插件安裝

插件可以幫助我們在工作中快速的完成一些瑣碎的事情,節約時間。

  1. 切圖標注神器:摹客iDoc??藍湖PxCook 像素大廚Parkerzeplin
  2. ?IconTemplate?啟動圖標生成插件
  3. 安裝一個Ps Mirror可以在iphone上實時觀看效果。
  4. PS 2015圓角神器 Corner Editor 來了(UI設計必裝神器)
  5. PS 玩轉長投影(帶PS動作)(現在流行的長投影傻瓜模式)

 

配置Photoshop參數,做UI更方便

PS-UI??Ps改進UI設計的一些技巧??圖片為什么會模糊?

PHOTOSHOP 52個疑難問題解答??PS 真正使用技巧??z78

PSD-layers-1-1? PSD-layers-2-1??10條PS技巧,提高工作效率

怎樣在PHOTOSHOP中保持像素的完美? ?讓頁面更上檔次!網頁設計細節大總結

  1. Photoshop CC 2019新功能詳解+練習
  2. Adobe PS 2019 新功能全面解析
  3. “定義筆刷預設”使用攻略
  4. 45個設計師需要熟記的ps快捷鍵
  5. PS真正實用技巧
  6. Ps改進UI設計的一些技巧(必看)
  7. 設計新手在PS中最常犯的6個錯誤
  8. 你的PS很卡嗎?來瞧下這10個加速技巧

 

 

AI是必須掌握的??★★★★

ai

  1. AI大師視頻課
  2. AI快捷鍵下載>>
  3. 布爾運算由淺入深,有它就夠了!
  4. AI混合教程【教程】
  5. 如何在Adobe Illustrator中繪制水果圖案
  6. 教你用AI繪制喝咖啡的女孩
  7. 線性小插畫繪制【教程】
  8. 用AI繪制扁平線性風格化圖標
  9. 教你用AI制作燈泡文本效果
  10. 教你用AI打造YOGA風圖標【AI教程】
  11. 教你用AI制作萌萌噠的MBE風格圖標(第一彈)【AI教程】
  12. 教你用AI制作萌萌噠的MBE風格圖標(第二彈)【AI教程】
  13. 漸變透明圖形設計【AI教程】
  14. 用AI繪制扁平化太空流星風海報
  15. 教你繪制寫實的牛奶和燕麥餅干【AI教程】
  16. 僅需5步!手把手教你如何用AI繪制3D效果形象

 

zhongdian

0基礎新手重點先學好PS和AI。上圖中Axure、Principle和Flinto都是原型設計工作,可以做動態的演示。原型制作工具還有比如MockPlus,墨刀等等,Zeplin是國外的一鍵標注插件,國內用藍湖切圖標注比較多。

 

軟件方面從重要級別上用5顆星(滿分)來說明一下,新手心里有個數:

  1. PS?★★★★★
  2. AI?★★★★
  3. SKETCH ★★★★? (界面設計神器,輕量級專業UI設計工具,插件多、運行快、資源豐富,只能在MAC上使用)
  4. XD?★★★★(和SKETCH功能類似,好處是WIN10系統可以使用,MAC系統也可以使用)
  5. AE?★★★(動效工具,主要做一些小動畫比如下拉刷新、圖標微動畫、loading等等)
  6. ProtoPie★★★(動效原型工具,目前騰訊開始推行這個,做的原型可以在手機上模擬真實的開發效果)
  7. PrincipleFlinto ★★
  8. Axure?★★(原型圖工具,也可以用磨刀、MockPlus、sketch、xd等替代)

AE的學習可以稍微往后放一放,我個人建議是界面做的拿得出手了,再來學習AE,目前在工作中用到AE的地方還不多。

最近2年也流行用SKETCH來設計界面,好處很多,壞處就一點,你得先有一臺mac電腦。目前國內很多公司已經給UI設計師配了mac電腦。

  1. SKETCH中文設計手冊
  2. 四步上手設計神器 Sketch
  3. 硅谷大神教Sketch三劍客炫酷設計

 

硅谷大神教Sketch三劍客炫酷設計 AfterEffect2018零基礎入門AE

課程介紹>>

課程介紹>>

 

 

UI設計入門階段先要學會以下幾個功能,一定要玩的很熟練。

 

第一:布爾運算繪制圖標??

  1. 布爾運算由淺入深,有它就夠了!
  2. 布爾運算實戰教學(干貨篇)
  3. 教你從四個方面來評價圖標設計的質量
  4. 如何繪制功能圖標基礎篇?
  5. 超全面講解應用圖標設計九大原則
  6. 如何系統學習功能圖標?
  7. 教你如何繪制風格統一的APP界面圖標
  8. 如何畫好一組線性圖標
  9. 如何學習Yoga Style?
  10. 設計師進階筆記:關于圖標你了解多少?
  11. AI繪制圖標小技巧
  12. ?圖標繪制基礎指南,一篇就夠!
  13. 繪制扁平圖標竟然有這么多小秘密?
  14. 五分鐘教你快速掌握三維圖標
  15. 如何系統地設計界面圖標
  16. 新手福利!系統圖標的9種風格設計實例講解
  17. ?我們可以這樣學習別人的圖標風格
  18. 圖標設計-快速分析設計APP
  19. 新手福利!超詳細解析系統圖標設計的6大原則
  20. ?4個規律快速畫好斷線圖標!
  21. 標簽欄ICON的設計與應用

學UI網公開課視頻教程:https://space.bilibili.com/26890291/#/video

 

 

第二:圖層樣式?

上面做的百度這個頁面,看著簡單,卻用到了好幾種的圖層樣式。那么像下邊這樣的按鈕。

ui-lava-tabs-menu-design

用到的就更多了。所以想打怪升級,還是要把圖層樣式玩的很熟悉,入門階段要分析的出來,用到了什么效果。

看到什么好的界面或是ICON,就立馬分析一下,它用到什么圖層樣式?

相關的教程:

  1. 一個按鈕有話說(PSD下載)
  2. 還在擔心按鈕設計嗎?來看看這十條基本準則
  3. 教你畫一個開關
  4. 如何與像素打交道
  5. 透明導航設計講解

 

第三:圖層的混合模式

  1. Photoshop的混合模式(詳細解答)

 

第四:形狀工具

  1. 玩轉PS形狀圖層UI設計師必看
  2. 虛線的畫法
  3. 設計師必須掌握的貝塞爾曲線的秘密(分分鐘學會鋼筆工具)

 

第五:安裝字體(虎哥整理的)

?131?141

字體是有版權問題的,咱不能瞎用字體,以免公司被告賠錢,不便宜。注意微軟雅黑只允許在網站上使用,不能用于其他地方,很多公司因為設計師的疏忽賠了很多錢,幾十萬的賠。平時練習的時候無所謂,但是商用了就麻煩

  1. 免費的商用字體,90%的設計師都不知道!
  2. 一份詳盡全面的UI設計字體與排版指南
  3. 10個排版秘訣搞定你的設計!
  4. 字由?字加?字魂(字體管理插件,里面有各種分類,很方便)

開始做點什么(臨摹階段)

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

ZUOYE

演示2

 

開始練習!先學會技法。

yun? ?Signal icon1

 

20170906061? ?220-150? ?cover200136

bianping-1-220x150? ?線性小icon教程? ?cover:2017-07-05

xiaomao? ?200X136? ?cover_xiangji400-272-220x150

 

jiemianlianxi

 

除了學習軟件操作外,還經常有人咨詢我:“虎哥,有沒有什么適合新手小白看的UI設計書哇?不知道哪本比較適合?”還真有。

作者田海(B哥),國內知名UI設計師,多次獲得國內設計大賽大獎,曾先后在騰訊、阿里工作,2017-2018年編著零基礎學UI系列叢書,全網銷售超過4萬冊。

學生、設計小白、電商設計想轉UI,平面想轉UI,在職UI新人,都適合讀這本書。?它可以讓你系統的了解UI的知識,背后的邏輯。

點擊查看這一套書的介紹頁面>>

 

虎哥給你說個時間節點,軟件都不會的新人至少要6-8個月的時間學習(參加線上培訓班的有老師帶的情況下)才可以達到UI設計師的就業要求,這還不能偷懶,多做練習,多動手。記住我說的這個時間范圍,少于這個時間段的基本上不可能,別聽別個吹牛逼,3個月0基礎年薪20萬,做夢。

當你軟件掌握的差不多了,達到臨摹圖標和界面沒有太大問題了,開始下一步。

 

 

第二步學專業UI設計系統知識

UI設計師工作流程:

kaihui

圖片來源:https://speakerdex.co

 

設計流程:

工作中講究配合,設計師在整個項目里面處于中間的位置,我們的上游是產品交互設計師,我們的下游是前端或者程序小哥。一般在項目立項的時候,設計師就會參與到產品討論之中,當然有些公司簡化了流程從來不帶設計師玩的,只給需求讓設計師做。我們在拿到設計需求的時候一點要認真看,仔細分析下。

  1. 一篇文章玩轉UED團隊設計流程
  2. 網易嚴選APP品牌設計流程大全
  3. 須知:APP的UI設計流程
  4. 淺談設計流程與產品分析
  5. 國內知名UED團隊的設計流程!
  6. UI入門必讀!工作流程介紹
  7. 合理做UI的工作方式與流程
  8. UI產品設計流程,一定要看哦!
  9. 設計師必看!一個專業設計流程的7個步驟
  10. 你對設計規范流程了解多少?

更多設計流程點我查看>>

 

下面我們來講講學習方法:

zaxiang
插圖來自mixpanel團隊

 

UI設計教程??UI新人疑惑解答??Cover:Article-2015.11.18

zhishiku??思考? gaoxiaoxuexi

 

  1. 設計思考:設計師如何提高產品思維 ?
  2. 如何才能做到原創?
  3. 提高審美除了多看,有沒有捷徑
  4. 如何做練習才能有效吸收?
  5. 新手UI設計師如何快速成長
  6. 談改變,設計師受用一生
  7. APP概念設計前后那些事兒(擴充作品集)
  8. 更多學習方法大集合>>

 

學UI網頂部導航欄目——>經驗,見下圖。沒事就多看看。

  1. UI設計師如何積累知識庫?
  2. IOS:iOS 9 人機界面指南
  3. Android:Android設計規范 Material Design
  4. 網頁:《網頁UI視覺設計規范
  5. 圖標設計流程及小技巧
  6. 簡述實用的網頁UI設計流程
  7. APP界面設計流程

 

學會切圖

  1. 新手福利!超全面的UI設計切圖規范
  2. APP界面切圖命名和文件整理規范
  3. CutterMan插件下載
  4. 【詳細介紹android和ios平臺的切圖】
  5. Android切圖(點9小貼士)
  6. 更多切圖文章教程
  7. IconTemplate?啟動圖標生成插件

 

常規網頁UI切圖(3種方法,各有各的好)

做ui必備–PS切圖動作用法? ?PhotoshopCC新功能 生成圖像資源? ?photoshop切片使用小技巧

 

移動端UI切圖必備教程和工具

qietu1??Android安卓平臺的切圖小貼士? ?draw9patch

 

map-file-naming-and-specification??slice? ?UI-xinshou1

 

設計標注神器:

藍湖摹客iDoc?、PxCook 像素大廚ParkerzeplinCutterman

 

IOS移動端重要知識:

? ?? ?

? ?? ?

移動端界面設計之尺寸篇? ?App-visual-optimization-design-wechatcover-220-150

 

ios10

  1. 移動端界面設計之尺寸篇(淘寶版)
  2. iPhone6 & 6 Plus 視覺設計適配說明
  3. 新手福利!超全面的UI設計切圖規范
  4. UI適配攻略·教程④一稿配雙平臺
  5. h5移動端頁面設計學習文檔
  6. Dribbble 2016十大設計趨勢總結
  7. 圖標設計的三個小原則
  8. 新設計趨勢來臨,解讀 iOS 10 設計指南
  9. 一份詳盡全面的UI設計字體與排版指南
  10. 17大平臺設計語言匯總

 

 

安卓可以看看下面這幾篇文章:

mdzhinan

  1. 安卓1080P界面設計規范解讀
  2. 6個技巧幫你把IOS的UI轉換成安卓!
  3. Material Design 安卓5.1L (UI kit包下載!)
  4. 天天喊著學UI,知道安卓和iOS的區別嗎?
  5. UI設計師不可不知的安卓屏幕知識

 

 

各類尺寸規范大合集:

http://www.qkwqvo.live/design/rule

 

平臺規范大合集:

學UI網址導航平臺規范板塊:http://hao.xueui.cn/

 

網頁端:

web1

  1. 網頁UI是如何標注的?(附帶WEB UI視覺規范文檔)
  2. 網頁UI視覺設計規范
  3. 網頁設計基礎技巧
  4. WEB設計指南!
  5. 界面設計速成
  6. 【新人必知】頁面設計的九個要點!
  7. 不要讓用戶思考

 

 

色彩的學習

secai

? ?? ?

? ?? ?

疊柔配色法? ?如何成為配色達人

  1. 設計師必知的色彩基礎知識
  2. 讓配色更加順暢,你需要記住的7條定律
  3. 六種配色方法讓你的設計方案666
  4. 明亮的色彩如何應用在UI設計中?
  5. 一篇正直的基礎配色說明
  6. 設計中關于顏色搭配的一些小經驗
  7. 配色秘要:永遠不要使用純黑
  8. PS教你做漸變大背景
  9. 向大師借鑒的靈感配色

更多色彩搭配的教程,點我點我>>

 

最后推薦一些書單

好了,差不多了,這些都挨個學一遍。就入門UI了。學UI 要學的真的很多,這些都是基礎的知識,這些掌握了,才能到達?中級階段,加油!少年~~!

最后要是想順利的轉行UI設計,必須要有拿得出的成套的作品。

 

什么是成套的作品集了?

起碼要一套15-20頁的app界面,交互流程要順暢,這個需要自己好好研究研究。網頁界面1-2個,然后包裝一下。

可以參考https://www.ui66.cn/laohubang-zuopin

 

作品集為什么要包裝了?

包裝其實反映了一個設計師的綜合的實力,考驗一個人能不能從大的方向把握整體的風格,版式形式感能不能貼切你的產品定位,配色和基礎的排版能不能做到整體一致性。視覺規范的統一性如何。等等。當然,看著也是高大上的,把學到的東西串聯在一起,寫上設計思路和說明,更容易讓人理解你的設計思維。你不是一個單純的做圖仔,你是一個有腦子的,會思考的設計師。

包裝可以去參考虎哥的徒弟作品集,每一套作品都是自己命題原創作業,經歷1-2個月的時間打磨出來的,可能很多人覺得哇,特么要這么久嗎?對的,真的要這么久,基本上都是從app的界面主界面開始做15-20個然后整體改了10多遍,然后包裝也改了5-10遍,才達到拿得出手的效果和質量。真的不是隨便套個模板就搞出來了,沒有想象的那么簡單。往往很多東西看著簡單,真正自己做起來就不是那么回事了,畢竟大部分的人還是很普通的新手。

每個人的基礎不一樣,激發潛能的深度也不同,原創的設計作品確實不容易,希望大家努力吧~~!

其實吧,你只要稍微努點力,就能甩掉全國90%的懶娃子。學習之一個長期的過程,需要堅持!堅持!還特么是堅持!

 

下面是虎哥(學UI網創始人)私人微信號:hu2020 (請備注來意,不然不通過哦)

如果希望虎哥根據你的情況幫你指導學習方向和建議的,請提前寫好個人詳細情況,溝通起來才暢通。有時候比較忙回復不一定及時,但肯定會回復,請耐心等待并諒解!

 

整理編寫:學UI網虎哥

轉載請注明:學UI網 » 學UI入門階段到底要掌握哪些知識(UI第一階段課程)

登錄收藏
 
你可能喜歡的:
做一次實實在在交互設計競品分析吧做一次實實在在交互設計競品分析吧
你真的以為篩選組件不用設計嗎?你真的以為篩選組件不用設計嗎?
按鈕的禁用狀態 | 設計詳解按鈕的禁用狀態 | 設計詳解
用戶畫像在產品設計中的正確打開方式(附用戶畫像源文件)用戶畫像在產品設計中的正確打開方式(附用戶畫像源文件)
取消與關閉:請在設計上區分差異取消與關閉:請在設計上區分差異
卡片式設計流行的秘密 — 看完這15個案例你就懂了卡片式設計流行的秘密 — 看完這15個案例你就懂了
產品設計核心三要素產品設計核心三要素
一文讀懂最全KANO模型的理論與實踐一文讀懂最全KANO模型的理論與實踐
為什么聲音設計對成功的產品至關重要為什么聲音設計對成功的產品至關重要
想要做好用戶調研,你要學會這九種定量用戶研究的方法想要做好用戶調研,你要學會這九種定量用戶研究的方法
?
陕西快乐10分