UI新手設(shè)計(jì)學(xué)習(xí)100問(wèn)丨認(rèn)識(shí)UI

2023-2-17    資深UI設(shè)計(jì)者

一、這是一個(gè)什么欄目?


UI新手設(shè)計(jì)學(xué)習(xí)100問(wèn),顧名思義,主要是通過(guò)100個(gè)常見(jiàn)問(wèn)題解決初學(xué)者在學(xué)習(xí)UI設(shè)計(jì)初期的困惑,比如什么是UI設(shè)計(jì)?設(shè)計(jì)的目的是什么?UI設(shè)計(jì)需要學(xué)會(huì)什么必備技能?UI設(shè)計(jì)又有什么常見(jiàn)的學(xué)習(xí)方法等等。
為什么用問(wèn)答的形式?這是受一個(gè)朋友的創(chuàng)作啟發(fā),讓我確定了以這種形式來(lái)創(chuàng)作,這樣更易于大家理解和學(xué)習(xí)。另外這個(gè)欄目的內(nèi)容,我也將會(huì)盡自己最大的精力,從百度百科、維基百科以及國(guó)內(nèi)外的設(shè)計(jì)書(shū)籍中一邊查一邊寫(xiě),努力制作成一本UI設(shè)計(jì)新手學(xué)習(xí)的知識(shí)手冊(cè),解決新手初學(xué)者的種種困惑,給他們提供一個(gè)學(xué)習(xí)的知識(shí)樹(shù)和進(jìn)度條。
這個(gè)欄目會(huì)有多少字,多長(zhǎng)更新完?我已經(jīng)完成了第一章大部分內(nèi)容,目前已經(jīng)撰寫(xiě)了約5000字,平均每個(gè)問(wèn)題800字,以我目前創(chuàng)作內(nèi)容的篇幅看,這份專欄應(yīng)該在10萬(wàn)字左右,相當(dāng)于一本300頁(yè)左右的實(shí)體書(shū)籍。至于完結(jié)時(shí)間,除了需要參考百度百科和維基百科,還要翻閱各種設(shè)計(jì)書(shū)籍和查找資料,我個(gè)人預(yù)計(jì)時(shí)間3個(gè)月,不過(guò)如果大家喜歡,我就會(huì)加快腳步!


二、為什么會(huì)寫(xiě)這個(gè)專題?


我在2022年轉(zhuǎn)型到知識(shí)付費(fèi)以后,認(rèn)識(shí)了太多的設(shè)計(jì)師朋友,也建立了自己的社群。其中讓我印象最深的有這么一類用戶群體,他們很早就在大學(xué)期間為了學(xué)習(xí)UI設(shè)計(jì),花了很多錢(qián)報(bào)了各種培訓(xùn)班,但最后的結(jié)果卻不如人意。很多培訓(xùn)班太注重于軟件技能的操作,而忽略UI設(shè)計(jì)其實(shí)是一門(mén)學(xué)科,如果學(xué)生知其然不知其所以然,那么即便學(xué)會(huì)了Sketch、Figma這些工具,他們也不知道學(xué)了UI設(shè)計(jì)到底能有什么用,未來(lái)又該如何去規(guī)劃自己的職業(yè)生涯。
這些朋友里面,留給我印象最深的,是一個(gè)剛畢業(yè)的女孩。她給我說(shuō),貸了兩次款,畢業(yè)后還是不知道UI設(shè)計(jì)到底能干啥,現(xiàn)在勉強(qiáng)找到一份設(shè)計(jì)的工作,每個(gè)月還要還著貸款走。我當(dāng)時(shí)把這個(gè)朋友免費(fèi)邀請(qǐng)到我的私董會(huì)星球了,讓她去看我講的書(shū)、錄的課程,期望能給她帶來(lái)一絲溫暖和希望。
其次在我最早開(kāi)始建立社群的時(shí)候,有一個(gè)探友在站酷看到我的產(chǎn)品拆解以后,跑來(lái)加我,然后給我說(shuō):“我一直質(zhì)疑培訓(xùn)班老師的講課內(nèi)容,因?yàn)槲矣X(jué)得設(shè)計(jì)這門(mén)職業(yè),如果只學(xué)會(huì)軟件,那是不夠的,肯定需要學(xué)習(xí)一些設(shè)計(jì)原則和理論。所以當(dāng)我看了你的產(chǎn)品拆解以后,我很受啟發(fā),我覺(jué)得學(xué)會(huì)這些設(shè)計(jì)理論特別重要。”
這些真實(shí)的故事,讓我印象深刻,也讓我開(kāi)始反思,造成這種現(xiàn)象的原因是什么。所以這個(gè)專題的內(nèi)容,在很久之前就藏在我的心里了。我想去做一個(gè)UI設(shè)計(jì)的知識(shí)樹(shù),給那些準(zhǔn)備學(xué)習(xí)UI設(shè)計(jì)以及正在從業(yè)的設(shè)計(jì)師們提供一個(gè)清晰、可視化的學(xué)習(xí)體系,從而幫助他們從一個(gè)宏觀、系統(tǒng)的角度去勘察這個(gè)行業(yè),發(fā)展趨勢(shì)是什么、是否值得入行,從0到1又需要哪些步驟。
這個(gè)專題,主要為這幾類朋友而創(chuàng)作。第一,正在上學(xué),準(zhǔn)備想學(xué)習(xí)UI設(shè)計(jì)的大學(xué)生;第二,剛畢業(yè)準(zhǔn)備報(bào)班學(xué)習(xí)UI設(shè)計(jì),或已經(jīng)從培訓(xùn)班剛畢業(yè)出來(lái)的應(yīng)屆生。第三,雖然已經(jīng)從事UI設(shè)計(jì)三五年,但對(duì)UI設(shè)計(jì)還是一知半解,混混霍霍做設(shè)計(jì)的職場(chǎng)設(shè)計(jì)師。
最后,這個(gè)專題是我的第一個(gè)付費(fèi)內(nèi)容,我將會(huì)免費(fèi)分享30個(gè)內(nèi)容,如果你覺(jué)得有價(jià)值,可關(guān)注我們獲取全部?jī)?nèi)容。


三、內(nèi)容結(jié)構(gòu)


目前我把這個(gè)專欄拆分為四塊內(nèi)容,分別是認(rèn)識(shí)UI、就業(yè)前景、學(xué)習(xí)方法和如何求職四個(gè)章節(jié)。
第一章是認(rèn)識(shí)UI,我會(huì)從設(shè)計(jì)的目的、UI設(shè)計(jì)的定義和分類開(kāi)始讓初學(xué)者對(duì)UI設(shè)計(jì)有一個(gè)初步的了解。(這個(gè)部分的內(nèi)容也許適用于80%的UI設(shè)計(jì)師,雖然很多設(shè)計(jì)師已經(jīng)從業(yè)了多年,但對(duì)UI設(shè)計(jì)還是一知半解。)
第二章是就業(yè)前景,通過(guò)UI設(shè)計(jì)當(dāng)前的工作內(nèi)容、薪資收入和職業(yè)發(fā)展等維度告訴初學(xué)者UI設(shè)計(jì)的就業(yè)趨勢(shì),降低就業(yè)選擇風(fēng)險(xiǎn)。
第三章是學(xué)習(xí)方法,我想給初學(xué)者提供一個(gè)學(xué)習(xí)知識(shí)樹(shù)和能力晉升模型,只有知道最終要去哪里,自己當(dāng)前又在哪里,應(yīng)該如何努力,他們才能像玩游戲一樣,每天對(duì)知識(shí)的汲取都充滿動(dòng)力。
第四章是如何求職,通過(guò)拆解企業(yè)對(duì)UI設(shè)計(jì)師的招聘需求,抽絲剝繭地讓初學(xué)者理解求職的本質(zhì)和方法。


四、初擬目錄


這是初步擬定的目錄,非最終交付目錄。其次這份專欄我將會(huì)篩選30個(gè)左右的問(wèn)答免費(fèi)給大家分享試看。
1. 認(rèn)識(shí)UI
什么是設(shè)計(jì)?(已完結(jié))
設(shè)計(jì)的目的是什么?(已完結(jié))
設(shè)計(jì)和藝術(shù)的區(qū)別?(已完結(jié))
UI設(shè)計(jì)是什么?(已完結(jié))
UI設(shè)計(jì)有什么分類?(已完結(jié))
UI和UE、UX的區(qū)別?(已完結(jié))
UI設(shè)計(jì)和平面設(shè)計(jì)的區(qū)別(已完結(jié))
UI設(shè)計(jì)和電商設(shè)計(jì)有什么區(qū)別?(已完結(jié))
UI設(shè)計(jì)有什么價(jià)值?
國(guó)內(nèi)UI設(shè)計(jì)的發(fā)展歷程
2. 就業(yè)前景
UI設(shè)計(jì)師現(xiàn)在的就業(yè)前景怎么樣?
哪些公司和行業(yè)需要招聘UI設(shè)計(jì)師?
UI設(shè)計(jì)師飽和了嗎,還值得選擇嗎?
失業(yè)的UI設(shè)計(jì)師越來(lái)越多,還能選擇UI設(shè)計(jì)嗎?
UI設(shè)計(jì)師的工作流程是怎樣的?
UI設(shè)計(jì)師主要負(fù)責(zé)什么工作內(nèi)容?
新手UI設(shè)計(jì)師的薪資收入一般在哪個(gè)水平?
UI設(shè)計(jì)師的薪資收入晉升模型
UI設(shè)計(jì)師會(huì)經(jīng)常加班嗎?
UI設(shè)計(jì)師的工作壓力大嗎?
UI設(shè)計(jì)師職業(yè)發(fā)展路線圖是怎樣的?
UI設(shè)計(jì)師是不是過(guò)了30歲就會(huì)過(guò)氣?
技術(shù)崗位未來(lái)是否一定要朝著管理崗發(fā)展嗎?
一二三線城市的環(huán)境對(duì)UI設(shè)計(jì)師就業(yè)和成長(zhǎng)有影響嗎
談不上對(duì)UI設(shè)計(jì)特別熱愛(ài),但覺(jué)得UI設(shè)計(jì)工資高,可以選擇這個(gè)行業(yè)嗎?
學(xué)會(huì)UI設(shè)計(jì)可以創(chuàng)業(yè)或做自由設(shè)計(jì)師嗎?
3. 如何學(xué)習(xí)
UI設(shè)計(jì)師需要學(xué)習(xí)什么內(nèi)容?
UI設(shè)計(jì)師需要掌握哪些必備技能?
UI設(shè)計(jì)學(xué)習(xí)的步驟是什么?
需要多久才能成為一個(gè)優(yōu)秀的設(shè)計(jì)師?
除了設(shè)計(jì),UI設(shè)計(jì)師還需要培養(yǎng)什么職業(yè)技能?
學(xué)習(xí)UI設(shè)計(jì)的常見(jiàn)方法
UI設(shè)計(jì)可以自學(xué)嗎?
自學(xué)UI設(shè)計(jì)有什么難點(diǎn)和挑戰(zhàn)?
審美能力不好,可以學(xué)好UI設(shè)計(jì)嗎?
UI設(shè)計(jì)需要學(xué)習(xí)什么軟件?
學(xué)會(huì)軟件一般需要多長(zhǎng)時(shí)間?
UI設(shè)計(jì)需要買(mǎi)蘋(píng)果電腦嗎?
用Photoshop可以設(shè)計(jì)UI嗎?
UI設(shè)計(jì)需要看什么設(shè)計(jì)書(shū)籍?
有哪些免費(fèi)學(xué)習(xí)的教程網(wǎng)站?
錄播課程和設(shè)計(jì)培訓(xùn)班有什么區(qū)別?
有那些物美價(jià)廉的付費(fèi)課程推薦?
選擇設(shè)計(jì)培訓(xùn)班需要注意什么?
培訓(xùn)班學(xué)完以后就能成為UI設(shè)計(jì)師了嗎?
培訓(xùn)班對(duì)找工作有幫助嗎?
UI設(shè)計(jì)師需要美術(shù)相關(guān)專業(yè)嗎
什么樣的專業(yè)更適合UI設(shè)計(jì)?
學(xué)歷對(duì)UI設(shè)計(jì)師的學(xué)習(xí)有影響嗎?
設(shè)計(jì)臨摹對(duì)新手UI設(shè)計(jì)師有什么幫助?
設(shè)計(jì)臨摹有什么技巧和方法?
設(shè)計(jì)臨摹的作品可以加入個(gè)人作品集嗎?
一名好的UI設(shè)計(jì)師應(yīng)該具備什么素質(zhì)?
優(yōu)秀的設(shè)計(jì)師都有什么好的設(shè)計(jì)習(xí)慣?
4. 如何求職
企業(yè)招聘UI設(shè)計(jì)師的流程是什么?
企業(yè)招聘UI設(shè)計(jì)師主要考核標(biāo)準(zhǔn)是什么?
企業(yè)愿意招聘新手UI設(shè)計(jì)師嗎?
新手UI設(shè)計(jì)師應(yīng)該選擇什么樣的企業(yè)?
去不了大廠,新手設(shè)計(jì)師是不是就沒(méi)前途?
創(chuàng)業(yè)團(tuán)隊(duì)、小公司值得新手UI設(shè)計(jì)師去嗎?
UI設(shè)計(jì)師的求職流程是什么?
UI設(shè)計(jì)師求職需要準(zhǔn)備什么資料?
簡(jiǎn)歷設(shè)計(jì)對(duì)UI設(shè)計(jì)師重要嗎?
如何設(shè)計(jì)一份優(yōu)秀的作品集?
新手UI設(shè)計(jì)師有什么求職技巧?
學(xué)歷低對(duì)UI設(shè)計(jì)師的求職有沒(méi)有影響,如何規(guī)避?
沒(méi)有工作經(jīng)驗(yàn)怎么辦,能找到工作嗎?
一直找不到工作怎么辦,是不是應(yīng)該放棄UI設(shè)計(jì)?


五、第一篇 認(rèn)識(shí)UI(Q1-Q5)


設(shè)計(jì)是什么?為什么需要設(shè)計(jì)?UI設(shè)計(jì)這個(gè)行業(yè)又是怎么誕生的?UI設(shè)計(jì)師的工作內(nèi)容具體是什么?非科班畢業(yè)的大學(xué)生適合從事設(shè)計(jì)行業(yè)嗎?這個(gè)行業(yè)需要學(xué)習(xí)多久才能成為一名優(yōu)秀設(shè)計(jì)師?作為此次專題的開(kāi)篇內(nèi)容,我們?cè)谶@個(gè)章節(jié)將會(huì)抽絲剝繭向大家介紹UI設(shè)計(jì)的由來(lái)、定義、分類和價(jià)值,幫助大家快速對(duì)UI設(shè)計(jì)這門(mén)學(xué)科有一個(gè)宏觀的了解。


Q1. 什么是設(shè)計(jì)?


我們先看百度百科對(duì)設(shè)計(jì)的定義。設(shè)計(jì),是指設(shè)計(jì)師有目標(biāo)、有計(jì)劃地進(jìn)行技術(shù)性的創(chuàng)作與創(chuàng)意活動(dòng)。維基百科認(rèn)為,所謂設(shè)計(jì),即“設(shè)想和計(jì)劃,設(shè)想是目的,計(jì)劃是過(guò)程安排”,通常是指有目標(biāo)和計(jì)劃的創(chuàng)作行為及活動(dòng)。
著名的美國(guó)設(shè)計(jì)理論學(xué)家維克多·帕帕奈克認(rèn)為,設(shè)計(jì)是為構(gòu)建有意義的秩序而付出的有意識(shí)的、直覺(jué)上的努力。他認(rèn)為設(shè)計(jì)有兩個(gè)步驟。第一步:理解用戶的期望、需要、動(dòng)機(jī),并理解業(yè)務(wù)、技術(shù)和行業(yè)上的需求與限制。第二步:將這些知道的東西轉(zhuǎn)化為對(duì)產(chǎn)品的規(guī)劃(或者產(chǎn)品本身),使產(chǎn)品的形式、內(nèi)容和行為變得有用、能用、令人向往,并且在經(jīng)濟(jì)和技術(shù)上可行。
簡(jiǎn)單總結(jié)一下,設(shè)計(jì)是有目的的,有計(jì)劃的、滿足用戶的期望的行為。比如企業(yè)需要設(shè)計(jì)一個(gè)官網(wǎng)進(jìn)行對(duì)外宣傳,網(wǎng)站的設(shè)計(jì)就屬于有目的、有計(jì)劃的工作,而宣傳則是企業(yè)的核心需求。
為什么我們需要先了解“設(shè)計(jì)”的概念?這是因?yàn)閁I設(shè)計(jì)只是設(shè)計(jì)的一個(gè)細(xì)分領(lǐng)域,設(shè)計(jì)的種類非常多,設(shè)計(jì)在許多領(lǐng)域都有應(yīng)用,涉及的方面也比較廣泛。只有初步了解這個(gè)宏觀的大概念,我們才能更清晰地看清楚UI設(shè)計(jì)的本質(zhì),從而為我們的學(xué)習(xí)進(jìn)行指導(dǎo)。
參考文獻(xiàn):
百度百科-設(shè)計(jì)
維基百科-設(shè)計(jì)
《步步為贏:交互設(shè)計(jì)全流程解析》- 董尚昊


Q2. 設(shè)計(jì)的目的是什么?


我們先看世界上第一所完全為發(fā)展設(shè)計(jì)教育而建立的學(xué)院包豪斯對(duì)于設(shè)計(jì)的三個(gè)基本觀點(diǎn)。
①設(shè)計(jì)是藝術(shù)與技術(shù)的新統(tǒng)一;②設(shè)計(jì)的目的是人而不是產(chǎn)品;③設(shè)計(jì)必須遵循自然與客觀的法則來(lái)進(jìn)行。
包豪斯提出“以解決問(wèn)題為中心”的設(shè)計(jì)理念。他們認(rèn)為設(shè)計(jì)是為了解決問(wèn)題,不論是設(shè)計(jì)一個(gè)水壺,還是一款手機(jī)應(yīng)用軟件,設(shè)計(jì)師都是在為他人服務(wù),在幫使用者解決問(wèn)題。這個(gè)設(shè)計(jì)理念深深地影響了設(shè)計(jì)界。設(shè)計(jì)是理性和感性的結(jié)合,并以解決問(wèn)題、滿足人們的需要為目的。
中國(guó)現(xiàn)代設(shè)計(jì)和現(xiàn)代設(shè)計(jì)教育的重要奠基人之一、美國(guó)設(shè)計(jì)教育最高學(xué)府——美國(guó)藝術(shù)中心設(shè)計(jì)學(xué)院教授王受之在他的著作《世界現(xiàn)代設(shè)計(jì)史》中寫(xiě)過(guò)這樣一句話:“設(shè)計(jì)是為他人服務(wù)的活動(dòng)。”
日本當(dāng)代國(guó)際級(jí)平面設(shè)計(jì)大師藝術(shù)總監(jiān)原研哉在《設(shè)計(jì)中的設(shè)計(jì)》一書(shū)中也有類似的表達(dá):“設(shè)計(jì)的實(shí)質(zhì)在于發(fā)現(xiàn)很多人都遇到的問(wèn)題然后試著去解決的過(guò)程?!?br /> 綜上所述,設(shè)計(jì)的目的是用設(shè)計(jì)方案來(lái)滿足用戶的需要,而不是單純產(chǎn)出設(shè)計(jì)師認(rèn)為美觀的方案。這是設(shè)計(jì)過(guò)程中最重要的指導(dǎo)原則之一。如果不理解設(shè)計(jì)的本質(zhì),我們?cè)谝院蟮纳虡I(yè)設(shè)計(jì)中就很容易陷入一個(gè)怪圈,我覺(jué)得這個(gè)界面這樣設(shè)計(jì)得非常好看,但客戶卻讓我去臨摹另外一個(gè)我認(rèn)為很普通的產(chǎn)品界面,客戶覺(jué)得那個(gè)才是他想要的。
參考文獻(xiàn):
《步步為贏:交互設(shè)計(jì)全流程解析》- 董尚昊


Q3. 設(shè)計(jì)和藝術(shù)的區(qū)別?


我們看看維基百科對(duì)藝術(shù)的介紹。藝術(shù)是指憑借想象力、經(jīng)驗(yàn)等綜合人為因素的融合與平衡,以創(chuàng)作隱含美學(xué)的器物、環(huán)境、影像、動(dòng)作或聲音的表達(dá)模式。而百度百科則對(duì)藝術(shù)沒(méi)有明確的定義。藝術(shù)是一種社會(huì)現(xiàn)象、社會(huì)事物,屬上層建筑中的社會(huì)意識(shí)形態(tài),其次也指向各種技術(shù)活動(dòng),比如畫(huà)、雕刻、建筑等活動(dòng)。
藝術(shù)的目的可以分為無(wú)動(dòng)機(jī)的及有動(dòng)機(jī)的兩類。無(wú)動(dòng)機(jī)的藝術(shù)是指那些本來(lái)就是人類不可或缺一部分的藝術(shù),這類的藝術(shù)超越個(gè)人,或是不是為某一特定目的所創(chuàng)作。有動(dòng)機(jī)的藝術(shù)是指那些因?yàn)樘囟康漠a(chǎn)生的藝術(shù)。可能是為了政治的變革、表達(dá)特定的感情、陳述個(gè)人心理,或是作為一個(gè)交流的工具。
原研哉在《設(shè)計(jì)中的設(shè)計(jì)》對(duì)設(shè)計(jì)和藝術(shù)也發(fā)表了自己的看法。
藝術(shù)說(shuō)到底是個(gè)人意愿對(duì)社會(huì)的一種表達(dá),其起源帶有非常個(gè)人化的性質(zhì),所以只有藝術(shù)家自己才知道其作品的來(lái)源。而設(shè)計(jì),則基本上不是一種自我表達(dá),它源于社會(huì)。設(shè)計(jì)的實(shí)質(zhì)在于發(fā)現(xiàn)一個(gè)很多人都遇到的問(wèn)題,然后試著去解決的過(guò)程。
簡(jiǎn)單總結(jié),設(shè)計(jì)和藝術(shù)有很多重疊的部分,兩者最本質(zhì)的區(qū)別是設(shè)計(jì)的本質(zhì)是滿足需要,包含更多的商業(yè)述求,而藝術(shù)的目的是表達(dá)藝術(shù)家對(duì)世界的看法,不受外界的約束。為什么要弄懂這兩者的區(qū)別,這是因?yàn)樵谏虡I(yè)設(shè)計(jì)中或許不會(huì)給你有太多充足的時(shí)間去完成完美的稿子,而是要以甲方或企業(yè)的設(shè)計(jì)目標(biāo)為主、商業(yè)設(shè)計(jì),不是藝術(shù),而是要通過(guò)設(shè)計(jì)滿足甲方的需求。
參考文獻(xiàn):
維基百科-藝術(shù)
《設(shè)計(jì)中的設(shè)計(jì)》- 原研哉


Q4. UI設(shè)計(jì)是什么?


由前UI設(shè)計(jì)屬于近代興起的設(shè)計(jì)分類,這是隨著科技的快速發(fā)展才催生出來(lái)的新興行業(yè)。目前對(duì)于UI設(shè)計(jì)的定義,目前國(guó)內(nèi)有兩種流派。
第一種,UI設(shè)計(jì)包含界面設(shè)計(jì)(Graphical User Interface,簡(jiǎn)稱GUI)、交互設(shè)計(jì)(Interaction Design,簡(jiǎn)稱IxD)和用戶體驗(yàn)設(shè)計(jì)(User Experience Design,簡(jiǎn)稱UX)。
我們先看百度百科對(duì)UI設(shè)計(jì)的定義描述。UI是User Interface(用戶界面)的簡(jiǎn)稱,是指對(duì)軟件的人機(jī)交互、操作邏輯、界面美觀的整體設(shè)計(jì)。UI是一個(gè)廣義的概念,可以通過(guò)以下三個(gè)層面來(lái)理解UI的概念。
首先,UI是指人與信息交互的媒介,它是信息產(chǎn)品的功能載體和典型特征。比如以視覺(jué)為主體的界面,強(qiáng)調(diào)的是視覺(jué)元素的組織和呈現(xiàn),包含圖形、圖標(biāo)、色彩、字體等,這就是我們常說(shuō)的視覺(jué)表現(xiàn)層,用戶從視覺(jué)就可以直接感知的部分。在這一層面,UI就是用戶界面,也是國(guó)內(nèi)普遍對(duì)UI設(shè)計(jì)的認(rèn)知。
其次,UI是指信息的采集與反饋、輸入與輸出,這是基于界面而產(chǎn)生的人與產(chǎn)品之間的交互行為。在這一層面,Ul可以理解為User Interaction,即用戶交互,需要通過(guò)界面對(duì)功能的隱喻和引導(dǎo)用戶來(lái)完成對(duì)應(yīng)的操作。因此,UI不僅要有精美的視覺(jué)表現(xiàn),也要有方便快捷的操作,以符合用戶的認(rèn)知和行為習(xí)慣。
最后,UI的高級(jí)形態(tài)可以理解為User Invisible(中文:看不見(jiàn)的)。對(duì)用戶而言,在這一層面UI是“不可見(jiàn)的”,這并非是指視覺(jué)上的不可見(jiàn),而是讓用戶在界面之下與系統(tǒng)自然地交互,沉浸在他們喜歡的內(nèi)容和操作中,忘記了界面的存在。其實(shí)這就是用戶體驗(yàn),不僅僅是界面,而是以用戶為中心進(jìn)行界面結(jié)構(gòu)、行為、視覺(jué)層面的設(shè)計(jì)。
從百科的對(duì)UI設(shè)計(jì)的定義可以看出,UI設(shè)計(jì)包含了界面設(shè)計(jì)、交互設(shè)計(jì)和用戶體驗(yàn)設(shè)計(jì),這也是國(guó)內(nèi)眾多UI設(shè)計(jì)書(shū)籍中的對(duì)UI設(shè)計(jì)的定義。比如在《術(shù)與道:移動(dòng)應(yīng)用UI設(shè)計(jì)必修課》、《視界·無(wú)界:寫(xiě)給UI設(shè)計(jì)師的設(shè)計(jì)書(shū)》、《UI設(shè)計(jì)精品必修課》等國(guó)內(nèi)設(shè)計(jì)書(shū)籍都有類似的觀點(diǎn)。甚至有這么一個(gè)很流行的比喻:如果把一款軟件產(chǎn)品比作一個(gè)美女的話,視覺(jué)就是一個(gè)美女的化妝和打扮,交互就是一個(gè)美女的五官位置及骨骼體態(tài),用戶體驗(yàn)就是美女是否善解人意、功能貼心、易用好用等。
第二種,UI設(shè)計(jì)、交互設(shè)計(jì)和用戶體驗(yàn)設(shè)計(jì)是獨(dú)立的學(xué)科,他們雖然有很多重疊部分,但交互設(shè)計(jì)和用戶體驗(yàn)設(shè)計(jì)不屬于UI設(shè)計(jì),甚至UI設(shè)計(jì)等同于界面設(shè)計(jì)。
在Joel Marsh的《用戶體驗(yàn)設(shè)計(jì):100堂入門(mén)課》這本書(shū)中,作者舉了個(gè)例子:“UI和UX(用戶體驗(yàn)設(shè)計(jì))是兩種不同的工作。如果有的公司有‘UI/UX’這一職稱,那說(shuō)明這家公司根本不了解什么是UX,或者他們想花一份錢(qián)就讓人做兩份工作。要當(dāng)心?!?br /> 在《這才是用戶體驗(yàn)設(shè)計(jì):人人都看得懂的產(chǎn)品設(shè)計(jì)書(shū)》里,作者認(rèn)為界面設(shè)計(jì)包括信息層和呈現(xiàn)層。UI設(shè)計(jì)的范圍比界面設(shè)計(jì)要小得多,通常僅關(guān)注虛擬產(chǎn)品的信息呈現(xiàn),而且較少涉及藝術(shù)向的視覺(jué)設(shè)計(jì)。信息層則由交互設(shè)計(jì)師負(fù)責(zé),待界面上要呈現(xiàn)的信息架構(gòu)和具體信息明確后,UI設(shè)計(jì)師才開(kāi)始設(shè)計(jì)工作。其次UX設(shè)計(jì)師主要關(guān)注上層設(shè)計(jì),而UI的工作非常細(xì),比如如按鈕、字體的設(shè)計(jì)。
這種觀點(diǎn)也是目前國(guó)內(nèi)多數(shù)企業(yè)和設(shè)計(jì)師對(duì)UI設(shè)計(jì)的定義,UI設(shè)計(jì)就主要是負(fù)責(zé)界面設(shè)計(jì)的工作,尤其指移動(dòng)端產(chǎn)品界面,比如APP、智能設(shè)備等。
結(jié)合以上兩種流派對(duì)UI設(shè)計(jì)的定義,我認(rèn)為,從視覺(jué)層面,UI設(shè)計(jì)可以定義為用戶界面設(shè)計(jì),不管是web端、移動(dòng)端還是其他智能設(shè)備,凡是涉及到用戶界面的設(shè)計(jì),都可以歸納為UI設(shè)計(jì);從交互層面,UI設(shè)計(jì)還需要思考界面對(duì)功能的隱喻和引導(dǎo),從而幫助用戶完成對(duì)應(yīng)的操作;從體驗(yàn)層面,UI設(shè)計(jì)需要從視覺(jué)、色彩、行為和交互等方面為用戶提供優(yōu)秀的體驗(yàn),讓用戶可以和系統(tǒng)自然地交互,沉浸在他們系統(tǒng)操作中。
總之,一名優(yōu)秀的UI設(shè)計(jì)師,絕非只是畫(huà)好圖標(biāo)、完成界面設(shè)計(jì)這樣的基礎(chǔ)工作,而是從整個(gè)產(chǎn)品的用戶體驗(yàn)出發(fā),從視覺(jué)到實(shí)際操作,為用戶提供最友好的使用體驗(yàn)。理解這個(gè)概念,我們才能確立真正的學(xué)習(xí)目標(biāo)和職業(yè)定位,朝著一名優(yōu)秀的UI設(shè)計(jì)師而努力。

參考文獻(xiàn):
百度百科-UI設(shè)計(jì)
《術(shù)與道:移動(dòng)應(yīng)用UI設(shè)計(jì)必修課》- 余振華
《視界·無(wú)界:寫(xiě)給UI設(shè)計(jì)師的設(shè)計(jì)書(shū)》- 王涵
《UI設(shè)計(jì)精品必修課》- 常麗 李才應(yīng)
《用戶體驗(yàn)設(shè)計(jì):100堂入門(mén)課》- Joel Marsh
《這才是用戶體驗(yàn)設(shè)計(jì):人人都看得懂的產(chǎn)品設(shè)計(jì)書(shū)》- 李磊


Q5. UI設(shè)計(jì)有什么分類?


從用戶人群劃分,像淘寶、美團(tuán)這樣以個(gè)人消費(fèi)者(Customer)使用為主的產(chǎn)品,稱為C端產(chǎn)品,屬于最常見(jiàn)的UI設(shè)計(jì),稱為C端UI設(shè)計(jì);而像有贊、微盟這樣的以服務(wù)企業(yè)(Bussiness)的產(chǎn)品,稱為B端產(chǎn)品,這就是B端設(shè)計(jì)師的由來(lái),目前市場(chǎng)對(duì)B端UI設(shè)計(jì)師的需求比較大。
從使用設(shè)備劃分,從事電腦端設(shè)計(jì)的稱為WUI(Web User Interface),也就是網(wǎng)頁(yè)設(shè)計(jì)師,從事移動(dòng)端設(shè)計(jì)的稱為GUI(Web User Interface,圖形處理設(shè)計(jì)師),是我們普遍理解的UI設(shè)計(jì)師。
從設(shè)計(jì)對(duì)象劃分,UI設(shè)計(jì)可以分為電腦界面、APP界面、平板、智能手表、車載導(dǎo)航設(shè)備、智能電視界面、可穿戴設(shè)備界面、醫(yī)療及各種數(shù)碼機(jī)床等自動(dòng)化控制界面和微型嵌入式設(shè)備界面等類型。
從交互方式劃分,UI設(shè)計(jì)可以分為GUI和VUI,GUI就是我們上文提到的圖形處理設(shè)計(jì)師,而VUI(Voice User Interface)則是通過(guò)語(yǔ)音交互的界面設(shè)計(jì),比如小度、天貓精靈。
從行業(yè)劃分,UI設(shè)計(jì)師可以分為不同行業(yè)的設(shè)計(jì)師,比如從事醫(yī)療產(chǎn)品的UI設(shè)計(jì)師,從事人工智能的UI設(shè)計(jì)師。
簡(jiǎn)單總結(jié),未來(lái)隨著各種智能設(shè)備、人工智能、AR的發(fā)展,將會(huì)誕生出更多細(xì)分行業(yè)的UI設(shè)計(jì)師,不管是現(xiàn)在最火爆的B端設(shè)計(jì)師,還是車載設(shè)計(jì)師,未來(lái)面對(duì)日新月異的科技發(fā)展,只有理解UI設(shè)計(jì)的本質(zhì)和方法,才能應(yīng)付越來(lái)越多的不確定性。


作者:設(shè)計(jì)大偵探
鏈接:https://www.zcool.com.cn/article/ZMTUwMjgwMA==.html
來(lái)源:站酷

藍(lán)藍(lán)設(shè)計(jì)建立了UI設(shè)計(jì)分享群,每天會(huì)分享國(guó)內(nèi)外的一些優(yōu)秀設(shè)計(jì),如果有興趣的話,可以進(jìn)入一起成長(zhǎng)學(xué)習(xí),請(qǐng)加藍(lán)小助,微信號(hào):ben_lanlan,報(bào)下信息,藍(lán)小助會(huì)請(qǐng)您入群。歡迎您加入噢~~希望得到建議咨詢、商務(wù)合作,也請(qǐng)與我們聯(lián)系01063334945。

分享此文一切功德,皆悉回向給文章原作者及眾讀者.
免責(zé)聲明:藍(lán)藍(lán)設(shè)計(jì)尊重原作者,文章的版權(quán)歸原作者。如涉及版權(quán)問(wèn)題,請(qǐng)及時(shí)與我們?nèi)〉寐?lián)系,我們立即更正或刪除。

藍(lán)藍(lán)設(shè)計(jì)yvirxh.cn )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)UI設(shè)計(jì)公司、界面設(shè)計(jì)公司、UI設(shè)計(jì)服務(wù)公司、數(shù)據(jù)可視化設(shè)計(jì)公司、UI交互設(shè)計(jì)公司、高端網(wǎng)站設(shè)計(jì)公司、UI咨詢、用戶體驗(yàn)公司、軟件界面設(shè)計(jì)公司

                         

日歷

鏈接

個(gè)人資料

存檔