2023-2-17 濤濤
UI新手設(shè)計學習100問，顧名思義，主要是通過100個常見問題解決初學者在學習UI設(shè)計初期的困惑，比如什么是UI設(shè)計？設(shè)計的目的是什么？UI設(shè)計需要學會什么必備技能？UI設(shè)計又有什么常見的學習方法等等。
為什么用問答的形式？這是受一個朋友的創(chuàng)作啟發(fā)，讓我確定了以這種形式來創(chuàng)作，這樣更易于大家理解和學習。另外這個欄目的內(nèi)容，我也將會盡自己最大的精力，從百度百科、維基百科以及國內(nèi)外的設(shè)計書籍中一邊查一邊寫，努力制作成一本UI設(shè)計新手學習的知識手冊，解決新手初學者的種種困惑，給他們提供一個學習的知識樹和進度條。
這個欄目會有多少字，多長更新完？我已經(jīng)完成了第一章大部分內(nèi)容，目前已經(jīng)撰寫了約5000字，平均每個問題800字，以我目前創(chuàng)作內(nèi)容的篇幅看，這份專欄應該在10萬字左右，相當于一本300頁左右的實體書籍。至于完結(jié)時間，除了需要參考百度百科和維基百科，還要翻閱各種設(shè)計書籍和查找資料，我個人預計時間3個月，不過如果大家喜歡，我就會加快腳步！
我在2022年轉(zhuǎn)型到知識付費以后，認識了太多的設(shè)計師朋友，也建立了自己的社群。其中讓我印象最深的有這么一類用戶群體，他們很早就在大學期間為了學習UI設(shè)計，花了很多錢報了各種培訓班，但最后的結(jié)果卻不如人意。很多培訓班太注重于軟件技能的操作，而忽略UI設(shè)計其實是一門學科，如果學生知其然不知其所以然，那么即便學會了Sketch、Figma這些工具，他們也不知道學了UI設(shè)計到底能有什么用，未來又該如何去規(guī)劃自己的職業(yè)生涯。
這些朋友里面，留給我印象最深的，是一個剛畢業(yè)的女孩。她給我說，貸了兩次款，畢業(yè)后還是不知道UI設(shè)計到底能干啥，現(xiàn)在勉強找到一份設(shè)計的工作，每個月還要還著貸款走。我當時把這個朋友免費邀請到我的私董會星球了，讓她去看我講的書、錄的課程，期望能給她帶來一絲溫暖和希望。
其次在我最早開始建立社群的時候，有一個探友在站酷看到我的產(chǎn)品拆解以后，跑來加我，然后給我說：“我一直質(zhì)疑培訓班老師的講課內(nèi)容，因為我覺得設(shè)計這門職業(yè)，如果只學會軟件，那是不夠的，肯定需要學習一些設(shè)計原則和理論。所以當我看了你的產(chǎn)品拆解以后，我很受啟發(fā)，我覺得學會這些設(shè)計理論特別重要。”
這些真實的故事，讓我印象深刻，也讓我開始反思，造成這種現(xiàn)象的原因是什么。所以這個專題的內(nèi)容，在很久之前就藏在我的心里了。我想去做一個UI設(shè)計的知識樹，給那些準備學習UI設(shè)計以及正在從業(yè)的設(shè)計師們提供一個清晰、可視化的學習體系，從而幫助他們從一個宏觀、系統(tǒng)的角度去勘察這個行業(yè)，發(fā)展趨勢是什么、是否值得入行，從0到1又需要哪些步驟。
這個專題，主要為這幾類朋友而創(chuàng)作。第一，正在上學，準備想學習UI設(shè)計的大學生；第二，剛畢業(yè)準備報班學習UI設(shè)計，或已經(jīng)從培訓班剛畢業(yè)出來的應屆生。第三，雖然已經(jīng)從事UI設(shè)計三五年，但對UI設(shè)計還是一知半解，混混霍霍做設(shè)計的職場設(shè)計師。
最后，這個專題是我的第一個付費內(nèi)容，我將會免費分享30個內(nèi)容，如果你覺得有價值，可關(guān)注我們獲取全部內(nèi)容。
目前我把這個專欄拆分為四塊內(nèi)容，分別是認識UI、就業(yè)前景、學習方法和如何求職四個章節(jié)。
第一章是認識UI，我會從設(shè)計的目的、UI設(shè)計的定義和分類開始讓初學者對UI設(shè)計有一個初步的了解。（這個部分的內(nèi)容也許適用于80%的UI設(shè)計師，雖然很多設(shè)計師已經(jīng)從業(yè)了多年，但對UI設(shè)計還是一知半解。）
第二章是就業(yè)前景，通過UI設(shè)計當前的工作內(nèi)容、薪資收入和職業(yè)發(fā)展等維度告訴初學者UI設(shè)計的就業(yè)趨勢，降低就業(yè)選擇風險。
第三章是學習方法，我想給初學者提供一個學習知識樹和能力晉升模型，只有知道最終要去哪里，自己當前又在哪里，應該如何努力，他們才能像玩游戲一樣，每天對知識的汲取都充滿動力。
第四章是如何求職，通過拆解企業(yè)對UI設(shè)計師的招聘需求，抽絲剝繭地讓初學者理解求職的本質(zhì)和方法。
這是初步擬定的目錄，非最終交付目錄。其次這份專欄我將會篩選30個左右的問答免費給大家分享試看。
1. 認識UI
什么是設(shè)計？（已完結(jié)）
設(shè)計的目的是什么？（已完結(jié)）
設(shè)計和藝術(shù)的區(qū)別？（已完結(jié)）
UI設(shè)計是什么？（已完結(jié)）
UI設(shè)計有什么分類？（已完結(jié)）
UI和UE、UX的區(qū)別？（已完結(jié)）
UI設(shè)計和平面設(shè)計的區(qū)別（已完結(jié)）
UI設(shè)計和電商設(shè)計有什么區(qū)別？（已完結(jié)）
UI設(shè)計有什么價值？
國內(nèi)UI設(shè)計的發(fā)展歷程
2. 就業(yè)前景
UI設(shè)計師現(xiàn)在的就業(yè)前景怎么樣？
哪些公司和行業(yè)需要招聘UI設(shè)計師？
UI設(shè)計師飽和了嗎，還值得選擇嗎？
失業(yè)的UI設(shè)計師越來越多，還能選擇UI設(shè)計嗎？
UI設(shè)計師的工作流程是怎樣的？
UI設(shè)計師主要負責什么工作內(nèi)容?
新手UI設(shè)計師的薪資收入一般在哪個水平？
UI設(shè)計師的薪資收入晉升模型
UI設(shè)計師會經(jīng)常加班嗎？
UI設(shè)計師的工作壓力大嗎？
UI設(shè)計師職業(yè)發(fā)展路線圖是怎樣的？
UI設(shè)計師是不是過了30歲就會過氣？
技術(shù)崗位未來是否一定要朝著管理崗發(fā)展嗎？
一二三線城市的環(huán)境對UI設(shè)計師就業(yè)和成長有影響嗎
談不上對UI設(shè)計特別熱愛，但覺得UI設(shè)計工資高，可以選擇這個行業(yè)嗎？
學會UI設(shè)計可以創(chuàng)業(yè)或做自由設(shè)計師嗎？
3. 如何學習
UI設(shè)計師需要學習什么內(nèi)容？
UI設(shè)計師需要掌握哪些必備技能？
UI設(shè)計學習的步驟是什么？
需要多久才能成為一個優(yōu)秀的設(shè)計師?
除了設(shè)計，UI設(shè)計師還需要培養(yǎng)什么職業(yè)技能？
學習UI設(shè)計的常見方法
UI設(shè)計可以自學嗎？
自學UI設(shè)計有什么難點和挑戰(zhàn)？
審美能力不好，可以學好UI設(shè)計嗎？
UI設(shè)計需要學習什么軟件?
學會軟件一般需要多長時間？
UI設(shè)計需要買蘋果電腦嗎？
用Photoshop可以設(shè)計UI嗎？
UI設(shè)計需要看什么設(shè)計書籍？
有哪些免費學習的教程網(wǎng)站？
錄播課程和設(shè)計培訓班有什么區(qū)別？
有那些物美價廉的付費課程推薦？
選擇設(shè)計培訓班需要注意什么？
培訓班學完以后就能成為UI設(shè)計師了嗎？
培訓班對找工作有幫助嗎？
UI設(shè)計師需要美術(shù)相關(guān)專業(yè)嗎
什么樣的專業(yè)更適合UI設(shè)計？
學歷對UI設(shè)計師的學習有影響嗎？
設(shè)計臨摹對新手UI設(shè)計師有什么幫助？
設(shè)計臨摹有什么技巧和方法？
設(shè)計臨摹的作品可以加入個人作品集嗎？
一名好的UI設(shè)計師應該具備什么素質(zhì)？
優(yōu)秀的設(shè)計師都有什么好的設(shè)計習慣？
4. 如何求職
企業(yè)招聘UI設(shè)計師的流程是什么？
企業(yè)招聘UI設(shè)計師主要考核標準是什么？
企業(yè)愿意招聘新手UI設(shè)計師嗎？
新手UI設(shè)計師應該選擇什么樣的企業(yè)？
去不了大廠，新手設(shè)計師是不是就沒前途？
創(chuàng)業(yè)團隊、小公司值得新手UI設(shè)計師去嗎?
UI設(shè)計師的求職流程是什么？
UI設(shè)計師求職需要準備什么資料？
簡歷設(shè)計對UI設(shè)計師重要嗎？
如何設(shè)計一份優(yōu)秀的作品集？
新手UI設(shè)計師有什么求職技巧？
學歷低對UI設(shè)計師的求職有沒有影響，如何規(guī)避？
沒有工作經(jīng)驗怎么辦，能找到工作嗎？
一直找不到工作怎么辦，是不是應該放棄UI設(shè)計？
設(shè)計是什么？為什么需要設(shè)計？UI設(shè)計這個行業(yè)又是怎么誕生的？UI設(shè)計師的工作內(nèi)容具體是什么？非科班畢業(yè)的大學生適合從事設(shè)計行業(yè)嗎？這個行業(yè)需要學習多久才能成為一名優(yōu)秀設(shè)計師？作為此次專題的開篇內(nèi)容，我們在這個章節(jié)將會抽絲剝繭向大家介紹UI設(shè)計的由來、定義、分類和價值，幫助大家快速對UI設(shè)計這門學科有一個宏觀的了解。
我們先看百度百科對設(shè)計的定義。設(shè)計，是指設(shè)計師有目標、有計劃地進行技術(shù)性的創(chuàng)作與創(chuàng)意活動。維基百科認為，所謂設(shè)計，即“設(shè)想和計劃，設(shè)想是目的，計劃是過程安排”，通常是指有目標和計劃的創(chuàng)作行為及活動。
著名的美國設(shè)計理論學家維克多·帕帕奈克認為，設(shè)計是為構(gòu)建有意義的秩序而付出的有意識的、直覺上的努力。他認為設(shè)計有兩個步驟。第一步：理解用戶的期望、需要、動機，并理解業(yè)務、技術(shù)和行業(yè)上的需求與限制。第二步：將這些知道的東西轉(zhuǎn)化為對產(chǎn)品的規(guī)劃（或者產(chǎn)品本身），使產(chǎn)品的形式、內(nèi)容和行為變得有用、能用、令人向往，并且在經(jīng)濟和技術(shù)上可行。
簡單總結(jié)一下，設(shè)計是有目的的，有計劃的、滿足用戶的期望的行為。比如企業(yè)需要設(shè)計一個官網(wǎng)進行對外宣傳，網(wǎng)站的設(shè)計就屬于有目的、有計劃的工作，而宣傳則是企業(yè)的核心需求。
為什么我們需要先了解“設(shè)計”的概念？這是因為UI設(shè)計只是設(shè)計的一個細分領(lǐng)域，設(shè)計的種類非常多，設(shè)計在許多領(lǐng)域都有應用，涉及的方面也比較廣泛。只有初步了解這個宏觀的大概念，我們才能更清晰地看清楚UI設(shè)計的本質(zhì)，從而為我們的學習進行指導。
參考文獻：
百度百科-設(shè)計
維基百科-設(shè)計
《步步為贏：交互設(shè)計全流程解析》- 董尚昊
我們先看世界上第一所完全為發(fā)展設(shè)計教育而建立的學院包豪斯對于設(shè)計的三個基本觀點。
①設(shè)計是藝術(shù)與技術(shù)的新統(tǒng)一；②設(shè)計的目的是人而不是產(chǎn)品；③設(shè)計必須遵循自然與客觀的法則來進行。
包豪斯提出“以解決問題為中心”的設(shè)計理念。他們認為設(shè)計是為了解決問題，不論是設(shè)計一個水壺，還是一款手機應用軟件，設(shè)計師都是在為他人服務，在幫使用者解決問題。這個設(shè)計理念深深地影響了設(shè)計界。設(shè)計是理性和感性的結(jié)合，并以解決問題、滿足人們的需要為目的。
中國現(xiàn)代設(shè)計和現(xiàn)代設(shè)計教育的重要奠基人之一、美國設(shè)計教育最高學府——美國藝術(shù)中心設(shè)計學院教授王受之在他的著作《世界現(xiàn)代設(shè)計史》中寫過這樣一句話：“設(shè)計是為他人服務的活動。”
日本當代國際級平面設(shè)計大師藝術(shù)總監(jiān)原研哉在《設(shè)計中的設(shè)計》一書中也有類似的表達：“設(shè)計的實質(zhì)在于發(fā)現(xiàn)很多人都遇到的問題然后試著去解決的過程。”
綜上所述，設(shè)計的目的是用設(shè)計方案來滿足用戶的需要，而不是單純產(chǎn)出設(shè)計師認為美觀的方案。這是設(shè)計過程中最重要的指導原則之一。如果不理解設(shè)計的本質(zhì)，我們在以后的商業(yè)設(shè)計中就很容易陷入一個怪圈，我覺得這個界面這樣設(shè)計得非常好看，但客戶卻讓我去臨摹另外一個我認為很普通的產(chǎn)品界面，客戶覺得那個才是他想要的。
參考文獻：
《步步為贏：交互設(shè)計全流程解析》- 董尚昊
我們看看維基百科對藝術(shù)的介紹。藝術(shù)是指憑借想象力、經(jīng)驗等綜合人為因素的融合與平衡，以創(chuàng)作隱含美學的器物、環(huán)境、影像、動作或聲音的表達模式。而百度百科則對藝術(shù)沒有明確的定義。藝術(shù)是一種社會現(xiàn)象、社會事物，屬上層建筑中的社會意識形態(tài)，其次也指向各種技術(shù)活動，比如畫、雕刻、建筑等活動。
藝術(shù)的目的可以分為無動機的及有動機的兩類。無動機的藝術(shù)是指那些本來就是人類不可或缺一部分的藝術(shù)，這類的藝術(shù)超越個人，或是不是為某一特定目的所創(chuàng)作。有動機的藝術(shù)是指那些因為特定目的產(chǎn)生的藝術(shù)。可能是為了政治的變革、表達特定的感情、陳述個人心理，或是作為一個交流的工具。
原研哉在《設(shè)計中的設(shè)計》對設(shè)計和藝術(shù)也發(fā)表了自己的看法。
藝術(shù)說到底是個人意愿對社會的一種表達，其起源帶有非常個人化的性質(zhì)，所以只有藝術(shù)家自己才知道其作品的來源。而設(shè)計，則基本上不是一種自我表達，它源于社會。設(shè)計的實質(zhì)在于發(fā)現(xiàn)一個很多人都遇到的問題，然后試著去解決的過程。
簡單總結(jié)，設(shè)計和藝術(shù)有很多重疊的部分，兩者最本質(zhì)的區(qū)別是設(shè)計的本質(zhì)是滿足需要，包含更多的商業(yè)述求，而藝術(shù)的目的是表達藝術(shù)家對世界的看法，不受外界的約束。為什么要弄懂這兩者的區(qū)別，這是因為在商業(yè)設(shè)計中或許不會給你有太多充足的時間去完成完美的稿子，而是要以甲方或企業(yè)的設(shè)計目標為主、商業(yè)設(shè)計，不是藝術(shù)，而是要通過設(shè)計滿足甲方的需求。
參考文獻：
維基百科-藝術(shù)
《設(shè)計中的設(shè)計》- 原研哉
由前UI設(shè)計屬于近代興起的設(shè)計分類，這是隨著科技的快速發(fā)展才催生出來的新興行業(yè)。目前對于UI設(shè)計的定義，目前國內(nèi)有兩種流派。
第一種，UI設(shè)計包含界面設(shè)計（Graphical User Interface，簡稱GUI）、交互設(shè)計（Interaction Design，簡稱IxD）和用戶體驗設(shè)計（User Experience Design，簡稱UX）。
我們先看百度百科對UI設(shè)計的定義描述。UI是User Interface(用戶界面)的簡稱，是指對軟件的人機交互、操作邏輯、界面美觀的整體設(shè)計。UI是一個廣義的概念，可以通過以下三個層面來理解UI的概念。
首先，UI是指人與信息交互的媒介，它是信息產(chǎn)品的功能載體和典型特征。比如以視覺為主體的界面，強調(diào)的是視覺元素的組織和呈現(xiàn)，包含圖形、圖標、色彩、字體等，這就是我們常說的視覺表現(xiàn)層，用戶從視覺就可以直接感知的部分。在這一層面，UI就是用戶界面，也是國內(nèi)普遍對UI設(shè)計的認知。
其次，UI是指信息的采集與反饋、輸入與輸出，這是基于界面而產(chǎn)生的人與產(chǎn)品之間的交互行為。在這一層面，Ul可以理解為User Interaction，即用戶交互，需要通過界面對功能的隱喻和引導用戶來完成對應的操作。因此，UI不僅要有精美的視覺表現(xiàn)，也要有方便快捷的操作，以符合用戶的認知和行為習慣。
最后，UI的高級形態(tài)可以理解為User Invisible（中文：看不見的）。對用戶而言，在這一層面UI是“不可見的”，這并非是指視覺上的不可見，而是讓用戶在界面之下與系統(tǒng)自然地交互，沉浸在他們喜歡的內(nèi)容和操作中，忘記了界面的存在。其實這就是用戶體驗，不僅僅是界面，而是以用戶為中心進行界面結(jié)構(gòu)、行為、視覺層面的設(shè)計。
從百科的對UI設(shè)計的定義可以看出，UI設(shè)計包含了界面設(shè)計、交互設(shè)計和用戶體驗設(shè)計，這也是國內(nèi)眾多UI設(shè)計書籍中的對UI設(shè)計的定義。比如在《術(shù)與道：移動應用UI設(shè)計必修課》、《視界·無界：寫給UI設(shè)計師的設(shè)計書》、《UI設(shè)計精品必修課》等國內(nèi)設(shè)計書籍都有類似的觀點。甚至有這么一個很流行的比喻：如果把一款軟件產(chǎn)品比作一個美女的話，視覺就是一個美女的化妝和打扮，交互就是一個美女的五官位置及骨骼體態(tài)，用戶體驗就是美女是否善解人意、功能貼心、易用好用等。
第二種，UI設(shè)計、交互設(shè)計和用戶體驗設(shè)計是獨立的學科，他們雖然有很多重疊部分，但交互設(shè)計和用戶體驗設(shè)計不屬于UI設(shè)計，甚至UI設(shè)計等同于界面設(shè)計。
在Joel Marsh的《用戶體驗設(shè)計：100堂入門課》這本書中，作者舉了個例子：“UI和UX（用戶體驗設(shè)計）是兩種不同的工作。如果有的公司有‘UI/UX’這一職稱，那說明這家公司根本不了解什么是UX，或者他們想花一份錢就讓人做兩份工作。要當心。”
在《這才是用戶體驗設(shè)計：人人都看得懂的產(chǎn)品設(shè)計書》里，作者認為界面設(shè)計包括信息層和呈現(xiàn)層。UI設(shè)計的范圍比界面設(shè)計要小得多，通常僅關(guān)注虛擬產(chǎn)品的信息呈現(xiàn)，而且較少涉及藝術(shù)向的視覺設(shè)計。信息層則由交互設(shè)計師負責，待界面上要呈現(xiàn)的信息架構(gòu)和具體信息明確后，UI設(shè)計師才開始設(shè)計工作。其次UX設(shè)計師主要關(guān)注上層設(shè)計，而UI的工作非常細，比如如按鈕、字體的設(shè)計。
這種觀點也是目前國內(nèi)多數(shù)企業(yè)和設(shè)計師對UI設(shè)計的定義，UI設(shè)計就主要是負責界面設(shè)計的工作，尤其指移動端產(chǎn)品界面，比如APP、智能設(shè)備等。
結(jié)合以上兩種流派對UI設(shè)計的定義，我認為，從視覺層面，UI設(shè)計可以定義為用戶界面設(shè)計，不管是web端、移動端還是其他智能設(shè)備，凡是涉及到用戶界面的設(shè)計，都可以歸納為UI設(shè)計；從交互層面，UI設(shè)計還需要思考界面對功能的隱喻和引導，從而幫助用戶完成對應的操作；從體驗層面，UI設(shè)計需要從視覺、色彩、行為和交互等方面為用戶提供優(yōu)秀的體驗，讓用戶可以和系統(tǒng)自然地交互，沉浸在他們系統(tǒng)操作中。
總之，一名優(yōu)秀的UI設(shè)計師，絕非只是畫好圖標、完成界面設(shè)計這樣的基礎(chǔ)工作，而是從整個產(chǎn)品的用戶體驗出發(fā)，從視覺到實際操作，為用戶提供最友好的使用體驗。理解這個概念，我們才能確立真正的學習目標和職業(yè)定位，朝著一名優(yōu)秀的UI設(shè)計師而努力。
參考文獻：
百度百科-UI設(shè)計
《術(shù)與道：移動應用UI設(shè)計必修課》- 余振華
《視界·無界：寫給UI設(shè)計師的設(shè)計書》- 王涵
《UI設(shè)計精品必修課》- 常麗 李才應
《用戶體驗設(shè)計：100堂入門課》- Joel Marsh
《這才是用戶體驗設(shè)計：人人都看得懂的產(chǎn)品設(shè)計書》- 李磊
從用戶人群劃分，像淘寶、美團這樣以個人消費者（Customer）使用為主的產(chǎn)品，稱為C端產(chǎn)品，屬于最常見的UI設(shè)計，稱為C端UI設(shè)計；而像有贊、微盟這樣的以服務企業(yè)（Bussiness）的產(chǎn)品，稱為B端產(chǎn)品，這就是B端設(shè)計師的由來，目前市場對B端UI設(shè)計師的需求比較大。
從使用設(shè)備劃分，從事電腦端設(shè)計的稱為WUI（Web User Interface），也就是網(wǎng)頁設(shè)計師，從事移動端設(shè)計的稱為GUI（Web User Interface，圖形處理設(shè)計師），是我們普遍理解的UI設(shè)計師。
從設(shè)計對象劃分，UI設(shè)計可以分為電腦界面、APP界面、平板、智能手表、車載導航設(shè)備、智能電視界面、可穿戴設(shè)備界面、醫(yī)療及各種數(shù)碼機床等自動化控制界面和微型嵌入式設(shè)備界面等類型。
從交互方式劃分，UI設(shè)計可以分為GUI和VUI，GUI就是我們上文提到的圖形處理設(shè)計師，而VUI（Voice User Interface）則是通過語音交互的界面設(shè)計，比如小度、天貓精靈。
從行業(yè)劃分，UI設(shè)計師可以分為不同行業(yè)的設(shè)計師，比如從事醫(yī)療產(chǎn)品的UI設(shè)計師，從事人工智能的UI設(shè)計師。
簡單總結(jié)，未來隨著各種智能設(shè)備、人工智能、AR的發(fā)展，將會誕生出更多細分行業(yè)的UI設(shè)計師，不管是現(xiàn)在最火爆的B端設(shè)計師，還是車載設(shè)計師，未來面對日新月異的科技發(fā)展，只有理解UI設(shè)計的本質(zhì)和方法，才能應付越來越多的不確定性。
藍藍設(shè)計( m.gyxygd.cn )是一家專注而深入的界面設(shè)計公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務、UI設(shè)計公司、界面設(shè)計公司、UI設(shè)計服務公司、數(shù)據(jù)可視化設(shè)計公司、UI交互設(shè)計公司、高端網(wǎng)站設(shè)計公司、UI咨詢、用戶體驗公司、軟件界面設(shè)計公司
藍藍設(shè)計的小編 http://m.gyxygd.cn