400-611-9921
2018-05-14
5622
如果沒有其他的事情,2017年已經(jīng)成為網(wǎng)站設(shè)計(jì)色彩的一年。顏色趨勢主導(dǎo)了關(guān)于設(shè)計(jì)的討論,作為景觀的一大部分,更明亮,更大膽的色調(diào)。
有一種新的色彩趨勢,將許多明亮的選項(xiàng)結(jié)合到您可能期望的更大的調(diào)色板中 - 彩虹色圖案。沒錯(cuò),更多的設(shè)計(jì)師正在采用多種顏色進(jìn)行變革,并將漸變色彩融入設(shè)計(jì)項(xiàng)目中。而且非常酷!
以下是關(guān)于如何使用鮮艷顏色的趨勢和一些想法。
用于訂婚的彩虹動(dòng)畫
幾乎自Spotify出現(xiàn)以來,它一直在塑造設(shè)計(jì)趨勢并推動(dòng)酷炫設(shè)計(jì)的外觀。音樂網(wǎng)站不斷更新和改變其設(shè)計(jì),并使用微型網(wǎng)站來突出特定的流派和藝術(shù)家。
倫敦語法Moodmix網(wǎng)站設(shè)計(jì)使用彈跳色塊來吸引用戶注意力。動(dòng)畫很有趣,讓你幾乎想要觸及它并觸摸它。這就是這個(gè)彩虹色動(dòng)畫的目標(biāo)。請注意,行動(dòng)號(hào)召正確處于所有顏色的中間。
結(jié)果是一個(gè)簡單的設(shè)計(jì),帶有一個(gè)有趣的動(dòng)畫,引導(dǎo)用戶進(jìn)入設(shè)計(jì)目標(biāo)。動(dòng)畫由于運(yùn)動(dòng)而具有很多顏色。這個(gè)斑點(diǎn)不會(huì)像單一顏色一樣有趣。
顏色與Vs. 黑暗
由于對比度的擔(dān)憂,彩虹顏色可能很難使用。在黑暗的背景下放置明亮的彩虹風(fēng)格色彩可以解決大部分這些問題。
明亮的顏色幾乎會(huì)跳出黑暗的背景。
網(wǎng)站設(shè)計(jì)和開發(fā)的另一個(gè)著名品牌Github今年正在使用彩虹色來推廣其會(huì)議。簡單的網(wǎng)站使用有趣的彩虹風(fēng)格徽標(biāo)和號(hào)召性用途按鈕進(jìn)行門票銷售。這種設(shè)計(jì)與其他許多彩虹美學(xué)的不同之處在于,設(shè)計(jì)非常平坦,沒有顏色漸變的使用?;諛?biāo)中的每一行都與字母顏色不同。漸變僅用于CTA按鈕。
Savee在另一個(gè)方向以黑色背景上的彩虹色彩,使用大量高彩色圖像創(chuàng)建具有彩虹感的鑲嵌圖案。雖然彩虹色的大多數(shù)用途提供從紅色到黃色到綠色到藍(lán)色的漸變,但情況并非總是如此。彩虹調(diào)色板可以是廣泛使用色調(diào)的任何東西。
微妙的顏色
有時(shí)彩虹風(fēng)格的最佳用途不會(huì)從屏幕上跳下來。Southwest在背景中使用帶有彩虹色的微妙調(diào)色板。
這個(gè)有趣的選擇幾乎可以消除當(dāng)年的其他顏色趨勢,結(jié)果令人耳目一新。你看這個(gè)設(shè)計(jì)的原因幾乎是因?yàn)樗c現(xiàn)在的許多其他網(wǎng)站設(shè)計(jì)截然不同。
即使使用更柔和的彩虹調(diào)色板,也要強(qiáng)調(diào)背景和前景元素之間的對比,以確保每個(gè)元素都易于查看和閱讀。這是彩虹風(fēng)格設(shè)計(jì)中最常見的問題 - 沒有足夠的對比度和具有挑戰(zhàn)性的可讀性。
彩虹標(biāo)志
考慮使用彩虹顏色作為簡單的標(biāo)志。這可能是彩虹色最難使用的,但可以產(chǎn)生驚人的效果。
這是具有挑戰(zhàn)性的,因?yàn)樗械牡胤?- 和方式 - 可能會(huì)使用徽標(biāo)。選擇彩虹色可能對于在許多應(yīng)用中不使用該標(biāo)志的小品牌最適合。你肯定會(huì)想要一個(gè)輔助選項(xiàng),以及許多顏色不起作用的情況。
理查德加茲迪克為他的投資組合使用了彩虹標(biāo)志 - 以及隨后的導(dǎo)航。由于他的首字母--RGB - 以及與所選顏色的關(guān)系,它幾乎完美地工作。不是每個(gè)人都會(huì)得到這個(gè)幸運(yùn)的,但它顯示了一個(gè)簡單的設(shè)計(jì)大綱中高色標(biāo)識(shí)如何有效。
作為焦點(diǎn)的顏色
彩虹的顏色可以吸引用戶成為一個(gè)有強(qiáng)烈第一印象的設(shè)計(jì)。
但是彩虹色和彩虹色之間有一條細(xì)線可以讓用戶離開。還記得20世紀(jì)90年代末和21世紀(jì)初的一些網(wǎng)站設(shè)計(jì),當(dāng)時(shí)幾乎每個(gè)網(wǎng)站都有鮮艷的顏色到處閃爍(和閃爍)?這種彩虹色處理可能會(huì)造成災(zāi)難性后果,并將用戶帶走。
朗斯代爾做了與彩虹液體循環(huán)視頻相反,這是令人著迷的觀看。運(yùn)動(dòng)和顏色變化大膽,讓你想要觀看。彩虹背景被白色類型和導(dǎo)航元素所抵消,以驅(qū)動(dòng)用戶穿過設(shè)計(jì)的其余部分,該設(shè)計(jì)堅(jiān)持以白色背景上的圖像進(jìn)行著色。
顏色代碼在整個(gè)設(shè)計(jì)中采用了另一種具有鮮艷顏色的方法。顏色用于將視覺焦點(diǎn)拉到屏幕上的產(chǎn)品 - 顯示應(yīng)用程序的手機(jī)和手表。
創(chuàng)建一個(gè)參與背景
彩虹斑點(diǎn)幾乎可以成為他們自己的色彩趨勢 - 液體動(dòng)畫,墨跡風(fēng)格,移動(dòng)的彩色氣泡。作為背景元素,彩虹色可以幫助為項(xiàng)目設(shè)定基調(diào),并推動(dòng)用戶參與。(只要想想你比單一的米色背景更能吸引你的注意力。)
盡管這些背景元素中的很多都確實(shí)以動(dòng)畫或視頻的形式進(jìn)行了一些移動(dòng),但他們不必這樣做。具有彩虹背景的網(wǎng)站中常見的是,它們通常包含在主頁或滾動(dòng)上方的設(shè)計(jì)中,而網(wǎng)站的其他部分則不那么繁忙。
談到參與,這是一個(gè)很棒的技巧。用戶可以立即聯(lián)系到內(nèi)容,并將內(nèi)容導(dǎo)向更深入的內(nèi)容。
更多漸變技術(shù)
彩虹色可以是今年另一種色彩趨勢的延伸 - 漸變的回歸。
嘗試使用彩虹感覺的漸變疊加。進(jìn)行從紅色到藍(lán)色的全面色彩轉(zhuǎn)換,例如SpicyWeb,或者尋找更為時(shí)髦的顏色,例如Talkd。
無論哪種方式,使用漸變可以是一種有趣的方式來添加顏色而不會(huì)感到壓倒性。它適用于全屏或更小的元素。漸變還可以幫助您將品牌顏色合并到彩虹風(fēng)格的配色方案中,而無需重新設(shè)計(jì)全面的網(wǎng)站。
突出顯示不同的東西
使用彩虹色趨勢突出顯示設(shè)計(jì)中不同尋?;虿煌臇|西。由于彩虹的顏色非常引人注目,它們可以幫助用戶使用非傳統(tǒng)的用戶模式,將視線吸引到某些內(nèi)容或部分屏幕上,或者幫助創(chuàng)建點(diǎn)擊和轉(zhuǎn)換。
Jony Guedj使用顏色進(jìn)行導(dǎo)航。菜單元素不是以通常的方式組成,位于屏幕底部,只能使用滾動(dòng)操作來顯示不同的視頻剪輯。雖然這種類型的設(shè)計(jì)通常不會(huì)被建議,但它在這里起作用。彩虹色吸引用戶與他們互動(dòng),并幫助人們了解如何使用該網(wǎng)站。
結(jié)論
彩虹的顏色趨勢很有趣。
如果顏色恐嚇你一點(diǎn),使用它可能會(huì)很有挑戰(zhàn)性。但從一個(gè)彩虹色元素開始小看它是如何工作的。大多數(shù)設(shè)計(jì)師不會(huì)將整個(gè)網(wǎng)站轉(zhuǎn)換為彩虹設(shè)計(jì); 他們使用彩虹色來創(chuàng)造吸引用戶的有效視覺效果。這可能是趨勢出現(xiàn)的原因。
本文來自廣州品牌網(wǎng)站建設(shè)網(wǎng)站設(shè)計(jì)制作公司-縱天科技
標(biāo)簽:公司網(wǎng)站制作,廣州建設(shè)網(wǎng)站,官網(wǎng)建設(shè),網(wǎng)頁制作公司,建網(wǎng)站公司,企業(yè)建站,廣州網(wǎng)站建設(shè)公司,廣州網(wǎng)頁設(shè)計(jì)公司,廣州網(wǎng)站設(shè)計(jì)公司,廣州企業(yè)網(wǎng)站建設(shè)
400-611-9921
020-29860991
地址1:廣州市天河區(qū)珠江新城邦華環(huán)球廣場16F
業(yè)務(wù) QQ: 3561401262
E-mail: sales@zomsky.com