網(wǎng)站建設(shè)-網(wǎng)頁(yè)設(shè)計(jì)師對(duì)網(wǎng)頁(yè)配色的把握

2024-02-18    分類: 網(wǎng)站建設(shè)

創(chuàng)新互聯(lián)今天來(lái)介紹一下網(wǎng)頁(yè)設(shè)計(jì)配色的顏色亮度如何把握,創(chuàng)造一個(gè)網(wǎng)站的過(guò)程中,色調(diào)和飽和度不一定是最重要的部分,顏色彼此之間如何相互作用,在我認(rèn)為是更為重要的。 “我不確定那是紅色。你能把紅色調(diào)的更‘正’一些嗎?我聽(tīng)說(shuō)紅色體現(xiàn)了一種信任感?!?網(wǎng)頁(yè)設(shè)計(jì)師們?cè)谒麄兊穆殬I(yè)生涯中無(wú)數(shù)次地聽(tīng)到這樣的評(píng)論,而且這也確實(shí)是很好的交流??蛻舨⒉唤?jīng)常這樣細(xì)致的對(duì)某個(gè)顏色做出評(píng)論。配色汪汪在一定程度上反映出個(gè)人的品味或者是他們?cè)谀承┪恼庐?dāng)中閱讀過(guò)有關(guān)“顏色含義”的內(nèi)容——比如說(shuō)紅色和茶色搭配在一起比紅色和鮮艷的橘色搭配在一起更加正式。但是,這些基本顏色是可以以不同的理解全是的,就像note on the Microsoft Office 網(wǎng)站談到的: 西方文化中與顏色相關(guān)的內(nèi)容

其實(shí)是顏色的組合使網(wǎng)頁(yè)配色變得非常困難。 一個(gè)很簡(jiǎn)單的方式就是使用這些在線應(yīng)用來(lái)為您實(shí)現(xiàn)想要的網(wǎng)站配色方案: HSL Color Schemer ColourLovers’ 網(wǎng)站s Adobe Kuler Color 網(wǎng)站 Generator 那該選用哪一種網(wǎng)站配色方案呢,或者說(shuō)某種搭配方式更加有價(jià)值?經(jīng)驗(yàn)而談,根據(jù)顏色的對(duì)比度/亮度來(lái)考慮色彩組合。 Color decisions need to consider contrast because contrast is key to usability. It’s also the most powerful visual information – before hue and saturation – and therefore best capable of guiding attention. Furthermore, it’s much more effective to counteract color deficiency confusion by testing for contrast, than trying to choose the “right” color hue.

換句話說(shuō),色相和飽和度對(duì)于配色來(lái)說(shuō)并不是最重要的部分。如果說(shuō)顏色之間的互相搭配不算比它重要的話,也至少和其一樣重要。 那是因?yàn)槿说囊曈X(jué)是首先查找邊緣的。在意識(shí)到真正的色彩之前,人眼最先發(fā)現(xiàn)的是顏色的對(duì)比度和亮度的區(qū)別。選擇最好的網(wǎng)站配色方案的一個(gè)很簡(jiǎn)單的方法就是給你的色彩搭配去個(gè)色,或者說(shuō)是降低飽和度,看看顏色之間的區(qū)分度:

這讓顏色搭配選擇變得更加簡(jiǎn)單。注意一下上面的圖片,“Not as effective”部分的文字看上去識(shí)別性要低于“Effective”的色彩搭配。 大多數(shù)情況下,我們要考慮色彩搭配打來(lái)的可讀性和可用性問(wèn)題。在很多確切的案例中,使用低對(duì)比度的色彩搭配更有利于讓用戶減緩他們閱讀內(nèi)容的速度。當(dāng)然,這種方案相對(duì)來(lái)說(shuō)也更難被客戶接受,因?yàn)樗麄兛雌饋?lái)有些奇怪。 讓我們?nèi)olourLovers找找#00EEff,下面是些隨機(jī)推薦的網(wǎng)站配色方案:

如果我們對(duì)以上方案進(jìn)行去色處理,我們將會(huì)對(duì)他們?nèi)绾蜗嗷ヂ?lián)系的有另外的理解:

上面的例子中,我們可以看到“Automan”方案的三種顏色有非常接近的亮度,使他們會(huì)產(chǎn)生些許的光學(xué)誤區(qū)?!癐sland Mist”的亮度問(wèn)題顯得更加嚴(yán)重。 當(dāng)然,因?yàn)橐粋€(gè)網(wǎng)站配色方案中僅僅有顏色層次對(duì)比的考慮,是不能夠成為好的顏色方案的。確實(shí)是這樣的,解決配色問(wèn)題的經(jīng)驗(yàn)給予可與和網(wǎng)頁(yè)設(shè)計(jì)師更多的參考。 每個(gè)人看待顏色都有一點(diǎn)點(diǎn)的不同,并且他們有自己的品味。隨著時(shí)間的推移和我越來(lái)越多的參與項(xiàng)目,客戶和網(wǎng)頁(yè)設(shè)計(jì)師們會(huì)尊重個(gè)人的品味,以此為依據(jù)提出他們的創(chuàng)意方案。有時(shí),獲取更多的基本數(shù)據(jù)將會(huì)對(duì)一個(gè)網(wǎng)頁(yè)設(shè)計(jì)師的決定很有幫助。也會(huì)為網(wǎng)頁(yè)設(shè)計(jì)師提供為什么是選擇“那種藍(lán)”提供合理的依據(jù)。 你是如何決定你的網(wǎng)站配色方案的呢?按照你的喜好來(lái),沒(méi)錯(cuò)了?

網(wǎng)頁(yè)題目:網(wǎng)站建設(shè)-網(wǎng)頁(yè)設(shè)計(jì)師對(duì)網(wǎng)頁(yè)配色的把握
文章網(wǎng)址:http://www.muchs.cn/news9/317659.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供搜索引擎優(yōu)化、移動(dòng)網(wǎng)站建設(shè)響應(yīng)式網(wǎng)站、面包屑導(dǎo)航、電子商務(wù)關(guān)鍵詞優(yōu)化

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源: 創(chuàng)新互聯(lián)

網(wǎng)站優(yōu)化排名