火星網(wǎng)校
UI設(shè)計(jì)師如何正確使用調(diào)色板
發(fā)布時(shí)間：2024-02-22 14:13:52 瀏覽量：215次
正確的使用調(diào)色板增強(qiáng)品牌知名度，并促進(jìn)銷售和潛在客戶。但是，由于有多種顏色可供選擇，因此創(chuàng)建一個(gè)和諧的調(diào)色板并將其成功地應(yīng)用到您的網(wǎng)站設(shè)計(jì)中將是一個(gè)很大的挑戰(zhàn)。今天胡老師就來和大家聊聊UI設(shè)計(jì)師如何正確使用調(diào)色板。
1.俯視可及性
關(guān)于設(shè)計(jì)中的可訪問性的討論越來越多。但是，許多設(shè)計(jì)師仍然沒有意識到，為色盲用戶或戴著處方眼鏡的人進(jìn)行設(shè)計(jì)與為沒有色盲用戶進(jìn)行設(shè)計(jì)一樣重要。全球2億視力障礙者中的許多人對某些顏色和對比度的敏感性下降。如果不能確保相鄰的兩種顏色之間沒有足夠的對比度，將很難看到人們?yōu)g覽您的界面。考慮在深色背景上放置淺色元素，以使所有內(nèi)容更清晰。
2.追趕潮流
嘗試通過實(shí)驗(yàn)來挑戰(zhàn)設(shè)計(jì)約定是很誘人的，但是將可用性作為事后考慮的前衛(wèi)顏色可能會(huì)導(dǎo)致混亂的界面，使用戶的工作比他們需要的多得多。同樣，為了遵循趨勢，這意味著當(dāng)該顏色趨勢過時(shí)時(shí)，您將不得不從頭開始。用戶已經(jīng)習(xí)慣了以某種方式表現(xiàn)的常見界面元素，因此與UI設(shè)計(jì)約定保持一致將減少用戶的認(rèn)知負(fù)擔(dān)，并允許他們直觀地導(dǎo)航界面。記住，流行趨勢是會(huì)不斷更新的!
3.努力與競品保持差異。
同樣，試圖偏離您所在行業(yè)中其他網(wǎng)站的行為也同樣有害。這主要是由于色彩心理學(xué)，即關(guān)于色彩如何影響人類情緒和行為的研究。如果您的服務(wù)需要用戶的大量信任(例如，在線銀行服務(wù))，則顏色心理決定您應(yīng)該選擇藍(lán)色--一種通常被認(rèn)為是權(quán)威，可靠和可信賴的顏色。當(dāng)大多競品將其基本顏色選擇為藍(lán)色時(shí)，選擇黃色或粉紅色可能意味著您失去了潛在客戶。嘗試使用一種感覺新鮮的顏色--不會(huì)太“泛濫”，人們不會(huì)立即意識到您的品牌產(chǎn)品是什么。
4.使用純黑色文字
您知道純黑與純白會(huì)引起眼睛疲勞嗎?很多UI設(shè)計(jì)人員也沒有，因此他們經(jīng)常選擇最黑的黑色，特別是對于文本，以嘗試通過高對比度實(shí)現(xiàn)良好的可讀性。色彩和諧意味著不會(huì)太少;對比，但也不要太多--意味著在使用任何色調(diào)的100%時(shí)都應(yīng)小心。UI設(shè)計(jì)師如何正確使用調(diào)色板https://www.aaa-cg.com.cn/ui/2813.html?hjx您應(yīng)避免在白色背景上使用純黑色文本的原因是，白色具有100%的顏色亮度，而黑色具有0%的顏色亮度。如此高的對比度會(huì)導(dǎo)致用戶在閱讀文本時(shí)看到的亮度差異。為了避免使用戶的眼睛不得不更努力地工作，請選擇深灰色。例如：#333333 #666666 #999999
。
看完此篇文章的小伙伴們您學(xué)會(huì)了嗎?如果想學(xué)習(xí)更多UI設(shè)計(jì)技能可以關(guān)注我，我之前也分享過很多UI設(shè)計(jì)的小技巧《UI設(shè)計(jì)是什么要學(xué)習(xí)哪些軟件》、《UI設(shè)計(jì)中如何做響應(yīng)式設(shè)計(jì)與自適應(yīng)設(shè)計(jì)》等，希望您持續(xù)關(guān)注。
相關(guān)推薦：
熱門課程推薦
熱門資訊
-
1. iPhone6的UI設(shè)計(jì)尺寸規(guī)范，原來如此重要！
想要了解iPhone6界面設(shè)計(jì)的尺寸規(guī)范嗎？這里為您詳細(xì)介紹iPhone6的UI設(shè)計(jì)尺寸規(guī)范，包括界面尺寸、圖標(biāo)尺寸、可點(diǎn)擊高度規(guī)范、搜索欄高度規(guī)范以及界面元素之間的距離規(guī)范。
-
2. 12個(gè)絕佳的UI設(shè)計(jì)網(wǎng)站，助力你的創(chuàng)作之旅!
將為大家介紹12個(gè)絕佳的UI設(shè)計(jì)網(wǎng)站,這些網(wǎng)站不僅可以為你提供靈感,還可以幫助你學(xué)習(xí)新的技巧,助力你的創(chuàng)意之旅!dribbbleDribbble 是一個(gè)面向設(shè)計(jì)師的...
-
3. 移動(dòng)端UI設(shè)計(jì)中常見的5種APP界面類型，你get到了嗎？
通過介紹移動(dòng)端UI設(shè)計(jì)中的閃屏頁、引導(dǎo)頁、浮層引導(dǎo)頁、空白頁和首頁等5種APP界面類型，幫助大家更好地了解UI設(shè)計(jì)的基本知識
-
4. 10個(gè)免費(fèi)學(xué)習(xí)UI設(shè)計(jì)的網(wǎng)站 提升你的設(shè)計(jì)能力
怎樣可以提升你的UI設(shè)計(jì)能力!第一個(gè):站酷站酷想必是設(shè)計(jì)師都知道的一個(gè)網(wǎng)站,里面不止有UI設(shè)計(jì)的資源,還有其他設(shè)計(jì)的,不如:平面設(shè)計(jì)、網(wǎng)頁設(shè)計(jì)、字體...
-
5. 移動(dòng)端列表頁和表單頁設(shè)計(jì)秘訣:讓你的APP點(diǎn)擊率翻倍
在移動(dòng)端設(shè)計(jì)中,列表頁和表單頁是不可或缺的部分。一個(gè)好的列表頁和表單頁設(shè)計(jì)能夠讓用戶輕松地獲取信息并產(chǎn)生點(diǎn)擊欲望,從而提高點(diǎn)擊率。本文將為你...
-
6. 推薦10本適合UI設(shè)計(jì)師看的書籍，輕松掌握技能!
對于想要提高自己的設(shè)計(jì)能力和創(chuàng)造力的小白和UI設(shè)計(jì)師來說,這本書是一個(gè)很好的選擇。4.《設(shè)計(jì)的覺醒》(IKKO TANAKA)推薦理由: 這本書是日本現(xiàn)代平面...
-
7. 零基礎(chǔ)學(xué)UI設(shè)計(jì)要多久？培訓(xùn)完能拿多少工資？
探索零基礎(chǔ)UI設(shè)計(jì)培訓(xùn)的時(shí)長與薪資前景。了解數(shù)字藝術(shù)教育領(lǐng)域的專業(yè)課程，以及培訓(xùn)后的職業(yè)發(fā)展機(jī)會(huì)。
-
8. 物聯(lián)網(wǎng)APP UI設(shè)計(jì):創(chuàng)造智能硬件領(lǐng)域的沉浸式體驗(yàn)
ui設(shè)計(jì)應(yīng)該讓用戶一目了然,能夠快速找到所需的信息和功能。在設(shè)計(jì)過程中,應(yīng)盡量使用簡潔的圖標(biāo)、文字和色彩,避免過多的視覺干擾。符合用戶習(xí)慣:ui設(shè)...
-
9. 武漢UI設(shè)計(jì)培訓(xùn)班費(fèi)用怎么樣？想學(xué)UI設(shè)計(jì)要多少錢？
想了解武漢UI設(shè)計(jì)培訓(xùn)班的費(fèi)用是多少嗎？不知道學(xué)UI設(shè)計(jì)要花多少錢？不妨看看這篇文章，了解UI設(shè)計(jì)培訓(xùn)班的學(xué)費(fèi)價(jià)格以及學(xué)習(xí)內(nèi)容。
-
10. 設(shè)計(jì)中的色彩心理學(xué):淺析中西方色彩的歷史演變與設(shè)計(jì)應(yīng)用
摘要:本文探討了色彩的歷史演變和設(shè)計(jì)應(yīng)用。通過對色彩在早期文明社會(huì)中的實(shí)用運(yùn)用、不同文化背景下色彩觀念的差異、色彩在設(shè)計(jì)中的重要性以及新興技...
最新文章
