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