激情六月丁香婷婷|亚洲色图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ì)規(guī)則!快get

發(fā)布時(shí)間：2024-01-18 09:43:47 瀏覽量：139次

? APP界面設(shè)計(jì)不單純是技術(shù)設(shè)計(jì)，也不再是單純的進(jìn)行視覺圖像的藝術(shù)組合，它涉及到用戶研究、視覺設(shè)計(jì)、交互設(shè)計(jì)、技術(shù)開發(fā)。

圖標(biāo)文字規(guī)則

①圖標(biāo)是傳達(dá)給用戶的首個(gè)直觀視覺感受，它可以體現(xiàn)產(chǎn)品的風(fēng)格、功能、品質(zhì)。由于APP界面受屏幕尺寸的局限性，在圖形的選擇上，首先是符合APP主題的圖形，結(jié)合產(chǎn)品自身個(gè)性選擇設(shè)計(jì)，保證圖形傳播的真實(shí)性；其次選擇清晰度較高的圖形，圖形是具體的、直觀的、形象的，讓使用者在短時(shí)間獲取更多的信息。

圖標(biāo)通常是有效直接的表現(xiàn)方式，在APP界面設(shè)計(jì)中每一個(gè)圖標(biāo)都具體功能性，用以表達(dá)某一操作或功能的示意的圖形，原則盡可能形象化、簡潔性、識別性、隱喻性以準(zhǔn)確表達(dá)其代表的功能。

在設(shè)計(jì)圖標(biāo)應(yīng)使用矢量圖形，矢量圖形可以隨便時(shí)進(jìn)行尺寸調(diào)整，放大后不會(huì)失真，保證畫面的清晰度。

②文字的設(shè)計(jì)上，首先是字號、字體有效的區(qū)分出信息的重要級別；其次是行寬與行高的比例，遵循從左到右的原則，左對齊、居中對齊、兩端對齊、減少不必要的文字對比反差，調(diào)整合理的字間距；最后是留白，適當(dāng)?shù)牧舭自黾有畔⒌囊鬃x性。

布局原理規(guī)則

頁面布局是對頁面的文字、圖形或表格進(jìn)行合理的排布與設(shè)計(jì)。信息是否能有效的傳達(dá)，離不開良好的頁面組織及布局，在對頁面布局時(shí)我們需要考慮用戶需求與用戶行為，明確信息的層級關(guān)系，讓信息傳遞效率最大化。

①Logo放置每頁相同位置，數(shù)據(jù)內(nèi)容按主次先后有序排列，重要信息放置主頁及界面中等偏上的位置，遵循人們從上到下，從左到右的閱讀習(xí)慣，主頁長度適度，其他頁面也不宜過長，頁面盡量采用分頁。

②明確每個(gè)頁面需突出的重要信息，可以通過色彩顏色、圖形、文字大小、間距、留白等進(jìn)行對比區(qū)別，拉開層次，突出顯示重要信息。

③導(dǎo)航盡量采用底部導(dǎo)航或一側(cè)導(dǎo)航有利于用戶引導(dǎo)和了解頁面布局，不占左右空間。設(shè)計(jì)師在對APP布局前，對應(yīng)用的功能需求有清晰的把握，在每一級別的頁面，應(yīng)該清楚知道整個(gè)應(yīng)用的界面跳轉(zhuǎn)和層級關(guān)系，明確每個(gè)頁面的凸現(xiàn)信息。

交互設(shè)計(jì)規(guī)則

APP的交互設(shè)計(jì)，在設(shè)計(jì)操作界面時(shí)需按照人們使用手機(jī)的習(xí)慣進(jìn)行設(shè)計(jì)，讓用戶在與APP交互過程中，體驗(yàn)到產(chǎn)品的可靠性、易用性及趣味性。

①可靠性指用戶在操作時(shí)軟件的穩(wěn)定性，不會(huì)出現(xiàn)閃退、延遲等基本錯(cuò)誤。

②易用性指的操作簡單化，讓不同年齡段的用戶都能快速上手，簡單化清晰化的操作，可增加用戶對產(chǎn)品的操作信心減少產(chǎn)品的使用差錯(cuò)率。

③可靠性和易用性是基礎(chǔ)，趣味性就是核心，趣味性在用戶使用APP操作中增加了人文關(guān)懷和情感注入，同時(shí)趣味性的元素的使用，讓界面“活”起來。

色彩搭配規(guī)矩

色彩在界面設(shè)計(jì)中扮演者重要的角色，一個(gè)好的手機(jī)APP設(shè)計(jì)作品，顏色搭配占到70%左右，其他的30%左右分給了排版文字設(shè)計(jì)、圖形處理等，合理的色彩應(yīng)用可以增加界面的條理性，起到強(qiáng)調(diào)作用，能幫助操作者快捷的發(fā)現(xiàn)界面的重點(diǎn)信息，取得較好的視覺效果。

不同用戶對每一種顏色都有不一樣的視覺感受，APP界面顏色運(yùn)用從類別分為主色、輔助色、點(diǎn)睛色。主色決定著畫面風(fēng)格趨向的顏色，通常應(yīng)用于導(dǎo)航欄，與品牌顏色相統(tǒng)一的主色調(diào)；輔助色，使畫面更加完美、豐富，對主色起到修飾作用；點(diǎn)晴色用在標(biāo)題文本、按鈕、icon等地方，起強(qiáng)調(diào)和引導(dǎo)閱讀的功能，同時(shí)凸顯獨(dú)特畫面風(fēng)格。

主色選擇上，可使用鮮亮飽和度較高的顏色，在頁面中比例占據(jù)較多。輔助色選擇上，根據(jù)主色基調(diào)，選擇主色同類色、鄰近色、對比色及互補(bǔ)色作為輔助色。點(diǎn)睛色一般使用飽和度和明度較高的顏色，點(diǎn)睛色一般與主色相反，主色明度高，點(diǎn)綴色一般用深顏色或飽和度高的顏色，反正明度低，點(diǎn)睛色飽和度明度高的顏色。

APP的生存自身的實(shí)用性是根本，藝術(shù)性及舒適的操作性是點(diǎn)睛，只有讓APP的功能美與形式美做到真正的統(tǒng)一，這個(gè)APP才具備生存能力。

～此文轉(zhuǎn)載，如有侵權(quán)，請聯(lián)系刪除

熱門課程推薦

熱門資訊

請綁定手機(jī)號

獲取驗(yàn)證碼
x

同學(xué)您好！

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