激情六月丁香婷婷|亚洲色图AV二区|丝袜AV日韩AV|久草视频在线分类|伊人九九精品视频|国产精品一级电影|久草视频在线99|在线看的av网址|伊人99精品无码|午夜无码视频在线

高校合作1：010-59833514 ?咨詢電話：400-810-1418 服務(wù)與監(jiān)督電話：400-810-1418轉(zhuǎn)接2

UI設(shè)計(jì)師面試必備——APP視覺設(shè)計(jì)七大原則

發(fā)布時(shí)間：2024-01-26 12:28:30 瀏覽量：159次

俗話說的好，跳槽金三銀四！正直陽春三月，作為設(shè)計(jì)師的你，心是不是也在蠢蠢欲動(dòng)，想要換一家舒服的公司？

但是面試的時(shí)候，問道一些相關(guān)移動(dòng)APP視覺設(shè)計(jì)方面的知識(shí)的時(shí)候，就會(huì)沒那么自信啦。

所以，小編幫大家整理出了七大移動(dòng)視覺APP設(shè)計(jì)原則。非常干的干貨，足以讓大家在面試過程當(dāng)中，侃侃而談！ 向面試官展示出充分的自信。

我們就是要告訴面試官，設(shè)計(jì)作品與設(shè)計(jì)理論樣樣牛！

一、內(nèi)容優(yōu)先

對(duì)于手機(jī)而言，屏幕空間資源顯得非常珍貴，為了提升屏幕空間的利用率，界面的布局應(yīng)該以內(nèi)容為核心，而提供符合用戶心里預(yù)期的內(nèi)容是移動(dòng)應(yīng)用獲得成功的關(guān)鍵。那么在設(shè)計(jì)組織內(nèi)容時(shí)，要注意一下幾點(diǎn)：?從產(chǎn)品設(shè)計(jì)開始，就不能抱有將pc上的一切功能都往移動(dòng)端搬得思想。敢于刪除不必要的內(nèi)容，只抓重點(diǎn)，是對(duì)移動(dòng)設(shè)計(jì)師德基本要求。

做到內(nèi)容優(yōu)先。在瀏覽內(nèi)容的過程中，適時(shí)的隱藏一些干擾功能，讓內(nèi)容最大化。多采用手勢(shì)操作，也能極好的隱藏一些操作元素。

二、為觸摸而生

在觸屏設(shè)備上，基于手指的手勢(shì)操作已經(jīng)代替了鼠標(biāo)的點(diǎn)擊操作。手勢(shì)操作靈活多變，交互自然，但也帶來識(shí)別性差，操作精度不高等缺點(diǎn)。

1、以信息架構(gòu)為基礎(chǔ)，建立手勢(shì)交互規(guī)范

2、優(yōu)先設(shè)計(jì)自然的手勢(shì)交互，而不只是點(diǎn)擊

3、引導(dǎo)用戶在情境中學(xué)習(xí)手勢(shì)操作

4、可出區(qū)域必須大于7*7mm，盡量大于9*9mm。在觸摸操作設(shè)計(jì)時(shí)，我們已經(jīng)知道，在界面中的可觸物理區(qū)域不應(yīng)該小于7*9mm，為了讓用戶能在各種情境中都容易操作，建議可觸區(qū)域不應(yīng)小于9mm，但是可觸區(qū)域不同于屏幕中直接呈現(xiàn)的物理大小，為了視覺及審美的需要，有時(shí)設(shè)計(jì)時(shí)會(huì)把屏幕元素設(shè)計(jì)得較小。

三、轉(zhuǎn)換輸入方式

文字輸入是移動(dòng)端得軟肋之一，不論手寫輸入還是鍵盤輸入，操作效率都相對(duì)較低，在行走或單手操作時(shí)，輸入的出錯(cuò)率也較高。那么在應(yīng)用設(shè)計(jì)時(shí)要注意盡量避免文字輸入，或者使用一些代替方案來提升輸入效率。

1、減少文本輸入，保留之前輸入的內(nèi)容。如在文本框中輸入內(nèi)容，要做到意外退出后能在返回，依然可以看到之前輸入的內(nèi)容。也可以通過關(guān)鍵字聯(lián)想，如在搜索時(shí)輸入一個(gè)字，可以通過聯(lián)想匹配讓用戶盡快找到目標(biāo)，而無需輸入全部文字。

2、轉(zhuǎn)化輸入方式，可以通過將常用的輸入框轉(zhuǎn)化為選擇控件，或其他自定義控件（如日期、地址、城市等可轉(zhuǎn)化為選擇項(xiàng)的）。

3、使用手機(jī)已有的傳感器輸入，如語音、掃描識(shí)別（二維碼、條形碼、文字、圖片等）。

四、明確的反饋

屏幕小、硬件性能差、網(wǎng)絡(luò)不穩(wěn)定等等，移動(dòng)產(chǎn)品需要面對(duì)各種情景，所以有效、清晰、及時(shí)的反饋起著重要作用。它能讓用戶知道自己的行為正在被后臺(tái)程序響應(yīng)和處理。

1、為用戶的行為操作提供提供及時(shí)的反饋。如點(diǎn)擊列表后背景會(huì)變灰色，這樣在網(wǎng)絡(luò)緩慢或性能較差的設(shè)備上，用戶能快速察覺到已經(jīng)點(diǎn)擊成功，從而避免多次點(diǎn)擊。

2、提供有價(jià)值的狀態(tài)提示反饋。避免使用模態(tài)窗口，打斷用戶的當(dāng)前任務(wù)。早期的app對(duì)模態(tài)框的濫用，讓用戶很容易忽視框中的內(nèi)容?？梢钥紤]toast、狀態(tài)欄、導(dǎo)航欄等反饋方式，也可以考慮結(jié)合聲音、震動(dòng)、閃光燈等組合方式，讓反饋信息更有效。

五、為中斷而設(shè)計(jì)

考慮到移動(dòng)應(yīng)用使用情景復(fù)雜而不穩(wěn)定，在移動(dòng)場(chǎng)景中被打斷是很平常的事情，所以確保在各個(gè)產(chǎn)出中斷的情境下，讓用戶恢復(fù)之前的操作，保持用戶的勞動(dòng)付出。

1、保存用戶的操作，減少重復(fù)勞動(dòng)

網(wǎng)絡(luò)終端狀態(tài)：在移動(dòng)應(yīng)用上行服務(wù)數(shù)據(jù)時(shí)，都需要考慮網(wǎng)絡(luò)狀態(tài)出現(xiàn)異常的狀況。例如新浪微博客戶端，當(dāng)博文發(fā)送不成功時(shí)會(huì)暫存到草稿箱中；iphone發(fā)送消息不成功，也會(huì)保存內(nèi)容，標(biāo)記為發(fā)送失敗，允許用戶重新發(fā)送。

編輯中斷：在編輯內(nèi)容的界面中，要考慮在各種中斷事件后，保存已編輯的內(nèi)容，減少用戶的重復(fù)操作。

2、銜接記憶而不是重頭開始

當(dāng)用戶在閱讀是被打斷，基于內(nèi)容可分為兩種不同的情況，一是書籍類的閱讀，用戶再次進(jìn)入界面后，銜接上一次正在閱讀的頁面而不是書本的首頁；另一種是新聞閱讀類的閱讀，需要根據(jù)時(shí)間間隔來判斷，超過一天時(shí)間沒有閱讀，再次進(jìn)入后，可以讓用戶選擇是否繼續(xù)閱讀或返回首頁最新內(nèi)容，若時(shí)間間隔很短，則直接返回之前的頁面內(nèi)容繼續(xù)閱讀。

六、為用戶的誤操作而設(shè)計(jì)

1、在設(shè)計(jì)產(chǎn)品時(shí)，通過頁面的設(shè)計(jì)、重組或特別安排，盡量的防治用戶出錯(cuò)，因?yàn)楸瘸霈F(xiàn)錯(cuò)誤信息提示更好的是更用心的設(shè)計(jì)防治這類問題的發(fā)生。

2、優(yōu)逸客表示為了避免用戶的誤用和誤擊，應(yīng)該為用戶提供撤銷和重做的功能。

3、當(dāng)用戶操作有誤需要錯(cuò)誤信息提醒時(shí)，錯(cuò)誤信息應(yīng)該用語言表達(dá)，要較準(zhǔn)確地反應(yīng)問題所在，并且為用戶提出一個(gè)建設(shè)性的解決方案。

七、一致性

一致性是設(shè)計(jì)的基本原則，它可以讓產(chǎn)品更加的易用，降低用戶的認(rèn)知成本，從而帶來整體體驗(yàn)的提升。

1、設(shè)計(jì)上的一致性：基本結(jié)構(gòu)布局、模塊化內(nèi)容、文案、交互行為和視覺風(fēng)格等方面的設(shè)計(jì)要遵循一致性的要求

2、于平臺(tái)環(huán)境一致：例如ios屏幕左上角的返回設(shè)置，除非產(chǎn)品的特殊設(shè)計(jì)需要，否則盡量不改變這樣的設(shè)計(jì)，保持與平臺(tái)的一致性，避免用戶在使用上的不習(xí)慣。

3、跨平臺(tái)的一致性：移動(dòng)產(chǎn)品往往是多平臺(tái)布局，包括ios、android和web app，內(nèi)容設(shè)計(jì)上的處理要追求一致性。

以上移動(dòng)視覺設(shè)計(jì)的七大原則干貨，值得大家收藏！特別是APP設(shè)計(jì)新手，值得好好閱讀和領(lǐng)會(huì)。

更多干貨請(qǐng)關(guān)注公眾號(hào)：UI界面設(shè)計(jì)

熱門課程推薦

熱門資訊

請(qǐng)綁定手機(jī)號(hào)

獲取驗(yàn)證碼
x

同學(xué)您好！

您已成功報(bào)名0元試學(xué)活動(dòng)，老師會(huì)在第一時(shí)間與您取得聯(lián)系，請(qǐng)保持電話暢通！
確定