歡迎來(lái)到培訓(xùn)無(wú)憂網(wǎng)!
咨詢熱線 400-001-5729
2022-02-06 09:49:15|已瀏覽:125次
1. 顏色術(shù)語(yǔ)
顏色術(shù)語(yǔ)構(gòu)成了我們顏色知識(shí)的基礎(chǔ)。將諸如色相(hue),色調(diào)(tint)和陰影(shade)之類的顏色術(shù)語(yǔ)視為我們可以用來(lái)開發(fā)獨(dú)特調(diào)色板的工具。
2. 層次結(jié)構(gòu)當(dāng)某個(gè)元素的外觀與其周圍環(huán)境形成對(duì)比時(shí),表明該元素具有更高的重要性。我們可以使用顏色和顏色權(quán)重建立層次結(jié)構(gòu)。
通過(guò)使用色彩,我們可以為元素分配不同的重要性級(jí)別。
如果一個(gè)元素比另一個(gè)元素更重要,則它應(yīng)該具有更高的視覺(jué)重量。這使用戶易于快速瀏覽頁(yè)面并區(qū)分重要和次要信息。
更加醒目,富有重量感的信息內(nèi)容可以快速吸引用戶的注意力,我們可以運(yùn)用這種視覺(jué)規(guī)律引導(dǎo)用戶視線,并促使用戶繼續(xù)瀏覽其下方的支持信息。
3. 富有表現(xiàn)力
在設(shè)計(jì)產(chǎn)品界面的時(shí)候,別忘記融入標(biāo)志性的品牌色彩,以增強(qiáng)用戶心中的品牌印象。
4. 包容性
設(shè)計(jì)產(chǎn)品類似于在圖書館或?qū)W校之類的公共建筑中建造建筑-它必須包含所有人。因此,產(chǎn)品的包容性也是需要考慮的重要要素。
Web內(nèi)容可訪問(wèn)性指南(WCAG)提出了一些建議,以確保運(yùn)動(dòng),聽覺(jué)和認(rèn)知障礙人士可以無(wú)障礙訪問(wèn)界面中的顏色。舉個(gè)例子,文字標(biāo)準(zhǔn)色差至少需要達(dá)到4.5:1的對(duì)比度。
5. 顏色的含義
顏色會(huì)吊起用戶不同的情感感受,通過(guò)了解顏色的心理,我們可以利用與目標(biāo)受眾產(chǎn)生共鳴的品牌顏色。
重要的是要了解您的受眾群體的差異,這些差異因?yàn)槲幕偷貐^(qū)而有所不同。例如,在西方文化中,白色通常與婚禮相關(guān)聯(lián),而在東南文化中,白色被視為哀悼的顏色。
我們可以留意到:許多公司在其品牌營(yíng)銷活動(dòng)中都使用色彩作為一種策略。許多快餐店的品牌都使用紅色和黃色,這是因?yàn)榧t色引發(fā)刺激,食欲,饑餓的效果,并引起人們的注意,而黃色則給人帶來(lái)幸福和友善的感覺(jué)。
6. 有限的顏色
通過(guò)限制在應(yīng)用程序中使用過(guò)多顏色,可以使應(yīng)用顏色區(qū)域中的內(nèi)容受到更多關(guān)注,例如界面中的文本,圖像以及按鈕等單個(gè)元素。
您會(huì)注意到,許多應(yīng)用,例如Instagram或Twitter,它們的界面往往非常簡(jiǎn)潔。它引導(dǎo)用戶將視覺(jué)焦點(diǎn)聚焦在內(nèi)容上。
7. 提供狀態(tài)信息
顏色的差異可以提供有關(guān)應(yīng)用程序狀態(tài),組件和元素的信息。
顏色是我們可以在界面中顯示狀態(tài)變化的一種方式。通過(guò)靜音按鈕的顏色,可以指示按鈕已禁用,或者通過(guò)將其突出顯示為紅色來(lái)表示錯(cuò)誤操作。我們還應(yīng)該在錯(cuò)誤顏色旁邊附加錯(cuò)誤消息和圖標(biāo),以確保清晰度并吸引色盲用戶。
8.一致性和上下文
界面中的顏色用法應(yīng)保持一致,因此即使上下文發(fā)生變化,顏色也能保持統(tǒng)一,避免對(duì)用戶造成混淆。
如果顏色信息在展示內(nèi)容和狀態(tài)上有沖突,例如在商標(biāo)中使用紅色的情況,則應(yīng)避免使用它來(lái)通知錯(cuò)誤狀態(tài)。我們可以使用其他顏色(例如黃色)來(lái)避免混淆。
9.60–30–10規(guī)則
60-30-10原則是室內(nèi)設(shè)計(jì)行業(yè)中的一個(gè)著名和永恒的裝飾原則。它非常簡(jiǎn)單和高效。這個(gè)原則可以用來(lái)找到配色方案中的正確平衡。
60%+30%+10%是所用顏色之間的比例:其中60%屬于主要顏色的比例;30%是次要顏色的范圍;10%是剩余部分的色彩比例。
在產(chǎn)品設(shè)計(jì)過(guò)程中,我們同樣可以遵循60-30-10的原則。其中:60%是主色,30%是輔助色,10%是強(qiáng)調(diào)色。
注:尊重原創(chuàng)文章,轉(zhuǎn)載請(qǐng)注明出處和鏈接 http://www.dedgn.cn/news-id-19679.html 違者必究!部分文章來(lái)源于網(wǎng)絡(luò)由培訓(xùn)無(wú)憂網(wǎng)編輯部人員整理發(fā)布,內(nèi)容真實(shí)性請(qǐng)自行核實(shí)或聯(lián)系我們,了解更多相關(guān)資訊請(qǐng)關(guān)注UI設(shè)計(jì)頻道查看更多,了解相關(guān)專業(yè)課程信息您可在線咨詢也可免費(fèi)申請(qǐng)?jiān)囌n。關(guān)注官方微信了解更多:150 3333 6050