UI設(shè)計中選擇多少種顏色合適?
2022-08-24
UI設(shè)計中顏色被用來產(chǎn)生情感,可以用于視覺層次結(jié)構(gòu),那是不是顏色越多越好?還是顏色越少越好呢?選擇多少種顏色合適呢?
北京分形科技,北京高端網(wǎng)站建設(shè)、高端網(wǎng)站設(shè)計、專業(yè)網(wǎng)站制作公司,今天和您分享經(jīng)驗!
在UI設(shè)計原則中,一般選擇3中顏色比較合適,但在調(diào)色中也有以下一些重要提示:
1.號召性用語顏色(也是主要品牌顏色)
中性淺色(適合文字較多的內(nèi)容)
中性深色(更適合UI元素,也適合深色模式)
對于上述所有情況,可以有稍淺和稍暗的變化。
列表中的后一點意味著很容易實現(xiàn)以下目標(biāo):
暗模式將很容易實現(xiàn)
我們的CTA顏色永遠(yuǎn)不會與其他顏色發(fā)生沖突
在任何情況下,我們都可以隨心所欲地強調(diào)和去強調(diào)
2.創(chuàng)建調(diào)色板
使用您選擇的UI設(shè)計工具,為每種顏色(命名為品牌、中性/淺色和中性/深色)創(chuàng)建一個相當(dāng)大的畫板(點擊A)。然后,在每個畫板中,創(chuàng)建其他更小的矩形,顯示顏色的較深和較淺的變化以及其他顏色本身。
通常,將稍淺和稍暗分別視為10%的額外白色和10%的額外黑色。完成后,在每個畫板上顯示印刷樣式的文本。這些文本圖層的顏色應(yīng)該是中性光,除非在中性光畫板上,它們應(yīng)該是中性暗色。
3.檢查對比度級別
接下來,我們需要檢查我們的顏色以獲得顏色對比度。檢查每種組合的顏色對比度并相應(yīng)地調(diào)整顏色。
更多北京高端網(wǎng)站建設(shè)、高端網(wǎng)站設(shè)計、專業(yè)網(wǎng)站制作等相關(guān),歡迎您咨詢北京分形科技!
北京分形科技,北京高端網(wǎng)站建設(shè)、高端網(wǎng)站設(shè)計、專業(yè)網(wǎng)站制作公司,今天和您分享經(jīng)驗!
在UI設(shè)計原則中,一般選擇3中顏色比較合適,但在調(diào)色中也有以下一些重要提示:
1.號召性用語顏色(也是主要品牌顏色)
中性淺色(適合文字較多的內(nèi)容)
中性深色(更適合UI元素,也適合深色模式)
對于上述所有情況,可以有稍淺和稍暗的變化。
列表中的后一點意味著很容易實現(xiàn)以下目標(biāo):
暗模式將很容易實現(xiàn)
我們的CTA顏色永遠(yuǎn)不會與其他顏色發(fā)生沖突
在任何情況下,我們都可以隨心所欲地強調(diào)和去強調(diào)
2.創(chuàng)建調(diào)色板
使用您選擇的UI設(shè)計工具,為每種顏色(命名為品牌、中性/淺色和中性/深色)創(chuàng)建一個相當(dāng)大的畫板(點擊A)。然后,在每個畫板中,創(chuàng)建其他更小的矩形,顯示顏色的較深和較淺的變化以及其他顏色本身。
通常,將稍淺和稍暗分別視為10%的額外白色和10%的額外黑色。完成后,在每個畫板上顯示印刷樣式的文本。這些文本圖層的顏色應(yīng)該是中性光,除非在中性光畫板上,它們應(yīng)該是中性暗色。
3.檢查對比度級別
接下來,我們需要檢查我們的顏色以獲得顏色對比度。檢查每種組合的顏色對比度并相應(yīng)地調(diào)整顏色。
更多北京高端網(wǎng)站建設(shè)、高端網(wǎng)站設(shè)計、專業(yè)網(wǎng)站制作等相關(guān),歡迎您咨詢北京分形科技!
相關(guān)資訊
- 央企網(wǎng)站設(shè)計:新一代央企智能交互門戶
- 集團(tuán)網(wǎng)站建設(shè):高效整合資源,展現(xiàn)企業(yè)綜合實力
- 高校網(wǎng)站設(shè)計:樹立網(wǎng)站設(shè)計新標(biāo)桿
- 高端網(wǎng)頁設(shè)計:打造極致用戶體驗
- 博物館網(wǎng)站設(shè)計:文化與科技創(chuàng)新融合的3個新路徑
- 醫(yī)院網(wǎng)站建設(shè):賦能醫(yī)療健康的3個趨勢
- 大學(xué)網(wǎng)站建設(shè):提升高校形象與信息化服務(wù)水平
- 品牌網(wǎng)站建設(shè):構(gòu)建用戶與品牌的深度連接
- 北京網(wǎng)站建設(shè)公司:助力企業(yè)打造行業(yè)標(biāo)桿的5個秘訣
- 醫(yī)院網(wǎng)站建設(shè):打造智慧醫(yī)療新體驗