手机国产精品一区二区,另类第一页,亚欧在线,日韩一国产极品99热在线播放69_国产美女久久精品香蕉欧美_亚州中文无码aⅤ在线_免费国产v片在线

首頁(yè)

UI設(shè)計(jì)的20個(gè)原則,明確你的設(shè)計(jì)思路

資深UI設(shè)計(jì)者

UI設(shè)計(jì)的概念側(cè)重在“交互”設(shè)計(jì)。優(yōu)秀的UI設(shè)計(jì)界面,不光是各種元素設(shè)計(jì)技巧的展現(xiàn),更重要的是能表現(xiàn)出用戶角度的完美“體驗(yàn)感”。

1、明確你的用戶群

首先要明確一個(gè)方向:誰(shuí)是你的用戶群?不同階層、不同年齡的用戶偏重的主題設(shè)定和設(shè)計(jì)元素都不相同,所以UI設(shè)計(jì)必須是有針對(duì)性地設(shè)計(jì)。

2、界面要清晰

清晰度是界面設(shè)計(jì)中,第一步也是最重要的工作。要想你設(shè)計(jì)的界面有效并被人喜歡,首先必須讓用戶能夠識(shí)別出它,讓用戶知道為什么會(huì)使用它。當(dāng)用戶使用時(shí),要能夠預(yù)料到發(fā)生什么,并成功的與之交互,只有清晰的界面能夠吸引用戶不斷地重復(fù)使用。

3、交互性

界面的存在,促進(jìn)了用戶和我們的世界之間的互動(dòng)。優(yōu)秀的界面不但能夠讓我們做事有效率,還能夠激發(fā)、喚起和加強(qiáng)我們與這個(gè)世界的聯(lián)系。

4、保持用戶的注意力

在進(jìn)行界面設(shè)計(jì)的時(shí)候,能夠吸引用戶的注意力是很關(guān)鍵的,所以千萬(wàn)不要將你應(yīng)用的周圍設(shè)計(jì)得亂七八糟分散人的注意力,謹(jǐn)記屏幕整潔能夠吸引注意力的重要性。如果你非要顯示廣告,那么請(qǐng)?jiān)谟脩糸喿x完畢之后再顯示。尊重用戶的注意力,不僅讓用戶更快樂(lè),而且你的廣告效果也會(huì)更佳。因此要想設(shè)計(jì)好的界面,保持用戶的注意力是先決條件。

5、讓用戶掌控界面

人都喜歡對(duì)事物完全掌控,而不考慮用戶感受的軟件往往不會(huì)給客戶掌控的感覺(jué),迫使用戶不得不進(jìn)入計(jì)劃外的交互,這會(huì)讓用戶很不舒服。保證界面處在用戶的掌控之中,讓用戶自己決定系統(tǒng)狀態(tài),稍加引導(dǎo),這樣會(huì)更容易達(dá)成目標(biāo)。

6、每個(gè)屏幕需要一個(gè)主題

我們?cè)O(shè)計(jì)的每一個(gè)畫(huà)面都應(yīng)該有單一的主題,這樣不僅能夠讓用戶使用到它真正的價(jià)值,也使得上手容易,使用起來(lái)也更方便,在必要的時(shí)候更容易進(jìn)行修改。如果一個(gè)屏幕支持兩個(gè)或兩個(gè)以上的主題,整個(gè)界面看起來(lái)會(huì)混亂不堪。正如文章應(yīng)該有一個(gè)單一的主題以及強(qiáng)有力的論點(diǎn),我們的界面設(shè)計(jì)也應(yīng)該如此,這也是界面存在的理由。

7、區(qū)分動(dòng)作主次

每個(gè)屏幕包含一個(gè)主要?jiǎng)幼鞯耐瑫r(shí),可以有多個(gè)次要?jiǎng)幼?,但盡量不要讓它們喧賓奪主!文章的存在是為了讓人們?nèi)ラ喿x它,所以在設(shè)計(jì)界面的時(shí)候,盡量減弱次要?jiǎng)幼鞯囊曈X(jué)沖擊力,或者在主要?jiǎng)幼魍瓿芍笤亠@示出來(lái)。

8、自然過(guò)渡

界面的交互都是環(huán)環(huán)相扣的,所以設(shè)計(jì)時(shí),要深思熟慮地考慮到交互的下一步??紤]到下一步的交互是怎樣的,并且通過(guò)設(shè)計(jì)將其實(shí)現(xiàn)。這就好比我們的日常談話,要為深入交談提供話由。當(dāng)用戶已經(jīng)完成該做的步驟,不要讓他們不知所措,給他們自然而然繼續(xù)下去的方法,以達(dá)成目標(biāo)。

9、符合用戶期望

人總是對(duì)符合期望的行為最感舒適,這也是與人打交道的設(shè)計(jì)應(yīng)該做到的。在實(shí)踐中,這意味著用戶只要看一眼就可以知道接下來(lái)將會(huì)有什么的動(dòng)作發(fā)生,如果它看上去像個(gè)按鈕,那么它就應(yīng)該具備按鈕的功能。設(shè)計(jì)師不應(yīng)該在基本的交互問(wèn)題上耍小聰明,要在更高層次的問(wèn)題上發(fā)揮創(chuàng)造力。

10、強(qiáng)烈的視覺(jué)層次感

如果要讓屏幕的視覺(jué)元素具有清晰的瀏覽次序,那么應(yīng)該通過(guò)強(qiáng)烈的視覺(jué)層次感來(lái)實(shí)現(xiàn)。也就是說(shuō),如果用戶每次都按照相同的順序?yàn)g覽同樣的東西,視覺(jué)層次感不明顯的話,用戶不知道哪里才是目光應(yīng)當(dāng)停留的重點(diǎn),最終只會(huì)讓用戶感到一團(tuán)糟。在不斷變更設(shè)計(jì)的情況下,很難保持明確的層次關(guān)系,因?yàn)樗械脑貙哟侮P(guān)系都是相對(duì)的:如果所有的元素都突出顯示,最后就相當(dāng)于沒(méi)有重點(diǎn)可言。如果要添加一個(gè)需要特別突出的元素,為了再次實(shí)現(xiàn)明確的視覺(jué)層級(jí),設(shè)計(jì)師可能需要重新考慮每一個(gè)元素的視覺(jué)重量。雖然多數(shù)人不會(huì)察覺(jué)到視覺(jué)層次,但這是增強(qiáng)設(shè)計(jì)的最簡(jiǎn)單的方法。

11、減輕用戶的認(rèn)知壓力

恰當(dāng)?shù)靥幚硪曈X(jué)元素能夠化繁為簡(jiǎn),幫助他人更加快速簡(jiǎn)單地理解你的表達(dá)。用方位和方向上的組織可以自然地表現(xiàn)元素間的關(guān)系。恰如其分地組織內(nèi)容可以減輕用戶的認(rèn)知負(fù)擔(dān),他們不必再琢磨元素間的關(guān)系,因?yàn)槟阋呀?jīng)表現(xiàn)出來(lái)了。不要迫使用戶做出分辨,而是設(shè)計(jì)者用組織表現(xiàn)出來(lái)。

12、色彩不能決定一切

物體的色彩會(huì)隨光線改變而改變。艷陽(yáng)高照與夕陽(yáng)西沉?xí)r,我們看到的景物會(huì)有很大反差。換句話說(shuō),色彩很容易被環(huán)境改變,因此,設(shè)計(jì)的時(shí)候不要將色彩視為決定性因素。色彩可以醒目,作為引導(dǎo),但不應(yīng)該是做區(qū)別的唯一元素。在長(zhǎng)篇閱讀或者長(zhǎng)時(shí)間面對(duì)電腦屏幕的情況下,除了要強(qiáng)調(diào)的內(nèi)容,應(yīng)采用相對(duì)暗淡或柔和的背景色。當(dāng)然,視讀者而定,也可采用明亮的背景色。

13、恰當(dāng)?shù)恼宫F(xiàn)

每個(gè)屏幕只展現(xiàn)必需的內(nèi)容。如果用戶需要作出決定,則展現(xiàn)足夠的信息供其選擇,他們會(huì)到在下一屏找到所需細(xì)節(jié)。避免過(guò)度闡釋或把所有一次展現(xiàn),如果可能,將選擇放在下一屏以有步驟地展示信息。這會(huì)使你的界面交互更加清晰。

14、“幫助”選項(xiàng)

在理想的用戶界面,“幫助”選項(xiàng)是不必要出現(xiàn)的,因?yàn)橛脩艚缑婺軌蛴行У刂敢脩魧W(xué)習(xí)。類似“下一步”實(shí)際上就是在上下文情境中內(nèi)嵌的“幫助”,并且只在用戶需要的時(shí)候出現(xiàn)在適當(dāng)?shù)奈恢茫渌麜r(shí)候都是隱藏的。設(shè)計(jì)者的任務(wù)是應(yīng)該確保用戶知道如何使用你提供的界面,讓用戶在界面中得到指導(dǎo)并學(xué)習(xí)。

15、引導(dǎo)狀態(tài)

用戶對(duì)一個(gè)界面的首次體驗(yàn)是非常重要的,而這常常被設(shè)計(jì)師忽略。為了更好的幫助用戶快速適應(yīng)我們的設(shè)計(jì),設(shè)計(jì)應(yīng)該處于零狀態(tài),也就是什么都沒(méi)有發(fā)生的狀態(tài)。但這個(gè)狀態(tài)不是一塊空白的畫(huà)布,它應(yīng)該能夠?yàn)橛脩籼峁┓较蚝椭笇?dǎo),以此來(lái)幫助用戶快速適應(yīng)設(shè)計(jì)。在初始狀態(tài)下的互動(dòng)過(guò)程中會(huì)存在一些摩擦,一旦用戶了解了各種規(guī)則,那將會(huì)有很高的機(jī)會(huì)獲得成功。

16、解決看得到的問(wèn)題

人們總是尋求各種方案去解決已經(jīng)存在的問(wèn)題,而不是潛在的或者未來(lái)的問(wèn)題。所以,不要為假設(shè)的問(wèn)題設(shè)計(jì)界面,我們應(yīng)該觀察現(xiàn)有的行為和設(shè)計(jì),解決現(xiàn)存的問(wèn)題。這確實(shí)不是件能夠讓人興奮的事情,但卻是最有價(jià)值的事情,因?yàn)橐坏┠愕挠脩艚缑嬗油晟?,?huì)有更多的用戶愿意使用你的界面。

17、多涉獵設(shè)計(jì)之外的知識(shí)

視覺(jué)、平面設(shè)計(jì)、排版、文案、信息結(jié)構(gòu)以及可視化,所有的這些知識(shí)領(lǐng)域都應(yīng)該是界面設(shè)計(jì)應(yīng)該包含的內(nèi)容,設(shè)計(jì)師對(duì)這些知識(shí)都應(yīng)該有所涉獵或者比較專長(zhǎng),要從中獲取許多值得學(xué)習(xí)的東西,以此來(lái)提高你的工作能力。

18、實(shí)用性

在設(shè)計(jì)領(lǐng)域,界面設(shè)計(jì)成功的要素就是有用戶使用它。雖然精美但用戶不會(huì)選擇使用的設(shè)計(jì)作品,也就是失敗的作品。因此,界面設(shè)計(jì)不僅僅是設(shè)計(jì)一個(gè)使用環(huán)境,還需要是創(chuàng)造一個(gè)值得使用的藝術(shù)品,它僅僅能夠滿足其設(shè)計(jì)者的虛榮心是不夠的,首先它必須要實(shí)用!

19、檢查錯(cuò)誤

要盡可能檢查和清除程序中的錯(cuò)誤和BUG,即便精心地設(shè)計(jì)了彈窗來(lái)做說(shuō)明。為了更好的用戶體驗(yàn),不要出現(xiàn)讓用戶驚訝的結(jié)果。Beta測(cè)試是消減錯(cuò)誤的最好方法。

20、簡(jiǎn)約設(shè)計(jì)

簡(jiǎn)約設(shè)計(jì)不僅僅是一種流行趨勢(shì),從用戶體驗(yàn)上看,簡(jiǎn)約的界面可以去掉很多無(wú)關(guān)的干擾信息,使UI更具易用性。好的UI設(shè)計(jì)應(yīng)該具備強(qiáng)大的功能,但是畫(huà)面要簡(jiǎn)約,擁擠的界面,不論功能多么強(qiáng)大,都會(huì)給用戶帶來(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ì)( www.88yangsc.com )是一家專注而深入的界面設(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ì)公司

全球最大職業(yè)社交網(wǎng)站LINKEDIN!用戶體驗(yàn)主管訪談

資深UI設(shè)計(jì)者

全球最大職業(yè)社交網(wǎng)站LINKEDIN!用戶體驗(yàn)主管訪談

2023-06-21 09:24北京北京蘭亭妙微科技有限公司官方帳號(hào)

作為全球最大的職業(yè)社交網(wǎng)站,LinkedIn一直致力于提供卓越的用戶體驗(yàn)。其成功的關(guān)鍵在于與用戶建立了良好的互動(dòng)關(guān)系,并根據(jù)用戶需求和反饋不斷改進(jìn)產(chǎn)品和服務(wù)。在這篇訪談中,我們邀請(qǐng)了LinkedIn的用戶體驗(yàn)主管回答有關(guān)如何順應(yīng)當(dāng)前市場(chǎng)趨勢(shì)、創(chuàng)新設(shè)計(jì)、優(yōu)化用戶體驗(yàn)等問(wèn)題的詳細(xì)解答。

問(wèn):感覺(jué)到社交媒體市場(chǎng)上存在哪些新的趨勢(shì)?

答:在社交媒體市場(chǎng)中,我們發(fā)現(xiàn)一個(gè)令人興奮的趨勢(shì)是,更多的人開(kāi)始重視個(gè)人品牌并積極參與社交媒體平臺(tái)來(lái)建立自己的專業(yè)形象。這也是LinkedIn的一大核心功能,即幫助人們建立專業(yè)形象、擴(kuò)展人脈和探索更豐富的職業(yè)機(jī)會(huì)。此外,移動(dòng)設(shè)備的使用也在持續(xù)增長(zhǎng),因此我們需要將移動(dòng)設(shè)備作為設(shè)計(jì)和開(kāi)發(fā)的首要考慮因素。

問(wèn):如何創(chuàng)新設(shè)計(jì)來(lái)滿足新的市場(chǎng)需求?

答:創(chuàng)新設(shè)計(jì)是實(shí)現(xiàn)優(yōu)良用戶體驗(yàn)的關(guān)鍵所在。在設(shè)計(jì)方面,我們需要堅(jiān)持簡(jiǎn)潔、易用和可靠的原則,并與用戶進(jìn)行廣泛的交流和反饋。我們?cè)谠O(shè)計(jì)新功能和產(chǎn)品時(shí),通常會(huì)通過(guò)一系列的測(cè)試、原型驗(yàn)證和問(wèn)卷調(diào)查等來(lái)驗(yàn)證人們對(duì)其使用情況的反饋,進(jìn)而優(yōu)化設(shè)計(jì)。

另外,在社交媒體市場(chǎng)中,內(nèi)容的質(zhì)量也十分重要。我們需要提供優(yōu)質(zhì)內(nèi)容和有價(jià)值的信息,以吸引更多的用戶。此外,開(kāi)放平臺(tái)和API的應(yīng)用也能夠?yàn)樵O(shè)計(jì)師和開(kāi)發(fā)人員提供更多的機(jī)會(huì)和工具,從而創(chuàng)新地滿足用戶不斷變化的需求。

問(wèn):如何保持和改進(jìn)LinkedIn的優(yōu)秀用戶體驗(yàn)?

答:為了保持和改進(jìn)LinkedIn的優(yōu)秀用戶體驗(yàn),我們需要不斷地傾聽(tīng)用戶的意見(jiàn)和建議。例如,我們定期進(jìn)行用戶調(diào)查和反饋收集,并根據(jù)用戶反饋不斷優(yōu)化和改進(jìn)我們的產(chǎn)品和服務(wù)。此外,我們還有專門(mén)的用戶體驗(yàn)團(tuán)隊(duì)來(lái)負(fù)責(zé)設(shè)計(jì)和評(píng)估產(chǎn)品的用戶界面和用戶體驗(yàn)。我們堅(jiān)持 "用戶優(yōu)先" 的原則,始終將用戶需求置于設(shè)計(jì)和開(kāi)發(fā)的核心位置。

我們還注重用戶數(shù)據(jù)的分析和利用。通過(guò)分析和挖掘用戶行為數(shù)據(jù),我們可以更好地理解用戶的使用情況和需求,進(jìn)而為設(shè)計(jì)和開(kāi)發(fā)提供指導(dǎo)和方向。此外,我們還將不斷探索新的技術(shù)和趨勢(shì),以保持領(lǐng)先地位。

問(wèn):如何應(yīng)對(duì)LinkedIn在全球范圍內(nèi)的不同文化和語(yǔ)言差異?

答:LinkedIn在全球擁有超過(guò)7000萬(wàn)的用戶,為了滿足用戶的不同需求,我們需要考慮和應(yīng)對(duì)各種不同的文化和語(yǔ)言差異。為此,我們采用本地化策略,為不同語(yǔ)言和文化背景的用戶提供專門(mén)定制的界面和服務(wù)。例如,在中國(guó)市場(chǎng),我們?yōu)橛脩籼峁┝吮镜鼗姹镜腖inkedIn,包括漢化界面、本土化職業(yè)機(jī)會(huì)和相關(guān)文化資訊等。

另外,我們還注重跨文化交流和互動(dòng),通過(guò)協(xié)同團(tuán)隊(duì)和全球社區(qū)的合作和溝通,同步了解全球各地用戶的需求和意見(jiàn),并根據(jù)其反饋進(jìn)行相應(yīng)調(diào)整和優(yōu)化。

總之,LinkedIn將始終堅(jiān)持用戶優(yōu)先、創(chuàng)新設(shè)計(jì)和不斷改進(jìn)的原則,為用戶提供更優(yōu)秀的職業(yè)社交體驗(yàn),幫助他們更好地建立和管理自己的專業(yè)形象,并找到更好的職業(yè)機(jī)會(huì)。

今日分享這篇文章是藍(lán)藍(lán)設(shè)計(jì)的原創(chuàng)文章,未來(lái)將會(huì)持續(xù)在平臺(tái)上分享關(guān)于設(shè)計(jì)行業(yè)的文章。此外藍(lán)藍(lán)設(shè)計(jì)建立了UI設(shè)計(jì)分享群,每天會(huì)分享國(guó)內(nèi)外的一些優(yōu)秀設(shè)計(jì),如果有興趣的話,可以進(jìn)入一起成長(zhǎng)學(xué)習(xí),添加vx藍(lán)小助ben_lanlan,報(bào)下信息,藍(lán)小助會(huì)請(qǐng)您入群。同時(shí)添加藍(lán)小助我們將會(huì)為您提供優(yōu)秀的設(shè)計(jì)案例和設(shè)計(jì)素材等,歡迎您加入噢~~希望得到建議咨詢、商務(wù)合作,也請(qǐng)與我們聯(lián)系。

藍(lán)藍(lán)設(shè)計(jì)( www.88yangsc.com )是一家專注而深入的界面設(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ì)公司

技術(shù)與人性的碰撞!給設(shè)計(jì)師的用戶體驗(yàn)設(shè)計(jì)發(fā)展簡(jiǎn)史

資深UI設(shè)計(jì)者

技術(shù)與人性的碰撞!給設(shè)計(jì)師的用戶體驗(yàn)設(shè)計(jì)發(fā)展簡(jiǎn)史

2023-06-21 09:19北京北京蘭亭妙微科技有限公司官方帳號(hào)

背景介紹

在界面設(shè)計(jì)中,字體的選擇和運(yùn)用是非常重要的一環(huán)。合理的字體搭配可以讓界面更加美觀、易讀、易于理解,從而提高用戶的使用體驗(yàn)。而不合適的字體搭配則可能造成視覺(jué)上的疲勞和不適。因此,在界面設(shè)計(jì)中,選擇合適的字體并進(jìn)行規(guī)范化是非常必要的。

常用字體

2.1 英文字體

在英文界面設(shè)計(jì)中,常見(jiàn)的字體有Arial、Times New Roman、Verdana、Calibri等。其中,Arial字體是Microsoft Office軟件的默認(rèn)字體之一,它具有清晰明了、易讀易懂的特點(diǎn),適用于各種場(chǎng)合。而Times New Roman字體則常用于正式的文本排版中,例如學(xué)術(shù)論文、報(bào)告等。Verdana字體相比起Arial更加圓潤(rùn),具有更好的可讀性和視覺(jué)效果。Calibri則是一種比較新的字體,它具有現(xiàn)代感,同時(shí)也非常適合界面設(shè)計(jì)。

2.2 中文字體

在中文界面設(shè)計(jì)中,常見(jiàn)的字體有宋體、黑體、微軟雅黑、仿宋等。其中,宋體是Windows操作系統(tǒng)的默認(rèn)字體之一,具有比較好的可讀性和兼容性。黑體相比較宋體更加粗壯,適用于強(qiáng)調(diào)和突出展示的場(chǎng)合。微軟雅黑則是微軟公司開(kāi)發(fā)的一款中文設(shè)計(jì)字體,它簡(jiǎn)潔清新、易讀易懂,非常適合作為界面設(shè)計(jì)的基礎(chǔ)字體。仿宋則具有較高的書(shū)法美感,適合于書(shū)信、印章等正式場(chǎng)合。

字體規(guī)范化

為了使界面設(shè)計(jì)更加一致和規(guī)范,我們需要對(duì)字體進(jìn)行規(guī)范化。具體而言,需要從以下幾個(gè)方面進(jìn)行規(guī)范化:

3.1 字號(hào)

字號(hào)是指字體的大小,通常使用pt(磅)作為單位。在界面設(shè)計(jì)中,需要根據(jù)不同元素的大小進(jìn)行選擇和調(diào)整,以達(dá)到界面整體比例協(xié)調(diào)的效果。一般而言,主標(biāo)題的字號(hào)應(yīng)該在36pt-48pt之間,副標(biāo)題的字號(hào)應(yīng)該在24pt-30pt之間,正文的字號(hào)應(yīng)該在12pt-16pt之間。

3.2 行距

行距是指一行文字與下一行文字之間的距離。一般而言,行距的大小應(yīng)該是字號(hào)的1.5倍左右。如果行距太小,會(huì)導(dǎo)致文字過(guò)于緊密,不利于閱讀;而行距過(guò)大,則會(huì)造成視覺(jué)上的浪費(fèi),不利于排版美觀。

3.3 字體顏色

字體顏色需要根據(jù)不同場(chǎng)合、不同元素的特點(diǎn)進(jìn)行選擇。一般而言,主要內(nèi)容(如標(biāo)題、正文等)的字體顏色應(yīng)該是黑色或深灰色,強(qiáng)調(diào)內(nèi)容(如重要提示、鏈接等)的字體顏色可以是藍(lán)色、紅色等。同時(shí),需要注意背景色與字體顏色之間的對(duì)比度,以確保字體清晰可讀。

3.4 字間距

字間距是指字體中各個(gè)字符之間的間距。一般而言,字間距應(yīng)該適當(dāng)擴(kuò)大,以保證單詞和句子之間的空隙,增加字體的易讀性。但是,字間距過(guò)大也會(huì)影響排版的美觀性,因此需要根據(jù)實(shí)際情況進(jìn)行調(diào)整。

總結(jié)

在界面設(shè)計(jì)中,字體的選擇和規(guī)范化是非常重要的一環(huán)。根據(jù)不同的場(chǎng)合和元素特點(diǎn)進(jìn)行合理的字體搭配,并進(jìn)行規(guī)范化,可以提高用戶的使用體驗(yàn),讓界面更加美觀、易讀易懂。

今日分享這篇文章是藍(lán)藍(lán)設(shè)計(jì)的原創(chuàng)文章,未來(lái)將會(huì)持續(xù)在平臺(tái)上分享關(guān)于設(shè)計(jì)行業(yè)的文章。此外藍(lán)藍(lán)設(shè)計(jì)建立了UI設(shè)計(jì)分享群,每天會(huì)分享國(guó)內(nèi)外的一些優(yōu)秀設(shè)計(jì),如果有興趣的話,可以進(jìn)入一起成長(zhǎng)學(xué)習(xí),添加vx藍(lán)小助ben_lanlan,報(bào)下信息,藍(lán)小助會(huì)請(qǐng)您入群。同時(shí)添加藍(lán)小助我們將會(huì)為您提供優(yōu)秀的設(shè)計(jì)案例和設(shè)計(jì)素材等,歡迎您加入噢~~希望得到建議咨詢、商務(wù)合作,也請(qǐng)與我們聯(lián)系。

藍(lán)藍(lán)設(shè)計(jì)( www.88yangsc.com )是一家專注而深入的界面設(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ì)公司

UI設(shè)計(jì)的4個(gè)角度14點(diǎn)思考

資深UI設(shè)計(jì)者

站在不同的角度思考設(shè)計(jì),發(fā)現(xiàn)設(shè)計(jì)的新出路。

UI設(shè)計(jì)3天時(shí)間完成~

這個(gè)界面不難的,按照我的交互稿上個(gè)色就好了~

簡(jiǎn)單設(shè)計(jì)一下,馬上給我~

再調(diào)幾個(gè)顏色給我選一下~

模塊先設(shè)計(jì),顏色最后調(diào)一下也很快的~


熟悉吧,以上是作為UI設(shè)計(jì)師的你,幾乎每天都能聽(tīng)到的把。拜托,就算是路邊打印店,讓人家?guī)湍阍O(shè)計(jì)個(gè)名片,你也會(huì)問(wèn)人家什么時(shí)候能做好吧。難不成設(shè)計(jì)這么好做?要不你行你上?我做不了~

慢著,我做,我做,誰(shuí)讓你給我發(fā)錢(qián),給錢(qián)就是老大,要做就做吧~

于是出現(xiàn)了以下設(shè)計(jì)稿

常說(shuō)設(shè)計(jì)是一個(gè)用戶接觸產(chǎn)品的第一道門(mén)。從應(yīng)用市場(chǎng)的圖標(biāo)開(kāi)始到用戶下載打開(kāi)app的啟動(dòng)頁(yè),再到用戶進(jìn)入app后看到的首頁(yè)。難道設(shè)計(jì)師真的不考慮什么嗎?真的按照產(chǎn)品或交互設(shè)計(jì)稿做嗎。從圖標(biāo)在應(yīng)用市場(chǎng)的吸引力,到用戶使用app后的留存率,請(qǐng)問(wèn)哪一個(gè)不是和UI設(shè)計(jì)師有關(guān)系!業(yè)績(jī)好,業(yè)務(wù)好是產(chǎn)品的營(yíng)銷和自然增長(zhǎng)率。業(yè)務(wù)差就是設(shè)計(jì)不吸引人沒(méi)有感染力,嗯哼???

在此呼吁廣大項(xiàng)目管理者,請(qǐng)給我們的設(shè)計(jì)師一些思考的時(shí)間,一些打磨設(shè)計(jì)的時(shí)間。

好了,廢話不多說(shuō),進(jìn)入正題。假設(shè)有一天,公司給了你足夠的時(shí)間設(shè)計(jì)。你該如何思考?你要怎么不受約束的將自己的產(chǎn)品觀融入你的設(shè)計(jì)中?從現(xiàn)在開(kāi)始,即使產(chǎn)品給你的設(shè)計(jì)時(shí)間很短,你也要學(xué)著思考,學(xué)著加入自己的思維,做一個(gè)有思想的設(shè)計(jì)師。做到這一點(diǎn)很難,但是你必須學(xué)著這樣做,跟我沒(méi)關(guān)系,但對(duì)你有益。

1.學(xué)著像產(chǎn)品經(jīng)理一樣思考(THINKING LIKE PM)


產(chǎn)品經(jīng)理是怎么思考的。產(chǎn)品經(jīng)理是產(chǎn)品的CEO,手握著產(chǎn)品的生殺大權(quán)。考慮的會(huì)更偏像于產(chǎn)品的核心觀。幫助用戶解決什么痛點(diǎn),通過(guò)什么方式解決這個(gè)痛點(diǎn),怎么為公司提高贏利、如何提高轉(zhuǎn)化、如何提升留存…當(dāng)然你并不需要完全知道所有的東西,因?yàn)槟阌心阕约旱膶iL(zhǎng)(UI設(shè)計(jì))。


但是,必須留意的幾點(diǎn)就是:(1)用戶群體(2)相關(guān)競(jìng)品(3)主要商業(yè)模式


(1)對(duì)于用戶群體的了解,你能夠通過(guò)這部分用戶群體找到相關(guān)的用戶畫(huà)像。這一點(diǎn)很重要(因?yàn)閺哪闳肼殲閁I設(shè)計(jì)師的那天開(kāi)始,你的設(shè)計(jì)是幫助公司服務(wù)于用戶的,并不是為了表達(dá)你崇高的藝術(shù)涵養(yǎng)的)。通過(guò)用戶畫(huà)像,你能找到這部分人的主要特征,這將會(huì)有助于你選擇設(shè)計(jì)中使用的顏色、字體大小。

     打個(gè)比方來(lái)說(shuō),總不能為服務(wù)于紅綠色盲人群設(shè)計(jì)的產(chǎn)品,UI做出了綠色界面+紅色按鈕吧?你以為你通過(guò)顏色對(duì)比突出了按鈕,實(shí)際…對(duì)吧?你可以用顏色來(lái)讓界面產(chǎn)生差異,單不能僅依賴于顏色提升設(shè)計(jì)效果,因?yàn)椴⒉皇敲總€(gè)人都能精確的分辨出各種顏色。

(2)產(chǎn)品的競(jìng)品,對(duì)于相關(guān)競(jìng)品的研究,也是目前UI設(shè)計(jì)師設(shè)計(jì)過(guò)程中常用的一種方法。好處呢當(dāng)然顯而易見(jiàn),競(jìng)品的顏色用取,設(shè)計(jì)風(fēng)格…這些都是已經(jīng)線上經(jīng)過(guò)驗(yàn)證了的。有很多設(shè)計(jì)師是在看完競(jìng)品后恍然大悟,顏色該用啥,按鈕用啥色。但這是萬(wàn)萬(wàn)不可取的。這會(huì)導(dǎo)致你們的產(chǎn)品沒(méi)有任何競(jìng)爭(zhēng)力,上線比人家晚,看著有和人家差不多。怎么打差異化的戰(zhàn)?取其優(yōu),去其差。思考人家設(shè)計(jì)師為什么這么做,他們是怎么想的,如果我設(shè)計(jì)會(huì)設(shè)計(jì)成什么樣?

(3)你必須要了解你的商業(yè)模式。作為設(shè)計(jì)師有權(quán)知道公司的基本商業(yè)模式,這也是考慮在整體設(shè)計(jì)里程里面。霧里看花管中窺豹,你永遠(yuǎn)看不到你所設(shè)計(jì)的產(chǎn)品本質(zhì)。再打個(gè)比方:假設(shè)你的產(chǎn)品是通過(guò)用戶購(gòu)買相關(guān)服務(wù)進(jìn)行盈利的,那么設(shè)計(jì)前你得思考整個(gè)產(chǎn)品其實(shí)是需要安全、信任、服務(wù)作為設(shè)計(jì)主旨,其中突出“服務(wù)”作為亮點(diǎn),需要傳遞給用戶一種安全可靠的情感,最終引導(dǎo)消費(fèi)者完成支付購(gòu)買。


2.學(xué)著像交互設(shè)計(jì)師一樣思考(THINKING LIKE UE)


     用戶體驗(yàn)、使用場(chǎng)景、信息優(yōu)先級(jí)、轉(zhuǎn)場(chǎng)、使用習(xí)慣…對(duì)于交互設(shè)計(jì)師來(lái)說(shuō)這是多么熟悉的名詞。確實(shí),交互設(shè)計(jì)師考慮更多的是怎么讓用戶在app上操作的爽了,最符合用戶的操作習(xí)慣,將產(chǎn)品經(jīng)理傳達(dá)下來(lái)的商業(yè)模式/邏輯變?yōu)榱鞒痰男问揭龑?dǎo)用戶進(jìn)行使用。通過(guò)數(shù)據(jù)的分析,不斷優(yōu)化上線后產(chǎn)品的相關(guān)體驗(yàn)。

作為設(shè)計(jì)師的你,怎么像交互設(shè)計(jì)師一樣思考呢?


(1)用戶體驗(yàn)=顏色是否和諧。顏色的使用,之前已經(jīng)說(shuō)過(guò)了,考慮用戶群體的基礎(chǔ)上,看你顏色的配比是否讓人舒適,是否準(zhǔn)確的傳遞出了產(chǎn)品想給用戶的那種感覺(jué)。產(chǎn)品正式設(shè)計(jì)前,通常會(huì)進(jìn)行所謂的風(fēng)格探索階段。是允許設(shè)計(jì)師根據(jù)提供的用戶群體發(fā)揮自己的創(chuàng)意進(jìn)行設(shè)計(jì)的。當(dāng)找到那種適合的顏色搭配后,接下去的設(shè)計(jì)會(huì)顯得游刃有余。但是目前很多公司都是略過(guò)探索這一步的。為追求產(chǎn)品的快速上線,基本都是領(lǐng)導(dǎo)找競(jìng)品給顏色,設(shè)計(jì)師根據(jù)這個(gè)顏色(衍生色)進(jìn)行設(shè)計(jì)。缺乏用色的專業(yè)性。



(2)使用場(chǎng)景=顏色使用是否符合用戶使用產(chǎn)品時(shí)的場(chǎng)景。這個(gè)就比較好理解了,產(chǎn)品到底是晚上用的還是白天用的,到底是地鐵上用的還是書(shū)房里用戶。不同的使用場(chǎng)景在設(shè)計(jì)時(shí)也應(yīng)該考慮在內(nèi)。例如,晚上使用的產(chǎn)品顏色一定會(huì)偏暗一些、白天熱鬧場(chǎng)所使用的產(chǎn)品一定會(huì)是偏簡(jiǎn)潔、書(shū)房使用的產(chǎn)品一定是偏溫和…

(3)信息優(yōu)先級(jí)=如何通過(guò)設(shè)計(jì)的方法(大小、位置、形狀、顏色、動(dòng)畫(huà))突出產(chǎn)品重點(diǎn)。通過(guò)對(duì)比、突出等手法,將重要信息直接展示給用戶。做到簡(jiǎn)單直接有效。


(4)轉(zhuǎn)場(chǎng)=如何通過(guò)動(dòng)效的方式便于用戶理解邏輯跳轉(zhuǎn)。這一點(diǎn)特別是在相對(duì)復(fù)雜的產(chǎn)品的時(shí)候較為常用,例如層級(jí)相對(duì)比較深,則會(huì)通過(guò)轉(zhuǎn)場(chǎng)的引導(dǎo)告知用戶從哪來(lái)到哪兒去。引領(lǐng)用戶使用你的產(chǎn)品,不至于在產(chǎn)品使用過(guò)程中迷失。


(5)使用習(xí)慣=相關(guān)設(shè)計(jì)規(guī)范。用戶長(zhǎng)時(shí)間使用完你的產(chǎn)品后,已養(yǎng)成了使用習(xí)慣。知道哪個(gè)位置是重要的內(nèi)容。如果用戶已經(jīng)建立了產(chǎn)品工作原理的心理模型,他們可能會(huì)有非常強(qiáng)烈的觀點(diǎn),認(rèn)為某些東西就應(yīng)該在某些特定的位置,通常設(shè)計(jì)師可以利用這一特點(diǎn)來(lái)引導(dǎo)用戶發(fā)現(xiàn)重要功能。

3.學(xué)著像用戶一樣思考(THINKING LIKE UESR)


(1)用戶在使用產(chǎn)品的時(shí)候,最優(yōu)考慮的是,這個(gè)產(chǎn)品是不是能幫我解決我的問(wèn)題(賺錢(qián)、記賬、提醒…),產(chǎn)品的核心功能一定是用戶最先考慮的。


(2)你的設(shè)計(jì)是不是好看,他會(huì)考慮說(shuō),這個(gè)東西怎么看著這么low,是不是公司不正規(guī)啊?前文也提到了,每個(gè)產(chǎn)品都有自己的目標(biāo)人群,那么研究這部分目標(biāo)人群的相關(guān)喜好,通過(guò)設(shè)計(jì)的方式將其重現(xiàn)給用戶。


(3)這個(gè)產(chǎn)品用起來(lái)爽不爽,怎么這么卡頓、怎么看起來(lái)能點(diǎn)實(shí)際不能點(diǎn)、怎么功能這么多都沒(méi)用、怎么…

當(dāng)然用戶有千千萬(wàn)萬(wàn),你不可能完全都能像所有用戶那樣思考,滿足大部分用戶就可以了。

4.學(xué)著像你自己一樣思考(THINKING LIKE YOURSELF)


   是否在為產(chǎn)品設(shè)計(jì)的過(guò)程中,已經(jīng)忘了像自己一樣思考了。滿腦子都是產(chǎn)品經(jīng)理想要什么樣的,用戶想要什么樣的。這也會(huì)讓你喪失自己的思考能力。


(1)學(xué)著像自己一樣思考,不是說(shuō)按照自己的喜好來(lái),而是你在設(shè)計(jì)的過(guò)程中是否偏離了自己的設(shè)計(jì)觀。對(duì)于明顯是錯(cuò)誤的設(shè)計(jì),你選擇接受。


(2)以調(diào)研或用戶研究結(jié)果為準(zhǔn)則,完全喪失你自己對(duì)這個(gè)產(chǎn)品應(yīng)有的樣子的判斷。做個(gè)半理性半感性的設(shè)計(jì)師,會(huì)讓你的設(shè)計(jì)既符合用戶口味,又有自己的韻味。


總結(jié)


記住設(shè)計(jì)產(chǎn)品的人是你,對(duì)產(chǎn)品美化體驗(yàn)的是你,如果你的設(shè)計(jì)和使用不再適用于用戶,他們可以毫不留情的轉(zhuǎn)向其他產(chǎn)品,而作為設(shè)計(jì)師的你不能這么做。用戶不知道你的設(shè)計(jì)是怎么來(lái)的是怎么想的,但是你了解這一點(diǎn)。用戶不知道你是通過(guò)調(diào)研或研究得出他們的相關(guān)喜好最終選擇了這樣的設(shè)計(jì),但是你很清楚。真正受制于產(chǎn)品設(shè)計(jì)的人是你,因此要確保它仍是你值得付出,引以為傲的東西。


作者:OTTUI設(shè)計(jì)
鏈接:https://www.zcool.com.cn/article/ZNjI3MzQ0.html
來(lái)源:站酷
著作權(quán)歸作者所有。商業(yè)轉(zhuǎn)載請(qǐng)聯(lián)系作者獲得授權(quán),非商業(yè)轉(zhuǎn)載請(qǐng)注明出處。

藍(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ì)www.88yangsc.com )是一家專注而深入的界面設(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ì)公司

UI設(shè)計(jì)的幾個(gè)原則

資深UI設(shè)計(jì)者

undefined
藍(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ì)www.88yangsc.com )是一家專注而深入的界面設(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ì)公司

英文換成中文就丑了??我不信~

資深UI設(shè)計(jì)者

每次發(fā)英文海報(bào)的時(shí)候,總會(huì)收到留言:“換成中文,就丑了?!彪y道換成英文真的會(huì)變丑?下面來(lái)看看把英文更換為中文的修改過(guò)程。

作者:周妙妍
鏈接:https://www.zcool.com.cn/article/ZMTQ3MjUyNA==.html
來(lái)源:站酷
著作權(quán)歸作者所有。商業(yè)轉(zhuǎn)載請(qǐng)聯(lián)系作者獲得授權(quán),非商業(yè)轉(zhuǎn)載請(qǐng)注明出處。

藍(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)加微信ban_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ì)www.88yangsc.com )是一家專注而深入的界面設(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ì)公司。

標(biāo)簽: ui 界面設(shè)計(jì) 設(shè)計(jì)流行趨勢(shì) 社交APP

移動(dòng)端UI設(shè)計(jì)流程和規(guī)范-從0到1的設(shè)計(jì)移動(dòng)端UI設(shè)計(jì)工作方式

資深UI設(shè)計(jì)者


一、獲取原型圖

從產(chǎn)品經(jīng)理處獲取項(xiàng)目原型圖,當(dāng)獲取到原型圖后不要盲目的去進(jìn)行設(shè)計(jì),要先分析了解整個(gè)項(xiàng)目的功能、特性、用戶群體、項(xiàng)目的定位等等,特別是對(duì)功能的疑惑處一定要找產(chǎn)品經(jīng)理溝通,只有做到對(duì)項(xiàng)目了熟于胸才能做出優(yōu)秀的設(shè)計(jì)。

二、競(jìng)品分析

當(dāng)我們對(duì)項(xiàng)目的功能、特性、用戶群體、項(xiàng)目的定位都有所了解后,還是不能馬上進(jìn)入設(shè)計(jì)環(huán)節(jié)。我們需要先對(duì)市面上同類型的產(chǎn)品進(jìn)行分析和對(duì)比,包括設(shè)計(jì)風(fēng)格、配色、排版、功能樣式等等,了解其優(yōu)劣勢(shì),做到取長(zhǎng)補(bǔ)短,思考如何讓我們的產(chǎn)品更加的完善,這時(shí)候我們的腦海里面基本上對(duì)自己要設(shè)計(jì)的東西已經(jīng)有了一個(gè)大概的雛形。

三、設(shè)計(jì)UI界面

1、界面設(shè)計(jì)規(guī)范

這篇文章內(nèi)所有的數(shù)值均以2倍圖為例,使用1倍圖的同學(xué)請(qǐng)自行除以2。

現(xiàn)在UI設(shè)計(jì)通常使用的是全面屏的設(shè)計(jì)規(guī)范,全面屏的設(shè)計(jì)稿更加美觀,且做作品集的時(shí)候搭配全面屏樣機(jī)視覺(jué)效果也更加突出。通常只設(shè)計(jì)一套蘋(píng)果全面屏的設(shè)計(jì)稿,不需要另外設(shè)計(jì)安卓端設(shè)計(jì)稿,安卓端由安卓工程師自行適配。

界面尺寸:

界面:750px1624px

狀態(tài)欄:750x88px

導(dǎo)航欄:750x88px

菜單欄:750x98px

指示器:750x68px

左右邊距:32px或24px

*其中狀態(tài)欄和指示器不需要進(jìn)行額外的設(shè)計(jì),是系統(tǒng)默認(rèn)控件,除顏色外不可改變。



常用圖標(biāo)尺寸:

頂部功能:48x48px



底部菜單欄(有文字):48x48px



底部菜單欄(無(wú)文字):64x64px




文字:

尺寸:36px、32px、28px、24px



顏色:正常(#333333)、輔助(#999999)、未輸入提示(#CCCCCC)



*利用文字尺寸對(duì)比和顏色對(duì)比可以得到不錯(cuò)的效果。也可以給文字顏色添加少量的藍(lán)色,讓顏色不那么呆板。

2、組件控件系統(tǒng)

組建控件系統(tǒng)可以讓我們的設(shè)計(jì)稿更加的規(guī)范,也便于修改,可以極大的提高我們的工作效率。

所有的圖標(biāo)都需要做成控件,方便我們切圖。然后就是會(huì)重復(fù)使用的狀態(tài)欄、導(dǎo)航欄、菜單欄、指示器、列表、彈框、按鈕等控件。

除了我們常用的控件以外,顏色、投影等特殊效果、文字大小都可以保存樣式,把項(xiàng)目的配色、特殊效果、文字尺寸都保存下來(lái),不同的設(shè)計(jì)工具有不同的保存方式,大家可以根據(jù)自己使用的設(shè)計(jì)工具進(jìn)行設(shè)置。



3、設(shè)計(jì)風(fēng)格

我們需要讓項(xiàng)目保持一個(gè)統(tǒng)一的設(shè)計(jì)風(fēng)格,讓項(xiàng)目更加的整體、統(tǒng)一、協(xié)調(diào)。不同的風(fēng)格有不同的優(yōu)勢(shì),選對(duì)與項(xiàng)目屬性相符的設(shè)計(jì)風(fēng)格可以讓項(xiàng)目更加的出彩。

傳統(tǒng)UI風(fēng)格:

這種風(fēng)格沒(méi)找到合適的名稱,我個(gè)人一般叫它傳統(tǒng)風(fēng)格。這種設(shè)計(jì)風(fēng)格使用分割線分割小的模塊,用背景色塊分割大的模塊,特別適合列表信息。雖然給人感覺(jué)沒(méi)有特別強(qiáng)烈的設(shè)計(jì)感,但簡(jiǎn)單實(shí)用、樸實(shí)無(wú)華,層級(jí)劃分清晰明了。



卡片式風(fēng)格:

卡片式風(fēng)格是借用現(xiàn)實(shí)世界中卡片的特征和概念,將一個(gè)模塊或同類型元素放到一個(gè)卡片容器類,可以增加內(nèi)容的獨(dú)立性,讓模塊劃分關(guān)系變得非常的清晰,是現(xiàn)在非常常用的一種設(shè)計(jì)方式。

常用做法是采用淺灰的背景+白色卡片的方式,卡片都帶有一定的圓角,類似于將撲克牌一張張的放在桌子上,桌面是灰色背景,每一張撲克牌就是一個(gè)卡片。也不排除暗夜模式的卡片式設(shè)計(jì),背景會(huì)更暗一些,卡片略亮。




大標(biāo)題去線段化:

在傳統(tǒng)UI風(fēng)格的基礎(chǔ)上去除背景色塊和分割線,單以間距來(lái)區(qū)分模塊和元素,對(duì)親密性的應(yīng)用有較高的要求。有時(shí)候單以間距來(lái)區(qū)分模塊和元素時(shí),可能會(huì)導(dǎo)致模塊層級(jí)不分明,所以會(huì)使用將標(biāo)題加大的形式,讓模塊與模塊之間的區(qū)分更加明顯。因?yàn)槿コ朔指罹€,留白就更多,會(huì)顯得界面更加的干凈、清爽。



新擬態(tài)設(shè)計(jì)風(fēng)格:

新擬態(tài)是19年底在追波開(kāi)始出現(xiàn)的一種設(shè)計(jì)風(fēng)格,特點(diǎn)是使用統(tǒng)一的光源做出立體的浮雕效果,元素有厚度但沒(méi)有紋理和材質(zhì)的輕擬物風(fēng)。

常規(guī)做法是假設(shè)一個(gè)統(tǒng)一的左上方光源,給元素分別添加一個(gè)左上角和右下角的投影,左上角(被光源照射的一側(cè))投影使用亮色,右下角投影使用暗色,讓元素可以浮起來(lái)。而在按下或選中狀態(tài)時(shí)則使用兩個(gè)內(nèi)陰影,左上角暗色右下角亮色讓元素凹下去。需要注意的是界面模塊和背景色一般是同一個(gè)顏色,所以顏色不能使用純白或純黑,否則有一側(cè)的投影就會(huì)看不見(jiàn),通常是使用藍(lán)灰色或深灰色背景。

新擬態(tài)風(fēng)格視覺(jué)效果新穎、柔和,對(duì)比度低,看得久了會(huì)產(chǎn)生一定的視覺(jué)疲勞,研發(fā)成本也較高,所以現(xiàn)在更多的還是處于概念稿,實(shí)際項(xiàng)目中應(yīng)用較少??梢宰鳛橐环N練習(xí)或部分功能的使用。





四、交付

1、切圖

設(shè)計(jì)稿完成之后我們需要將圖標(biāo)等元素切圖導(dǎo)出交付給開(kāi)發(fā),IOS和安卓需要根據(jù)要求導(dǎo)出不同倍數(shù)的png格式切圖文件。


切圖套數(shù)

IOS:現(xiàn)在通常是輸出2套,以@2x、@3X為后綴,也就是2倍圖、3倍圖;

Android:現(xiàn)在通常是輸出3套,xhdpi(超清,對(duì)應(yīng)IOS的2倍圖)、xxhdpi(超超清,對(duì)應(yīng)IOS的3倍圖)、xxxhdpi(超超超清),安卓切圖不需要將倍數(shù)加到切圖命名內(nèi),而是每種尺寸單獨(dú)建立一個(gè)文件夾。




輸出格式

png:最常用的切圖文件格式,背景無(wú)底透明,所以在導(dǎo)出切圖文件時(shí)需要先去掉背景色(figma將畫(huà)板填充色隱藏,sketch畫(huà)板不要勾選“包含于導(dǎo)出項(xiàng)”);


svg:矢量切圖,需要背景無(wú)底透明,部分網(wǎng)頁(yè)端項(xiàng)目可能需要svg格式的切圖文件;


bmp:部分硬件機(jī)器的項(xiàng)目需要使用的圖片格式,需要注意的是bmp無(wú)法實(shí)現(xiàn)背景透明,如果背景是透明的會(huì)自動(dòng)帶上白色,需要切圖文件把背景帶上一起切,而且figma和sketch等UI設(shè)計(jì)軟件無(wú)法直接導(dǎo)出bmp格式,需要先導(dǎo)出為png或jpg格式,再使用ps或其他工具轉(zhuǎn)換一次。


切圖命名

只能使用英文、下滑線、數(shù)字進(jìn)行命名,不要使用中文和特殊字符。命名方式一般是類別_位置_功能_狀態(tài)(有些切圖沒(méi)有多種狀態(tài)則不需要添加狀態(tài)命名)。

以蘋(píng)果端舉例:如底部菜單欄的首頁(yè)圖標(biāo)命名則是ico_bottom_home_nor@2x(圖標(biāo)_底部_首頁(yè)_未選中狀態(tài))和ico_bottom_home_sel@2x(圖標(biāo)_底部_首頁(yè)_選中狀態(tài))。



頂部的搜索圖標(biāo)沒(méi)有多個(gè)狀態(tài),命名是ico_nav_search@2x(圖標(biāo)_頂部_搜索)。



類別一般只有3種:圖標(biāo)(icon)、圖片(image)、按鈕(button),我們通常會(huì)簡(jiǎn)寫(xiě)為ico、img、btn。




狀態(tài)一般只有4種:正常(normal)、按下(press)選中(selected)、禁用(disabled),我們通常會(huì)簡(jiǎn)寫(xiě)為nor、pre、sel、dis。pc端會(huì)多一種狀態(tài):懸停(hover)。




sketch和figma等UI設(shè)計(jì)軟件可以同時(shí)導(dǎo)出多個(gè)尺寸的切圖文件和前綴/后綴,所以我們只需要設(shè)置圖標(biāo)本身的命名如ico_bottom_home_sel,而不需要每個(gè)切圖都去手動(dòng)的添加IOS后綴的@2x和@3X,以及安卓的前綴xhdpi等,在導(dǎo)出設(shè)置中設(shè)置好每個(gè)尺寸的文件夾名稱和后綴,再統(tǒng)一導(dǎo)出即可。




切圖輸出

軟件內(nèi)部導(dǎo)出:現(xiàn)在的UI設(shè)計(jì)軟件Sketch、Figma、Mstergo等都可以直接導(dǎo)出切圖文件,只需要設(shè)置好相應(yīng)的倍數(shù)和前綴、后綴,就可以快速的導(dǎo)出切圖文件;


上傳第三方:最常用的就是將設(shè)計(jì)文件上傳至藍(lán)湖,研發(fā)人員可以在藍(lán)湖上下載自己需要的切圖文件,但在上傳藍(lán)湖之前需要把設(shè)計(jì)稿中需要切圖的元素設(shè)置為切片。


2、標(biāo)注

和切圖文件一起交付給開(kāi)發(fā)的還有設(shè)計(jì)稿的標(biāo)注文件,讓研發(fā)人員可以清楚地知道界面內(nèi)元素的顏色、尺寸、對(duì)齊方式、距離、透明度,文字的字體、字號(hào)、行高等。


輸出到藍(lán)湖

很多設(shè)計(jì)文件都可以安裝藍(lán)湖插件,再通過(guò)插件將設(shè)計(jì)稿導(dǎo)出到藍(lán)湖,研發(fā)人員就可以便捷的查看界面的標(biāo)注。


軟件內(nèi)部標(biāo)注

Figma、Mastergo等在線設(shè)計(jì)軟件都可以切換為開(kāi)發(fā)者模式,只需要將研發(fā)人員邀請(qǐng)到自己的設(shè)計(jì)文件所在團(tuán)隊(duì)內(nèi),研發(fā)人就可以查看到界面的標(biāo)注;


插件導(dǎo)出

有部分公司有一定的保密措施,會(huì)禁止設(shè)計(jì)師使用第三方平臺(tái)或是聯(lián)網(wǎng)操作,這種情況設(shè)計(jì)也無(wú)法使用Figma、Mastergo等在線設(shè)計(jì)軟件,只能使用Sketch等客戶端,輸出標(biāo)注就需要使用相應(yīng)的插件,Sketch可以使用Sketch Measure導(dǎo)出HTML格式的標(biāo)注文件。


五、上線

在項(xiàng)目上線的階段UI設(shè)計(jì)需要輔助研發(fā)提供上線應(yīng)用商店需要的項(xiàng)目預(yù)覽圖、啟動(dòng)LOGO,也需要設(shè)計(jì)補(bǔ)充出APP的啟動(dòng)頁(yè)、閃屏頁(yè)等。


1、項(xiàng)目預(yù)覽頁(yè)

上線應(yīng)用商店需要的預(yù)覽圖,通常是使用項(xiàng)目中比較有特色的幾個(gè)UI界面加以設(shè)計(jì)。


2、啟動(dòng)LOGO

上線應(yīng)用商店必須提供的LOGO,手機(jī)中啟動(dòng)APP的入口,但不同的應(yīng)用商店有不同的尺寸,華為、蘋(píng)果、小米、三星、應(yīng)用寶等所需要的啟動(dòng)LOGO都有所不同,所以輸出多個(gè)尺寸。以蘋(píng)果App Store為例,需要以下尺寸:




3、啟動(dòng)頁(yè)、引導(dǎo)頁(yè)

啟動(dòng)頁(yè)和引導(dǎo)頁(yè)一般是和UI界面一起設(shè)計(jì),不過(guò)需要項(xiàng)目上線后才會(huì)有其價(jià)值,所以可以先設(shè)計(jì)完項(xiàng)目的界面,在研發(fā)開(kāi)發(fā)的過(guò)程中再去設(shè)計(jì)啟動(dòng)頁(yè)和引導(dǎo)頁(yè),只要在項(xiàng)目上線前提供給研發(fā)就可以。


六、持續(xù)跟進(jìn)和優(yōu)化

當(dāng)一個(gè)項(xiàng)目上線后,只能代表我們的現(xiàn)階段的工作已經(jīng)全部完成。每個(gè)項(xiàng)目上線后都會(huì)收集用戶反饋,根據(jù)用戶反饋的信息優(yōu)化功能和界面設(shè)計(jì),通過(guò)持續(xù)不斷的優(yōu)化、迭代讓我們的產(chǎn)品越來(lái)越好,這個(gè)過(guò)程中也需要我們UI設(shè)計(jì)不斷的去進(jìn)行調(diào)整和優(yōu)化。


作者:Mu姜子
鏈接:https://www.zcool.com.cn/article/ZMTQxMDY1Ng==.html
來(lái)源:站酷
著作權(quán)歸作者所有。商業(yè)轉(zhuǎn)載請(qǐng)聯(lián)系作者獲得授權(quán),非商業(yè)轉(zhuǎn)載請(qǐng)注明出處。



藍(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ì)www.88yangsc.com )是一家專注而深入的界面設(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ì)公司

如何評(píng)判一個(gè)設(shè)計(jì)的好壞

資深UI設(shè)計(jì)者

作為設(shè)計(jì)師,要對(duì)自己的設(shè)計(jì)有一個(gè)檢驗(yàn)標(biāo)準(zhǔn),明白什么設(shè)計(jì)才是好的設(shè)計(jì)。這一篇簡(jiǎn)單,有點(diǎn)枯燥,但是非常重要。

              什么是好的設(shè)計(jì)?好設(shè)計(jì),就是不改稿的設(shè)計(jì),甲方買單的設(shè)計(jì),這句話多大多數(shù)設(shè)計(jì)師來(lái)說(shuō)是沒(méi)錯(cuò)的。因?yàn)樵O(shè)計(jì)師也要吃飯的、要生活。只要客戶買單了,我們就能達(dá)到經(jīng)濟(jì)上的收益。

       但是僅僅客戶買單就足夠了嗎?我覺(jué)得對(duì)于一個(gè)想要提升自己的設(shè)計(jì)師來(lái)說(shuō)并不足夠。這個(gè)客戶買單了說(shuō)明你在一定程度上,在當(dāng)前滿足了這個(gè)需求層次或者審美的客戶群體。

       當(dāng)客戶發(fā)現(xiàn)設(shè)計(jì)并沒(méi)有在實(shí)際宣傳中達(dá)到目的,買完單的客戶也沒(méi)辦法回頭再找設(shè)計(jì)師退款,但是,可想而知這個(gè)客戶就流失了。而且如果只滿足于應(yīng)對(duì)這一需求層次的客戶,當(dāng)面對(duì)要求更高的客戶的時(shí)候,我們也會(huì)變得無(wú)能為力。只能看著客戶流失,或者勉強(qiáng)接下項(xiàng)目,卻在不斷的改稿中疲于奔命。

 

       想了解什么是好的設(shè)計(jì),首先需要要了解什么是設(shè)計(jì),設(shè)計(jì)的目的是什么。

       設(shè)計(jì)是有目的的策劃,平面設(shè)計(jì)是這些策劃將要采取的形式之一,在平面設(shè)計(jì)中你需要用視覺(jué)元素來(lái)傳播你的設(shè)想和計(jì)劃,用文字和圖形把信息傳達(dá)給受眾,讓人們通過(guò)這些視覺(jué)元素了解你想表達(dá)的信息,這才是我們?cè)O(shè)計(jì)的定義。平面設(shè)計(jì)的目的不僅是視覺(jué)表層的美觀度,更重要的、最根本的是信息的傳達(dá)。

       所以好的設(shè)計(jì)就是,能準(zhǔn)確直觀的傳播設(shè)計(jì)目的,被受眾更有效、更愿意接收信息的設(shè)計(jì)。簡(jiǎn)單來(lái)講,信息(包括內(nèi)容信息和情感信息)傳達(dá)的是設(shè)計(jì)的基礎(chǔ),是設(shè)計(jì)中一切行為的第一準(zhǔn)則,是對(duì)的設(shè)計(jì)。在此基礎(chǔ)上具備良好的美感傳達(dá)就是好的設(shè)計(jì)。

      我們可能在設(shè)計(jì)學(xué)習(xí)過(guò)程中學(xué)到了很多的設(shè)計(jì)法則,形式美法則、創(chuàng)意思維、排版原則、色彩原則、字體運(yùn)用原則。但是很多時(shí)候用到的時(shí)候就想不起來(lái),用了也沒(méi)達(dá)到效果?

       我理解更多的是因?yàn)闆](méi)有從根本上理解這些法則存在的意義、運(yùn)用的目的。設(shè)計(jì)師應(yīng)該做最吝嗇的人,過(guò)程中每一個(gè)視覺(jué)元素的運(yùn)用都要有其目的性。這個(gè)目的性就應(yīng)該是信息傳達(dá)和美感傳達(dá)。以此為標(biāo)準(zhǔn)反復(fù)檢驗(yàn)自己的設(shè)計(jì)作品,相信我們能做出好的設(shè)計(jì)。

(一)客戶對(duì)設(shè)計(jì)的期待信息準(zhǔn)確有效傳遞,受眾對(duì)信息要求直觀、易讀。

       這是一個(gè)高效時(shí)代,時(shí)間就是金錢(qián)。同時(shí)是一個(gè)信息大爆炸的時(shí)代,每天我們會(huì)面對(duì)各種不同媒介的信息,不斷沖擊這我們的視覺(jué)。我們不能要求受眾有時(shí)間和耐心完整仔細(xì)的觀看閱讀整個(gè)設(shè)計(jì)。這就要求我們的設(shè)計(jì),即便一眼,就能判斷設(shè)計(jì)究竟在表現(xiàn)什么信息,而不被其他不重要信息干擾。當(dāng)客戶對(duì)表達(dá)信息有一個(gè)直觀的概念后,希望繼續(xù)閱讀下去的話,我們就要在易讀方面進(jìn)行深化。

       明確最重要的信息

       對(duì)于設(shè)計(jì)需求的分析得出最重要的信息,最想傳達(dá)的信息

       突出最重要的信息

       將它擺放在突出的位置,整體的烘托,對(duì)比的凸顯,合適的構(gòu)圖

       次要信息

       相對(duì)最重要的信息較弱

       信息的篩選

       設(shè)計(jì)中包含的信息必須有明確的效用,而不被不必要的信息干擾導(dǎo)致失去閱讀興趣

       設(shè)置重要等級(jí)

       針對(duì)內(nèi)容設(shè)置重要性等級(jí),然后根據(jù)相應(yīng)等級(jí)進(jìn)行設(shè)計(jì)。

       信息分組

       這是受眾感知多條信息的前題,將相關(guān)的信息放置或整合為一體,這樣就可以實(shí)現(xiàn)分組。大多數(shù)情況下三至四個(gè)信息組已經(jīng)足夠了。

       閱讀性文字排版 (閱讀性文字指的是需要受眾閱讀的,而非裝飾性、不需要識(shí)別性的)

       在文字排版當(dāng)中易讀是必須追求的。

       對(duì)齊:為了達(dá)到易讀效果,首先要從對(duì)齊開(kāi)始。

       檢索:易于檢索目標(biāo)內(nèi)容,精心處理檢索方式。(依據(jù)版式設(shè)計(jì)原則中的對(duì)比,重復(fù)原則實(shí)現(xiàn))

       記憶:要點(diǎn)便于記憶,突出主要內(nèi)容。(依據(jù)版式設(shè)計(jì)原則中的對(duì)比,重復(fù)原則實(shí)現(xiàn))

       文字:文字大小、字間距、行距、字體、文字的排布五個(gè)方面。過(guò)小的字體、過(guò)大的字體,過(guò)度裝飾的字體,不符合視覺(jué)流程,不合理的版式布局。都是會(huì)影響閱讀的易讀性。

 

(二)客戶對(duì)設(shè)計(jì)的期待能引人注意、獲得好的反饋,受眾希望從設(shè)計(jì)中收到某種刺激、有所收獲。

       人們每天沒(méi)數(shù)量驚人的信息淹沒(méi),面對(duì)潮水涌來(lái)的信息。我們的頭腦中會(huì)形成一個(gè)過(guò)濾器,只會(huì)對(duì)能引發(fā)我們興趣的信息,能夠得到某種刺激的信息,才能順利通過(guò)并留下清晰的印象。因此,想要設(shè)計(jì)從眾多信息中脫穎而出并抓住受眾的實(shí)現(xiàn)。就必須引人注目、傳遞刺激,讓受眾在你的設(shè)計(jì)上逗留。

       美的視覺(jué)效果比較容易給人帶來(lái)刺激

       這時(shí)候我們學(xué)習(xí)的各種原則知識(shí),構(gòu)成知識(shí)(點(diǎn)線面,平衡、對(duì)比、調(diào)和、節(jié)奏、變異.....)、版式知識(shí)(位置、比例、分割、留白、網(wǎng)格.....)等都可以充分發(fā)揮作用了。 

       滿足期待

       人們希望沖設(shè)計(jì)只能夠得到收獲,包括有用的文字信息和情感上的。反過(guò)來(lái)如果已經(jīng)知道了,沒(méi)有興趣,無(wú)我無(wú)關(guān)的信息,是無(wú)法吸引受眾的。選用一種能夠傳達(dá)設(shè)計(jì)內(nèi)容及主題思想的吸睛元素就很有必要??梢允俏淖郑ǘY物、服務(wù)、免費(fèi)、抽獎(jiǎng)、限時(shí)、折扣等)或者圖形元素、圖片。

       吸睛元素與設(shè)計(jì)需求要匹配 

       選取吸睛元素必須與設(shè)計(jì)主題信息密切相關(guān)。例如,在定位是高品質(zhì)的項(xiàng)目設(shè)計(jì)中,放置一個(gè)花哨刺眼的打折;在畫(huà)面中一個(gè)無(wú)關(guān)的美女。這確實(shí)很可能在短時(shí)間內(nèi)贏得受眾的注意,但是當(dāng)文字或圖片與設(shè)計(jì)需要傳達(dá)的信息完全無(wú)關(guān)的情況下。也會(huì)很快的失去他們的關(guān)注。

       情感刺激

       一個(gè)好的吸睛元素往往能激發(fā)受眾的情感——受眾會(huì)覺(jué)得驚喜,感覺(jué)自己的情感獲得了認(rèn)可,也可能會(huì)對(duì)設(shè)計(jì)產(chǎn)生共鳴。一旦感情上拉近了受眾與設(shè)計(jì)的距離,就有可能增加受眾良好的反饋行動(dòng)達(dá)到商業(yè)目的(購(gòu)買產(chǎn)品、產(chǎn)生消費(fèi)等)。

       消極情感    

       人們被設(shè)計(jì)激發(fā)的情感并非總是積極正面的。更重要的是有針對(duì)性的激發(fā)觀眾的情感。應(yīng)該根據(jù)不同的設(shè)計(jì)目的,激發(fā)觀眾內(nèi)心相應(yīng)的情感。例如一個(gè)減肥中心的宣傳設(shè)計(jì),畫(huà)面營(yíng)造一種胖人失落的畫(huà)面(沒(méi)有偏見(jiàn)我自己也是個(gè)胖子~),從而激發(fā)受眾不安的消極情緒。這也可能引起受眾的關(guān)注,并愿意深入了解。

       受眾反應(yīng)的不確定性    

       視覺(jué)會(huì)給人帶來(lái)一連串的生理上的、心理上的、情感上的、行動(dòng)上的反應(yīng),設(shè)計(jì)是視覺(jué)經(jīng)驗(yàn)的科學(xué)。他包括兩個(gè)方面,一個(gè)是不以人為而改變的即生理感受的人的基本反應(yīng),另一個(gè)是隨即的或不確定因素構(gòu)成。如個(gè)人喜好,性格等等、等等,導(dǎo)致我們無(wú)法完全確定受眾在面對(duì)設(shè)計(jì)時(shí)候的情感等反應(yīng)。

       相對(duì)穩(wěn)定的方面: 主要是生理上的視知覺(jué),人們的一些視覺(jué)習(xí)慣、視覺(jué)流程、視覺(jué)邏輯,如從上到下,從左到右,喜歡連貫的、重復(fù),喜歡有對(duì)比的,還有在顏色方面人們最喜歡的其實(shí)是有對(duì)比的互補(bǔ)色等等。這都是跟人們的生理上的習(xí)慣有關(guān),都是人生理機(jī)能的本能反應(yīng)。作為設(shè)計(jì)師應(yīng)該對(duì)這些知識(shí)能充分了解、靈活運(yùn)用,設(shè)計(jì)是對(duì)人本的關(guān)注,首先應(yīng)對(duì)文化與人的感知方式這些相對(duì)穩(wěn)定的方面進(jìn)行研究,并且需要我們?cè)趯?shí)踐中去總結(jié)。
       不穩(wěn)定的方面: 不穩(wěn)定的方面主要是指情感、素質(zhì)、品位、閱歷上的不同,在設(shè)計(jì)過(guò)程中你需要具備一定的判斷和把握能力,你需要客觀和克制,才能完成卓越的設(shè)計(jì)。
       設(shè)計(jì)思維的科學(xué): 設(shè)計(jì)是必須具有科學(xué)的思維方法,能在相同中找到差別,能在不同當(dāng)中找到共同之處,能掌握運(yùn)用各種思維方法,如縱向關(guān)聯(lián)思維和橫向關(guān)聯(lián)思維以及發(fā)散式的思維,善于運(yùn)用科學(xué)的思維方式找到奇特的新的視覺(jué)形象,才能不斷發(fā)現(xiàn)新的可能。 

 

  設(shè)計(jì)學(xué)習(xí)過(guò)程中的總結(jié)和整理,有些內(nèi)容來(lái)自網(wǎng)絡(luò),如有冒犯請(qǐng)聯(lián)系我刪改!僅為自身學(xué)習(xí)提升的記錄,如果對(duì)內(nèi)容有更好的理解,歡迎交流探討。


作者:藝修行者
鏈接:https://www.zcool.com.cn/article/ZMTAyNDQyMA==.html
來(lái)源:站酷
著作權(quán)歸作者所有。商業(yè)轉(zhuǎn)載請(qǐng)聯(lián)系作者獲得授權(quán),非商業(yè)轉(zhuǎn)載請(qǐng)注明出處。

藍(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ì)www.88yangsc.com )是一家專注而深入的界面設(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ì)公司

用戶體驗(yàn)設(shè)計(jì)流程

資深UI設(shè)計(jì)者

用戶體驗(yàn)設(shè)計(jì)流程


雖說(shuō)用戶體驗(yàn)是主觀的,但對(duì)于一個(gè)界定明確的用戶群體來(lái)講,其用戶體驗(yàn)的共性是能夠經(jīng)由研究實(shí)驗(yàn)來(lái)認(rèn)識(shí),并通過(guò)良好設(shè)計(jì)去改善的。用戶體驗(yàn)設(shè)計(jì)(User Experience Design,通常簡(jiǎn)稱UX Design)就是以提升用戶體驗(yàn)為目標(biāo)的一套設(shè)計(jì)流程。為什么用戶體驗(yàn)設(shè)計(jì)如此重要呢?因?yàn)殡S著科技進(jìn)步,當(dāng)功能的實(shí)現(xiàn)不再成為挑戰(zhàn)時(shí),產(chǎn)品的設(shè)計(jì)和體驗(yàn)就成為了贏得市場(chǎng)競(jìng)爭(zhēng)的關(guān)鍵因素。



由于系統(tǒng)軟件糟糕的UI設(shè)計(jì)(菜單排布問(wèn)題)所導(dǎo)致的誤操作,美國(guó)居民受到導(dǎo)彈襲擊的驚嚇



· 美國(guó)Forester的一項(xiàng)研究發(fā)現(xiàn),針對(duì)UX投入的每1美元,能夠帶來(lái)2~100美元的收益。


· Amazon把按鈕文字從“注冊(cè)(register)”改成“繼續(xù)(continue)”之后,銷售增長(zhǎng)了3億元。


· McAfee重新設(shè)計(jì)UI之后,客服電話減少了90%?!?Airbnb的Mike Gebbia認(rèn)為,公司從接近失敗到獲得100億美元市值,最大因素要?dú)w功于UX


UX究竟在設(shè)計(jì)些什么 

廣義的用戶體驗(yàn)設(shè)計(jì),是包含了內(nèi)容功能設(shè)計(jì),信息架構(gòu)設(shè)計(jì),用戶界面設(shè)計(jì),交互設(shè)計(jì),視覺(jué)設(shè)計(jì),語(yǔ)言設(shè)計(jì),動(dòng)效設(shè)計(jì),音效設(shè)計(jì),在一定程度上涵蓋了產(chǎn)品物理外觀設(shè)計(jì)(工業(yè)設(shè)計(jì)),平面/包裝設(shè)計(jì),空間設(shè)計(jì),服務(wù)流程設(shè)計(jì)等。它意味著一個(gè)高度交叉綜合的領(lǐng)域,涉及到人與產(chǎn)品系統(tǒng)或服務(wù)發(fā)生關(guān)系并產(chǎn)生體驗(yàn)的所有觸點(diǎn)。一般或狹義的UX Design,則主要作為與UI Design區(qū)分,多用于互聯(lián)網(wǎng)軟件(或消費(fèi)電子等)行業(yè)基于屏幕的設(shè)計(jì),包含信息框架設(shè)計(jì),用戶交互設(shè)計(jì),可用性研究等。這里的UI Design偏重于視覺(jué)上的設(shè)計(jì)。而在現(xiàn)實(shí)中我們也經(jīng)常把UX等同于“交互”。





用戶體驗(yàn)設(shè)計(jì)的核心和本質(zhì),就是研究目標(biāo)用戶在特定場(chǎng)景下的思維方式和行為模式,通過(guò)設(shè)計(jì)提供產(chǎn)品或服務(wù)的完整流程,去影響用戶的主觀體驗(yàn)。可見(jiàn)用戶研究在整個(gè)UX流程當(dāng)中的重要性。而認(rèn)知心理學(xué)(Cognitive Psychology)則是用戶體驗(yàn)設(shè)計(jì)的理論基礎(chǔ)和科學(xué)依據(jù)。它是一門(mén)研究認(rèn)知及行為背后之心智處理(包括思維、 決定、推理和一些動(dòng)機(jī)和情感的程度)的心理科學(xué)。這門(mén)科學(xué)包括了廣泛的研究領(lǐng)域,旨在研究記憶、注意、感知、知識(shí)表征、推理、創(chuàng)造力,及問(wèn)題解決的運(yùn)作。相關(guān)的還有人體工學(xué)(Ergonomics)與人因工程學(xué)(Human Factors Engineering),是研究人和機(jī)器、環(huán)境的相互作用及其合理結(jié)合,使設(shè)計(jì)的機(jī)器和環(huán)境系統(tǒng)適合人的生理及心理等特點(diǎn),達(dá)到提高效率、安全、健康和舒適目的的一門(mén)科學(xué)??捎眯裕║sability)的概念最早出現(xiàn)于1979年,遠(yuǎn)比唐·諾曼在1993年提出的“用戶體驗(yàn)”概念要早。可用性的ISO定義是“用戶在特定環(huán)境下完成指定目標(biāo)的效果、效率和滿意度”(ISO 9241-11),而用戶體驗(yàn)指“用戶與產(chǎn)品、服務(wù)、設(shè)備或環(huán)境交互時(shí)各方面的體驗(yàn)和感受”。可用性的范疇比用戶體驗(yàn)窄,它聚焦于任務(wù)完成。而用戶體驗(yàn)是外觀呈現(xiàn)、功能組合、系統(tǒng)性能和交互行為等因素的綜合結(jié)果。




上圖將用戶體驗(yàn)細(xì)分為工具性(Utility)、可用性(Usability)、合意性(Desirability)和品牌體驗(yàn)(Brand Experience),最內(nèi)部的圓代表最基礎(chǔ)的用戶體驗(yàn)。


用戶體驗(yàn) / 產(chǎn)品設(shè)計(jì)的流程與方法


以用戶為中心的設(shè)計(jì)(User-Centered Design,簡(jiǎn)稱UCD)概括了用戶體驗(yàn)設(shè)計(jì)的典型流程和方法學(xué)。以用戶為中心的設(shè)計(jì)思想非常簡(jiǎn)單:在設(shè)計(jì)開(kāi)發(fā)產(chǎn)品的每一個(gè)步驟中,都要把用戶列入考慮范圍。從前期的用戶研究需求挖掘,到后期的用戶測(cè)試設(shè)計(jì)驗(yàn)證,都要圍繞目標(biāo)用戶群來(lái)進(jìn)行。



在UCD設(shè)計(jì)流程的每個(gè)階段,都有多種不同的方法來(lái)幫助我們達(dá)到目的。

用研分析:


· 單獨(dú)訪談(Individual Interviews):一對(duì)一的用戶討論,讓你了解某個(gè)用戶是如何工作,使你知道用戶的感受,想要什么和他的經(jīng)歷。


· 焦點(diǎn)小組(Focus Groups):組織一組的用戶進(jìn)行討論,讓你更了解用戶的理解、想法、態(tài)度和想要什么。


· 關(guān)鍵利益人訪談(Stakeholders Interview)


· 情境訪談(Contextual Inquiry or Field Study):走進(jìn)用戶的現(xiàn)實(shí)環(huán)境,讓你了解你的用戶的工作方式,生活環(huán)境等等情況。


· 日記研究(Diary Study):日記研究可以讓用戶記錄自己的進(jìn)程,研究者以非打擾的視角探查用戶的體驗(yàn)。


· 問(wèn)卷調(diào)研(Questionnaire Study):利用網(wǎng)上或紙張的問(wèn)題list對(duì)用戶進(jìn)行發(fā)放填寫(xiě),從而收集用戶對(duì)產(chǎn)品的需求建議。


· 任務(wù)分析(Task Analysis):通過(guò)任務(wù)分析了解用戶使用產(chǎn)品時(shí)的目標(biāo)和操作方式,習(xí)慣(GOMS模型)。


· 用例分析(Use Case Analysis)


· 卡片分類(Card Sorting)、樹(shù)形圖測(cè)試(Tree Testing):觀察用戶是如何理解內(nèi)容和組織信息,用來(lái)幫助你的產(chǎn)品更合理地組織信息?!?競(jìng)品分析(Competitive Analysis)、標(biāo)桿分析法(Benchmarking)· 桌面研究(Desktop Research)、市場(chǎng)研究(Market Research)· 用戶角色模型(Personas):構(gòu)建一個(gè)虛構(gòu)的人來(lái)代表特定目標(biāo)用戶群組,設(shè)計(jì)團(tuán)隊(duì)圍繞這個(gè)虛擬人物設(shè)計(jì)開(kāi)發(fā)產(chǎn)品。


· 用戶體驗(yàn)旅程圖(User/Customer Journey Mapping or Experience Mapping):從用戶角度出發(fā),以敘述故事的方式描述用戶使用產(chǎn)品或接受服務(wù)的體驗(yàn)情況,以可視化圖形的方式展示,從中發(fā)現(xiàn)用戶在整個(gè)使用過(guò)程中的痛點(diǎn)和滿意點(diǎn),最后提煉出產(chǎn)品或服務(wù)中的優(yōu)化點(diǎn)、設(shè)計(jì)的機(jī)會(huì)點(diǎn)。


· 態(tài)度研究(Attitudinal Research)和行為研究(Behavioural Research)


· 定性研究(Qualitative Research)和定量研究(Quantitative Research)



設(shè)計(jì)階段:


· 腦力風(fēng)暴(Brainstorming Ideation)


· 概念草圖(Concept Sketching)


· 思維導(dǎo)圖(Mind Mapping)· 交互流程(User Interaction Flow)


· 信息架構(gòu)(Information Architecture):對(duì)功能內(nèi)容進(jìn)行高度概括的統(tǒng)籌規(guī)劃、設(shè)計(jì)安排。


· 情景與故事版設(shè)計(jì)(Scenario & Storyboard Design):情景是指特定用戶如何使用產(chǎn)品完成特定目標(biāo)的簡(jiǎn)短故事。故事板是連續(xù)的一系列草圖,用視覺(jué)的方式表現(xiàn)用戶如何使用產(chǎn)品,形式上類似漫畫(huà)分鏡。


· 線框圖(Wireframing)


· 低保真原型與高保真原型(Lo-fi & Hi-fi Prototyping)


· 紙質(zhì)原型(Paper Prototype)


· 視頻原型(Video Prototype):通過(guò)視頻來(lái)演示用戶如何與產(chǎn)品系統(tǒng)進(jìn)行交互。


· 綠野仙蹤原型(Wizard of oz Prototype):使用角色扮演來(lái)模擬用戶如何與產(chǎn)品系統(tǒng)進(jìn)行交互。


· 可交互原型(Interactive Prototype)


· 視覺(jué)設(shè)計(jì)(Visual Design)


· 設(shè)計(jì)模式(Design Patterns)、設(shè)計(jì)語(yǔ)言(Design Language)、設(shè)計(jì)規(guī)范(Design Guidelines)與設(shè)計(jì)體系(Design System)


· 標(biāo)注文檔(Design Spec)


· 動(dòng)效設(shè)計(jì)(Animation Design)


· 參與式設(shè)計(jì)(Participatory Design):將終端使用者或利益相關(guān)者帶入設(shè)計(jì)流程中。


· 共情/移情/同理心設(shè)計(jì)(Empathic Design):將設(shè)計(jì)師帶入使用者情境中進(jìn)行觀察設(shè)計(jì)。


· 平行設(shè)計(jì)(Parallel Design):對(duì)同一個(gè)產(chǎn)品進(jìn)行分開(kāi)的設(shè)計(jì),從而比較選擇一個(gè)最佳方案。



評(píng)估驗(yàn)證:


· 啟發(fā)式評(píng)估(Heuristic Evaluation):由一組行內(nèi)專家依據(jù)尼爾森十大原則對(duì)產(chǎn)品進(jìn)行可用性檢查。


· 專家評(píng)審(Expert Inspection)


· 可用性測(cè)試(Usability Testing):邀請(qǐng)用戶來(lái)試用你的產(chǎn)品,有任務(wù)性的完成測(cè)試,從而達(dá)到評(píng)估的目的。分為Moderated和Unmoderated,In-person或Remote。


· 組內(nèi)測(cè)試(Within-Subject Testing)與組間測(cè)試(Between-Subject Testing)


· 游擊式調(diào)研(Guerrilla Research):便宜、快速地得到大致的用戶反饋。


· 問(wèn)卷調(diào)查(Surveys):利用網(wǎng)上或紙張的問(wèn)題list對(duì)用戶進(jìn)行發(fā)放填寫(xiě),從而收集用戶對(duì)產(chǎn)品的反饋意見(jiàn)。


· CSAT(Customer Satisfaction Score)與NPS(Net Promoter Score)


· 眼動(dòng)追蹤(Eye Tracking)和熱力圖(Heat Map)


· 點(diǎn)擊流分析(Clickstream Analysis)


· 產(chǎn)品漏斗(Product Funnel)和使用情況分析(Usage Analytics)


· 統(tǒng)計(jì)學(xué)分析(Statistical Analysis)


· A/B測(cè)試:在同一時(shí)間維度,分別讓相似的目標(biāo)人群隨機(jī)的訪問(wèn)產(chǎn)品的不同版本,收集各群組的用戶體驗(yàn)數(shù)據(jù)和業(yè)務(wù)數(shù)據(jù),最后分析、評(píng)估出最好版本,正式采用。




藍(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ì)( www.88yangsc.com )是一家專注而深入的界面設(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ì)公司

游戲角度談體驗(yàn)設(shè)計(jì)

資深UI設(shè)計(jì)者

游戲角度談體驗(yàn)設(shè)計(jì)




作者:老笨

鏈接:https://www.zhihu.com/question/23131149/answer/2454205665

來(lái)源:知乎

著作權(quán)歸作者所有。商業(yè)轉(zhuǎn)載請(qǐng)聯(lián)系作者獲得授權(quán),非商業(yè)轉(zhuǎn)載請(qǐng)注明出處。


抽象\具象、理性\感性 的思維能力的自由切換,是用戶體驗(yàn)設(shè)計(jì)師必備的能力。抽象而理性的思維能力,用于扮演“設(shè)計(jì)師”的角色,自上而下的看待產(chǎn)品;具象而感性的思維能力,用于扮演“小白用戶”的角色,自下而上的看待產(chǎn)品。【什么叫自上而下的看待產(chǎn)品?】----將游戲\產(chǎn)品的目標(biāo)、規(guī)則、反饋,透過(guò)抽象思維將它進(jìn)行歸納。制作導(dǎo)圖是其中一種很好的方法,透過(guò)制作的過(guò)程,我們可以對(duì)游戲\產(chǎn)品的元信息進(jìn)行梳理;理解各項(xiàng)功能之間的定位與模塊劃分,有必要的話將它們進(jìn)行重新組織;用戶與產(chǎn)品之間,用戶與用戶之間,是怎樣進(jìn)行互動(dòng)的。將以上幾個(gè)環(huán)節(jié)想清楚、弄明白,這些就是作為設(shè)計(jì)師角色需要明晰的業(yè)務(wù)框架,它能在漫長(zhǎng)的開(kāi)發(fā)過(guò)程、諸多的決策中,指導(dǎo)我們決策,使我們不至走偏。



在接到某游戲項(xiàng)目需求后,對(duì)其元信息進(jìn)行梳理【那什么叫自下而上的看待產(chǎn)品呢?】----本質(zhì)上是將用戶的需求具象化。

聽(tīng)起來(lái)很簡(jiǎn)單,實(shí)際上卻非常難:什么叫用戶?我們的目標(biāo)用戶是哪些人?他們具有怎樣的特點(diǎn)?他們所處的環(huán)境、生活習(xí)慣、消費(fèi)能力、設(shè)備特性、網(wǎng)絡(luò)速度等等因素決定了他們偏好的內(nèi)容,甚至是操作習(xí)慣。就算借助用研團(tuán)隊(duì)進(jìn)行用戶調(diào)研,收集回來(lái)的大量需求中,怎么判斷哪些是真實(shí)需求,怎么判斷真實(shí)需求中各項(xiàng)需求的優(yōu)先級(jí)。

最多用戶反饋的需求,為什么有可能不是優(yōu)先級(jí)最高的需求呢?因?yàn)槟軌虮淮罅坑脩舴答伒贸龅男枨?,幾乎必然是眾所周知的、普通的、缺乏?dú)特性的、難以被傳播的需求,這類型需求即使被實(shí)現(xiàn)了,大家也只會(huì)覺(jué)得理所當(dāng)然,它完全不會(huì)提升你游戲\產(chǎn)品的口碑和傳播度。誰(shuí)會(huì)跟朋友說(shuō):“來(lái)玩xxxx游戲啊,它有好友系統(tǒng)誒~”?誰(shuí)都不會(huì)!對(duì)數(shù)據(jù)的分析能力和決策能力,是產(chǎn)品經(jīng)理\游戲策劃\交互設(shè)計(jì)師的核心能力之一。

事實(shí)上,作為設(shè)計(jì)師,我們大部分的設(shè)計(jì)由于制作周期的原因,根本不可能每次都先進(jìn)行調(diào)研再去設(shè)計(jì),那怎么才能讓我們的感受與用戶盡可能一致呢?其實(shí)用一句很簡(jiǎn)單的話就能概括----不要讓你的用戶思考。講真產(chǎn)品感這種事,多看書(shū)固然很有必要,書(shū)本能幫助你更系統(tǒng)化的將你的經(jīng)驗(yàn)體會(huì)歸納成結(jié)構(gòu)化的知識(shí),但比這更重要的是,要堅(jiān)持體驗(yàn)大量熱門(mén)應(yīng)用\游戲,如果你有明確的在研游戲\產(chǎn)品的品類,那就加上大量同類產(chǎn)品的體驗(yàn),分析它們?cè)诮换ピO(shè)計(jì)上的異同點(diǎn),為什么要這樣或那樣設(shè)計(jì),分析下他們的產(chǎn)品團(tuán)隊(duì)是基于什么原因做出那樣的選擇。


拿到需求后不要著急設(shè)計(jì),先看看別人都是怎么做的所謂的人性化,其實(shí)不過(guò)是很淺顯的東西,只要你用心感受生活,就能有所收獲的,比如說(shuō):用戶很懶、沖動(dòng)、貪心、注意力往往不集中、耐心只有幾秒、不想費(fèi)腦子......


【舉一個(gè)很現(xiàn)實(shí)的栗子】----很多策劃喜歡把自己設(shè)計(jì)的系統(tǒng)構(gòu)架得非常復(fù)雜,他們認(rèn)為樂(lè)趣就是依系統(tǒng)給出的信息進(jìn)行抉擇,通過(guò)一次次的抉擇,逐漸找到游戲的規(guī)律,最終贏得比賽。但如果我們采用與策劃相同的思路來(lái)進(jìn)行設(shè)計(jì),那毫無(wú)疑問(wèn)會(huì)把認(rèn)知門(mén)檻拔得太高了,策略點(diǎn)是好東西,但你一口氣把它們?nèi)客平o用戶的話,用戶根本學(xué)習(xí)不過(guò)來(lái),關(guān)注不到,況且就算他們發(fā)現(xiàn)了,也未必愿意費(fèi)腦子去琢磨,更現(xiàn)實(shí)環(huán)境中跟我們的游戲\產(chǎn)品一同爭(zhēng)奪用戶注意力的外部因素實(shí)在太多了,用戶難免會(huì)被打斷,注意力很難做到高度集中,加上耐心的極其缺乏,會(huì)使得他們中的絕大部分根本沒(méi)法get到策劃的所謂爽點(diǎn)。一個(gè)好的交互設(shè)計(jì)師,應(yīng)該評(píng)估需求,跟策劃充分討論,清楚闡述你所分析出當(dāng)下設(shè)計(jì)的優(yōu)劣點(diǎn)所在,盡可能將產(chǎn)品往簡(jiǎn)潔(不等于簡(jiǎn)單)的方向進(jìn)行設(shè)計(jì)。


最好的設(shè)計(jì)就是讓用戶感覺(jué)不到設(shè)計(jì),能夠自然順暢的使用,不存在障礙與困惑的設(shè)計(jì)。至于硬核用戶,我們可以采用其它方式來(lái)滿足他們,切記老祖宗留下來(lái)給我們的真理----曲高和寡!這種分析需求的能力,為用戶體驗(yàn)服務(wù)的意識(shí),是需要大量訓(xùn)練才能形成的思維習(xí)慣。在面對(duì)每個(gè)需求的時(shí)候,我們都應(yīng)該這樣,自上而下,自下而上,兩方面去思考辯證,找到能夠滿足雙方需求的重合區(qū)間后再進(jìn)行設(shè)計(jì)。


提煉幾個(gè)在做交互設(shè)計(jì)\體驗(yàn)設(shè)計(jì)時(shí)的要點(diǎn):


【簡(jiǎn)練的架構(gòu)】


我們應(yīng)該持續(xù)不斷的追求「盡量」簡(jiǎn)練的架構(gòu),強(qiáng)調(diào)「盡量」的原因是我們應(yīng)該時(shí)刻提醒自己,優(yōu)化方案的目的是為了幫助用戶更方便的在游戲中實(shí)現(xiàn)他們的需求,而不是為了讓我們陶醉在自己極致簡(jiǎn)練的方案中暗爽的。

----切記,記住我們的根本目的是滿足用戶的需求。


【擴(kuò)展性預(yù)留】


與不過(guò)分追求簡(jiǎn)練的原則一樣,我們?cè)谠O(shè)計(jì)過(guò)程中應(yīng)該對(duì)擴(kuò)展性預(yù)留有充分的考慮,也應(yīng)該符合實(shí)際業(yè)務(wù)的需求(需要與項(xiàng)目組拉齊他們的計(jì)劃)。千萬(wàn)不要為了在設(shè)計(jì)上的自我滿足而忽略實(shí)現(xiàn)成本和業(yè)務(wù)目標(biāo)。尤其在項(xiàng)目初期,方案迭代速度很快的情況下,不宜過(guò)分地追求架構(gòu)之美,也不應(yīng)該在未曾沉淀的策劃案上作過(guò)多的視覺(jué)表達(dá)方面的設(shè)計(jì)----畢竟當(dāng)設(shè)計(jì)師正沉浸于表現(xiàn)細(xì)節(jié)的思考中,一而再的被告知方案又改了,是一件非常惱人的事情。


【符合用戶心智】


比起邏輯合理,「用戶易理解」才是我們?cè)谠O(shè)計(jì)的過(guò)程中應(yīng)該首要考慮的點(diǎn)。如果一個(gè)設(shè)計(jì)不符合用戶的認(rèn)知,不管它有多合乎邏輯、也不管它有多少優(yōu)點(diǎn),都很可能都是沒(méi)有用的。

----一開(kāi)始用戶很可能就會(huì)因?yàn)闊o(wú)法理解而流失了,根本體驗(yàn)不到后面的那些優(yōu)點(diǎn)。


【細(xì)節(jié)即是品質(zhì)】


從最近幾年的市場(chǎng)環(huán)境不難發(fā)現(xiàn),玩家對(duì)游戲品質(zhì)的要求越來(lái)越高。用戶對(duì)手游產(chǎn)品的敏感度是延伸到體驗(yàn)?zāi)┥业模热鐚?duì)畫(huà)面呈現(xiàn)細(xì)節(jié)超級(jí)敏感,對(duì)數(shù)值曲線的設(shè)置超級(jí)敏感,對(duì)操作反饋的精確度超級(jí)敏感,對(duì)交互環(huán)節(jié)中的流暢要求超級(jí)敏感......很多時(shí)候,細(xì)節(jié)甚至?xí)惶籼薜囊庖?jiàn)領(lǐng)袖經(jīng)由多次傳播后放大到令人難以想象的地步。(eg:近期上線的韓國(guó)手游《月光雕刻師》,其實(shí)本質(zhì)上只是一個(gè)掛機(jī)泡菜游戲,但在很多細(xì)節(jié)上的處理還是做到非常驚人的。)【階段性review】階段性review是至關(guān)重要的工作習(xí)慣,無(wú)論你所處的項(xiàng)目是否成功。畢竟,失敗的經(jīng)驗(yàn)也并不是沒(méi)有用的,前提是你需要深入地去思考、分析、歸納、找到問(wèn)題背后的原因,它能幫助我們避免掉一些不該犯的錯(cuò)誤,從而遠(yuǎn)離最壞的結(jié)果。事實(shí)上,游戲研發(fā)充滿未知數(shù),市場(chǎng)變化非常快,即使是當(dāng)紅制作人也幾乎沒(méi)有人敢說(shuō)自己的下一款產(chǎn)品依然能成為爆款,成功的經(jīng)驗(yàn)價(jià)值并沒(méi)有它看起來(lái)那么大,倒是失敗的教訓(xùn)可以匯總起來(lái)成為教科書(shū)。


所謂的游戲設(shè)計(jì)方法論,無(wú)非就是在做兩件事情:1.避免重大失誤;2.找到有可能成功的方向。review的價(jià)值在于歸納:做得好的地方,讓它沉淀下來(lái),幫助我們未來(lái)走得更穩(wěn);做得有遺憾的地方,哪些是本可避免的,哪些教訓(xùn)是值得吸取的?世界是越來(lái)越紛雜的,鬧中取靜不容易,越復(fù)雜的世界,簡(jiǎn)單就越可貴。交互設(shè)計(jì)的價(jià)值就在這里。

藍(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ì)( www.88yangsc.com )是一家專注而深入的界面設(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è)人資料

存檔