material design (7)style——color

1 色板
建議:500作為基本色,其他的作為強(qiáng)調(diào)色。

2.色彩方案
(1)從色板中選擇一個(gè)主色,選擇3個(gè)色調(diào),然后選擇一個(gè)強(qiáng)調(diào)色。
primary color 使用最多 大面積使用
secondary color 稍微深一點(diǎn)或淺一點(diǎn)
accent color 懸浮按鈕或者文本域,光標(biāo),文本選擇,進(jìn)度條,滑塊,鏈接等。

  1. 文本和背景顏色
    (1)文本透明度
    不同透明度表示不同的重要程度
    透明度與背景顏色的深淺有關(guān)
    (2)深色文字淺色背景
    最重要的 87%
    次重要 54%
    提示,注釋 38%
    (3)白色文本深色背景
    最重要的 100%
    次重要的 70%
    提示文字 icon 50%
    分割線 12%
    不管是黑色還是白色字體,盡量使用透明度而不是灰色
    (4)icon以及其它元素
    黑色icon 可點(diǎn)擊 54% 不可點(diǎn)擊 38%
    白色icon 可點(diǎn)擊 100% 不可點(diǎn)擊 50%

  2. 主題

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容