亚洲AV免费看深爱成人|日韩av另类一级特黄片在线|中国免费一级黄片|国产av一二三区|亚洲有码AV在线|久久亚洲国产日韩欧美|成人免费AV网站|婷婷一区综合一区|亚洲AV无码导航|高级欧美成人网站

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

跨領(lǐng)域設(shè)計之三大核心理念：UI設(shè)計與多領(lǐng)域設(shè)計共通原則

發(fā)布時間：2023-12-14 18:39:30 瀏覽量：184次

從iOS7推出以來，雖然《iOS人機交互設(shè)計指南》一直在發(fā)生變化，但是其三大核心設(shè)計理念一直沒有變過，并且不斷被強調(diào)。這三大核心設(shè)計理念是：清晰（Clarity）、遵從（Deference）和縱深（Depth）。

下面通過一些實例幫助大家理解這3大設(shè)計理念。需要注意的是，雖然這三大核心設(shè)計理念是在《iOS人機交互設(shè)計指南》中提出，但實際上可以適用于任何平臺的設(shè)計。

清晰（Clarity）

蘋果對于“清晰”的表述，將其簡單翻譯成中文如下：“在整個系統(tǒng)（應(yīng)用）中，所有尺寸大小的文字都應(yīng)該清晰可見，圖標也應(yīng)該清晰傳達出明確的意思，而其他設(shè)計元素應(yīng)細膩且恰當，并且應(yīng)對重點功能進行突出設(shè)計。此外，內(nèi)容間隔、界面顏色、字體、圖像和界面元素應(yīng)巧妙的突出重要內(nèi)容并傳達出交互性。”

對于這段話可以通過以下內(nèi)容的講解進一步理解。

確保文字的可讀性

①標題和正文應(yīng)區(qū)分明顯，行高合適。

②標題應(yīng)言簡意賅，每行文本不應(yīng)過長，避免閱讀疲勞。

③字體的最小尺寸應(yīng)為11pt（關(guān)于pt的單位，可以簡單理解為在1倍尺寸下1pt=1px，在2倍尺寸下1pt=2px），且正文字體盡量在15pt以上，這樣才便于閱讀。

④保證高對比度，如淺色背景上使用深色文字，深色背景上使用淺色文字。

圖標應(yīng)清晰傳達意圖

①圖標表達的意思應(yīng)明確，對于大家約定俗成，尤其是系統(tǒng)的圖標復(fù)用時，不要改變該圖標代表的功能，如心形圖標一般表示關(guān)注、收藏等，不要把這類圖標另作他用。

②除非圖標意思非常明確，否則圖標最好伴隨文字一起出現(xiàn)。

③一個圖標對應(yīng)一個功能，盡量避免相似的圖標在同一產(chǎn)品內(nèi)出現(xiàn)。

④導出圖標時應(yīng)導出多個尺寸，以此保證圖標在所有的設(shè)備上都十分清晰。

注重交互性

①對于可交互的地方應(yīng)有清晰指示，可以通過明確的按鈕，以及帶有顏色的文字或者下劃線表示，對于文字的顏色也應(yīng)該慎重考慮，每個顏色都有其代表的意義，不要使用讓用戶產(chǎn)生困擾的顏色，比如在刪除的文字按鈕上使用綠。

②如果是為觸控設(shè)備設(shè)計的界面應(yīng)考慮觸控區(qū)域，防止區(qū)域過小產(chǎn)生誤觸。一般情況下要避免誤觸的出現(xiàn)，觸控區(qū)域不應(yīng)小于44pt，如果有時候視覺需要不能留出這么大的空間，那么觸控區(qū)域應(yīng)大于視覺內(nèi)容區(qū)域。

③如果產(chǎn)品有橫屏狀態(tài)，應(yīng)該考慮界面在橫屏模式下的布局。在橫屏模式下，最明顯的就是頂部的標題欄和底部的Tab菜單欄高度會縮小，并且底部Tab菜單欄圖標和文字不是上下排列而是左右排列。

下期繼續(xù)講解三大核心原則

愛讀微課（iread360.com） | 色技手稿

熱門課程推薦

熱門資訊

請綁定手機號

獲取驗證碼
x

同學您好！

您已成功報名0元試學活動，老師會在第一時間與您取得聯(lián)系，請保持電話暢通！
確定