亚洲av无码成人专区片在线观看,亚洲av岛国动作片在线观看,少妇,喷水,亚洲av成人无遮挡网站在线观看,天堂网www资源在线

設(shè)計(jì)尺寸一直都是設(shè)計(jì)師最熱衷討論的問題

間距Space

那么我們今天討論到一下設(shè)計(jì)中間距的設(shè)計(jì)，間距設(shè)計(jì)背后的邏輯以及設(shè)計(jì)尺寸如何去定義。耐心看完，你一定有所收獲～

設(shè)置界面元素中的間距與尺寸提供指導(dǎo)，減少?zèng)Q策成本。同時(shí)也方便開發(fā)工程師理解。該指南包含容器間距、橫向（水平）間距以及縱向(垂直)間距，適用于元素、組件以及頁(yè)面布局的設(shè)計(jì)Web端大多數(shù)應(yīng)用場(chǎng)景下間距的值為偶數(shù)（4的倍數(shù)），盡量避免出現(xiàn)奇數(shù)值。

設(shè)計(jì)原則

• 通過間距差異，準(zhǔn)確表達(dá)信息與信息之間的關(guān)系：內(nèi)容越相關(guān)，間距越小。

• 通過間距差異，準(zhǔn)確體現(xiàn)信息間的主次關(guān)系，同時(shí)傳遞給用戶既符合邏輯又舒適的信息讀取節(jié)奏感。

間距尺度表

間距尺度的定義，跟設(shè)計(jì)系統(tǒng)中文本緊密關(guān)聯(lián)，也就是 text-based-size。同字體規(guī)范，間距同樣以 16 px作為基準(zhǔn)參考，以 4 px 作為起點(diǎn)及最小增長(zhǎng)單位。

容器間距

容器間距以盒子模型為基礎(chǔ)，基本類型：等寬、矩形。

等寬

矩形

間距規(guī)范不適用的場(chǎng)景

間距規(guī)范在某些特定場(chǎng)景下不適用，此時(shí)不需要嚴(yán)格按照間距規(guī)則來設(shè)計(jì)，根據(jù)實(shí)際規(guī)則設(shè)計(jì)間距即可。

柵格：優(yōu)先考慮柵格規(guī)范，再考慮間距規(guī)范。

• 居中：間距往往由容器實(shí)際大小決定，因此不完全受間距規(guī)范限制。
• 
  
• 自適應(yīng)：可能會(huì)按比例縮放間距。

Powered by Froala Editor