成人黄色在线网站 I 国产aa免费 I 中文字幕免费高清 I 国产三级影院 I 日韩欧美三级在线观看 I 久久久国产精品麻豆a片 I 欧美与黑人午夜性猛交久久久 I 91国产精品视频在线 I 国产美女狂喷水潮在线播放 I 黄页免费网站在线观看 I 欧美日韩激情视频 I 午夜理论无码片在线观看免费 I 深夜爽爽动态图无遮无挡 I 国精产品一区一区三区有限公司杨 I 天天操天天舔天天爽 I 免费看日本黄色片 I 成人va在线 I 日韩中文字幕在线观看 I 婷婷综合网 I 97视频免费观察看 I 色月丁香 I 日韩视频一二三 I 男女黄色毛片 I 美女疯狂连续喷潮视频 I 亚洲日本va一区二区sa I 欧美日韩视频区 I 毛片网在线 I 欧美一本在线 I 少妇一级淫片免费放香蕉 I avav在线看 I 久久精品亚洲中文字幕无码网站 I 天堂av在线中文在线新版 I 电影一区 电影二区 I 色av吧 中文字幕 I 国产精品伊人色

歡迎來到培訓(xùn)無憂網(wǎng)!

全國切換

咨詢熱線 400-001-5729

位置:培訓(xùn)無憂網(wǎng) > 新聞資訊 > 電腦/IT > UI設(shè)計 >  UI設(shè)計學(xué)習(xí)顏色使用的原則

UI設(shè)計學(xué)習(xí)顏色使用的原則

來源:培訓(xùn)無憂網(wǎng) 發(fā)布人:云朵

2022-02-06 09:49:15|已瀏覽:132次

UI設(shè)計學(xué)習(xí)顏色使用的原則

1. 顏色術(shù)語

      顏色術(shù)語構(gòu)成了我們顏色知識的基礎(chǔ)。將諸如色相(hue),色調(diào)(tint)和陰影(shade)之類的顏色術(shù)語視為我們可以用來開發(fā)獨特調(diào)色板的工具。

2. 層次結(jié)構(gòu)

      當(dāng)某個元素的外觀與其周圍環(huán)境形成對比時,表明該元素具有更高的重要性。我們可以使用顏色和顏色權(quán)重建立層次結(jié)構(gòu)。

      通過使用色彩,我們可以為元素分配不同的重要性級別。

      如果一個元素比另一個元素更重要,則它應(yīng)該具有更高的視覺重量。這使用戶易于快速瀏覽頁面并區(qū)分重要和次要信息。

      更加醒目,富有重量感的信息內(nèi)容可以快速吸引用戶的注意力,我們可以運用這種視覺規(guī)律引導(dǎo)用戶視線,并促使用戶繼續(xù)瀏覽其下方的支持信息。

3. 富有表現(xiàn)力

      在設(shè)計產(chǎn)品界面的時候,別忘記融入標(biāo)志性的品牌色彩,以增強(qiáng)用戶心中的品牌印象。

4. 包容性

      設(shè)計產(chǎn)品類似于在圖書館或?qū)W校之類的公共建筑中建造建筑-它必須包含所有人。因此,產(chǎn)品的包容性也是需要考慮的重要要素。

      Web內(nèi)容可訪問性指南(WCAG)提出了一些建議,以確保運動,聽覺和認(rèn)知障礙人士可以無障礙訪問界面中的顏色。舉個例子,文字標(biāo)準(zhǔn)色差至少需要達(dá)到4.5:1的對比度。

5. 顏色的含義

      顏色會吊起用戶不同的情感感受,通過了解顏色的心理,我們可以利用與目標(biāo)受眾產(chǎn)生共鳴的品牌顏色。

      重要的是要了解您的受眾群體的差異,這些差異因為文化和地區(qū)而有所不同。例如,在西方文化中,白色通常與婚禮相關(guān)聯(lián),而在東南文化中,白色被視為哀悼的顏色。

      我們可以留意到:許多公司在其品牌營銷活動中都使用色彩作為一種策略。許多快餐店的品牌都使用紅色和黃色,這是因為紅色引發(fā)刺激,食欲,饑餓的效果,并引起人們的注意,而黃色則給人帶來幸福和友善的感覺。

6. 有限的顏色

      通過限制在應(yīng)用程序中使用過多顏色,可以使應(yīng)用顏色區(qū)域中的內(nèi)容受到更多關(guān)注,例如界面中的文本,圖像以及按鈕等單個元素。

      您會注意到,許多應(yīng)用,例如Instagram或Twitter,它們的界面往往非常簡潔。它引導(dǎo)用戶將視覺焦點聚焦在內(nèi)容上。

7. 提供狀態(tài)信息

      顏色的差異可以提供有關(guān)應(yīng)用程序狀態(tài),組件和元素的信息。

      顏色是我們可以在界面中顯示狀態(tài)變化的一種方式。通過靜音按鈕的顏色,可以指示按鈕已禁用,或者通過將其突出顯示為紅色來表示錯誤操作。我們還應(yīng)該在錯誤顏色旁邊附加錯誤消息和圖標(biāo),以確保清晰度并吸引色盲用戶。

8.一致性和上下文

      界面中的顏色用法應(yīng)保持一致,因此即使上下文發(fā)生變化,顏色也能保持統(tǒng)一,避免對用戶造成混淆。

      如果顏色信息在展示內(nèi)容和狀態(tài)上有沖突,例如在商標(biāo)中使用紅色的情況,則應(yīng)避免使用它來通知錯誤狀態(tài)。我們可以使用其他顏色(例如黃色)來避免混淆。

9.60–30–10規(guī)則

      60-30-10原則是室內(nèi)設(shè)計行業(yè)中的一個著名和永恒的裝飾原則。它非常簡單和高效。這個原則可以用來找到配色方案中的正確平衡。

      60%+30%+10%是所用顏色之間的比例:其中60%屬于主要顏色的比例;30%是次要顏色的范圍;10%是剩余部分的色彩比例。

      在產(chǎn)品設(shè)計過程中,我們同樣可以遵循60-30-10的原則。其中:60%是主色,30%是輔助色,10%是強(qiáng)調(diào)色。

      注:尊重原創(chuàng)文章,轉(zhuǎn)載請注明出處和鏈接 http://m.hebeijilong.cn/news-id-19679.html 違者必究!部分文章來源于網(wǎng)絡(luò)由培訓(xùn)無憂網(wǎng)編輯部人員整理發(fā)布,內(nèi)容真實性請自行核實或聯(lián)系我們,了解更多相關(guān)資訊請關(guān)注UI設(shè)計頻道查看更多,了解相關(guān)專業(yè)課程信息您可在線咨詢也可免費申請試課。關(guān)注官方微信了解更多:150 3333 6050

留下你的信息,課程顧問老師會一對一幫助你規(guī)劃更適合你的專業(yè)課程!
  • 姓名:

  • 手機(jī):

  • 地區(qū):

  • 想學(xué)什么:

  • 培訓(xùn)無憂網(wǎng)
免 費 申 請 試 聽
提交申請,《培訓(xùn)無憂網(wǎng)》課程顧問老師會一對一幫助你規(guī)劃更適合你的專業(yè)課程!