色彩搭配在任何
網(wǎng)站設(shè)計(jì)的成功中起著重要的作用,合適的色彩搭配確保了
網(wǎng)站設(shè)計(jì)高質(zhì)量的用戶體驗(yàn),及網(wǎng)頁更容易的可讀性,這將有助于網(wǎng)站的長期成功。相比之下,色彩搭配一般的網(wǎng)站,可能很難閱讀和使用,這將對任何網(wǎng)站的成功產(chǎn)生負(fù)面影響。合理搭配色彩是提升網(wǎng)站設(shè)計(jì)視覺效果的第一步顏色對比度差的問題通常很容易識(shí)別。通常,您只需在Web瀏覽器中查看頁面,就可以查看文本是否因?yàn)閷Ρ榷容^差的顏色選擇而難以閱讀。
雖然可能很容易確定哪些顏色不能很好地結(jié)合在一起,但事實(shí)證明,要確定哪種顏色與其他顏色相比,以及在
網(wǎng)站設(shè)計(jì)中的效果會(huì)更好,這是一項(xiàng)具有挑戰(zhàn)性的工作。這個(gè)圖表顯示了各種顏色,以及它們?nèi)绾魏芎玫刈鳛榍熬昂捅尘邦伾M(jìn)行對比。您可以看到一些有效的配對,以及在為站點(diǎn)項(xiàng)目選擇顏色時(shí)應(yīng)避免的糟糕配對。
不是所有強(qiáng)烈的對比都是好的對比
在圖表中你應(yīng)該注意的一點(diǎn)是,這些顏色中的一些可能非常明亮,并且在特定的背景顏色(如黑色上的藍(lán)色)上顯示得很活躍,但它們被標(biāo)記為對比度較差的選擇。這是因?yàn)轭伾M合(盡管有對比度)仍然導(dǎo)致難以閱讀的文本。如果你要在黑色背景上創(chuàng)建一個(gè)藍(lán)色文本的頁面,你的讀者將很快體驗(yàn)到眼睛疲勞。存在用于對比的規(guī)則和好實(shí)踐,但作為網(wǎng)站設(shè)計(jì)人員,您必須始終對這些規(guī)則進(jìn)行求值,以確保它們在特定實(shí)例中有效。
品牌標(biāo)準(zhǔn)和對比顏色搭配選擇
對比度只是在為
網(wǎng)站設(shè)計(jì)選擇顏色時(shí)要考慮的因素之一。在選擇顏色時(shí),您可能還必須注意客戶的品牌標(biāo)準(zhǔn),無論是公司、其他組織,甚至是個(gè)人。雖然調(diào)色板可能與組織的品牌指導(dǎo)方針一致,但對于在線演示來說,它們可能不能很好地翻譯。例如,黃色和明亮的綠色是極具挑戰(zhàn)性的網(wǎng)站上有效使用。如果這些顏色是在一個(gè)公司的品牌指導(dǎo)方針,他們可能需要使用的重點(diǎn)顏色只,因?yàn)楹茈y找到顏色,以形成良好的對比。
同樣,如果你的品牌顏色是黑色和白色,這意味著很大的對比度,但如果你有一個(gè)長文本的網(wǎng)站,黑色背景與白色文本將使閱讀非常緊張的經(jīng)驗(yàn),盡管黑和白色之間的對比度固有的力量。在這種情況下,建議在白色背景上使用黑色文本來反轉(zhuǎn)顏色。這在視覺上可能不那么有趣,但這是一個(gè)更好的對比度和可讀性選擇。
善于并合理使用在線配色工具
除了你自己的設(shè)計(jì)理念,還有一些在線工具,你可以用來測試你的網(wǎng)站的顏色選擇。在這方面國外的一些網(wǎng)站做的相對較好,我們不妨推薦幾個(gè)如下。CheckMyColors.com將測試站點(diǎn)的所有顏色,并報(bào)告頁面上元素之間的對比度。此外,在考慮顏色選擇時(shí),您還應(yīng)該考慮網(wǎng)站的可訪問性和有色盲癥的人。WebAIM.org和ContrastChecker.com都可以提供幫助,ContrastChecker.com將根據(jù)Web內(nèi)容可訪問性指南測試您的選擇。
當(dāng)前題目:合理搭配色彩是提升網(wǎng)站設(shè)計(jì)視覺效果的第一步
文章出自:http://m.rwnh.cn/news32/144332.html
網(wǎng)站建設(shè)、網(wǎng)絡(luò)推廣公司-創(chuàng)新互聯(lián),是專注品牌與效果的網(wǎng)站制作,網(wǎng)絡(luò)營銷seo公司;服務(wù)項(xiàng)目有網(wǎng)站設(shè)計(jì)等
廣告
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源:
創(chuàng)新互聯(lián)