網(wǎng)站建設(shè)中如何使用顏色?

2023-04-14    分類: 網(wǎng)站建設(shè)

幾年前,有一個(gè)大膽背景的巨大趨勢(shì)。我今天仍然看到這樣的例子。在一個(gè)好的設(shè)計(jì)中,豐富多彩和強(qiáng)大的背景可以是一個(gè)很好的舉動(dòng),以引起特定部分的興趣。無(wú)論您對(duì)趨勢(shì)的看法是什么,我們都同意,如果做得好,良好的背景顏色可以幫助一個(gè)部分脫穎而出。

讓我們從Root Studio開(kāi)始,設(shè)計(jì)如何使用黃色背景突出顯示有關(guān)切斯特動(dòng)物園的案例研究。黃色背景有助于為案例研究設(shè)定基調(diào)。除了簡(jiǎn)約的設(shè)計(jì)風(fēng)格,背景顏色是一個(gè)重要的設(shè)計(jì)元素。并非所有的案例研究都使用鮮明的色彩,如切斯特動(dòng)物園的黃色,這沒(méi)關(guān)系 - 你不必使用充滿活力的色調(diào)來(lái)突出一些東西。如果案例研究部分也不簡(jiǎn)約,那么這種設(shè)計(jì)就不會(huì)那么好用。



接下來(lái),是Mambo Mambo,它使用顏色來(lái)突出投資組合的不同部分。有些部分是霓虹黃色,深藍(lán)色甚至黑色。在屏幕截圖中,您可以看到霓虹黃色搭配綠色,藍(lán)色黑色和膚色; 他們和睦相處。
在整個(gè)頁(yè)面中,背景顏色有助于使這些部分獨(dú)特而有趣。這也是該機(jī)構(gòu)的良好品牌。


創(chuàng)造利益爆發(fā)并增加個(gè)性
有時(shí),顏色專門用于增加設(shè)計(jì)的興趣。大而大膽的顏色并不總是必須在設(shè)計(jì)的前面和中心,以便有效地使用顏色。

例如,Designmodo自己的Qards登陸頁(yè)面使用各種小顏色突發(fā)。它使登陸頁(yè)面看起來(lái)更加愉快,并且沒(méi)有明亮的紅色背景或其他任何可能被認(rèn)為是頂部的東西。只要它是戰(zhàn)略性的,使用顏色突發(fā)可以是一個(gè)很好的工具。


作出聲明
其他時(shí)候,顏色可用于做出大膽的陳述。讓我們從優(yōu)步手語(yǔ)登陸頁(yè)面開(kāi)始。橙色漸變背景絕對(duì)引起您的注意。這是一個(gè)很好的設(shè)計(jì)策略,因?yàn)轫?yè)面的目的是教人們依賴視覺(jué)線索的基本手語(yǔ)。


接下來(lái),是Kickpush設(shè)計(jì)工作室的組合。當(dāng)你閱讀副本時(shí),請(qǐng)注意他們有不同的個(gè)性。Kickpush想表明他們是不同的,選擇的配色方案有助于做到這一點(diǎn)。這是有目的的,并做出快速的視覺(jué)陳述。
這也是我們稍后討論的品牌推廣的一個(gè)很好的例子。


講一個(gè)更好的故事
顏色是幫助講述故事的重要資產(chǎn)。一個(gè)很好的例子是Bloom的主頁(yè)。它們?cè)谡麄€(gè)設(shè)計(jì)中使用相同的幾乎電藍(lán)色。與其他視覺(jué)元素一起,藍(lán)色用于幫助用戶從頁(yè)眉滾動(dòng)到頁(yè)腳。如果所有不同的部分在此流程中具有不同的主色,那么講故事就會(huì)被打破。


我可以說(shuō)Adobe的Marketing Cloud登陸頁(yè)面完全相同。這是一個(gè)包含大部分的大頁(yè)面。每個(gè)部分都有自己的配色方案。顏色從頂部的淺藍(lán)色到消防車紅色到深紫色不同。它不僅僅是純色的UI顏色; 攝影也適用于每種顏色。
因?yàn)檫@是一個(gè)很長(zhǎng)的頁(yè)面,顏色有助于講述每個(gè)部分的故事。


改善產(chǎn)品或公司的品牌
我最后保存了我最喜歡的顏色。我很喜歡顏色在品牌推廣中的批判性使用。我不僅僅意味著像Kickpush或Bloom那樣的一種色調(diào)或顏色。

我們中的許多人都遵循Asana的重新設(shè)計(jì),在那里他們實(shí)施了各種顏色漸變作為其新身份的一部分。在網(wǎng)站的某些部分,顏色被大量使用,而在其他部分則沒(méi)有那么多; 這是一個(gè)平衡。顏色充滿活力,與眾不同。顏色也可以很好地協(xié)同工作?,F(xiàn)在,Asana的最新品牌充滿活力,色彩繽紛。Asana現(xiàn)在是亮粉色,橙色和紫色。顏色策略似乎是Asana品牌定位的關(guān)鍵。


對(duì)于Stripe來(lái)說(shuō)也是如此,這可能是這種顏色使用的一個(gè)大趨勢(shì)。它們使用相鄰顏色之間的漸變,如藍(lán)色和綠色。品牌大多是藍(lán)色的,但設(shè)計(jì)并不害羞,包括綠色,粉色,紫色或橙色。顏色選擇協(xié)同工作,為Stripe打造有影響力的品牌。



最后一個(gè)例子是Goulburn Valley的網(wǎng)站。他們的品牌使用略微不尋常的顏色。然而,設(shè)計(jì)非常好。

在所有攝影中,著陸頁(yè)使用與屏幕截圖中相同的品牌顏色。綠色帶有淡淡的橙色。很高興看到顏色不僅僅對(duì)UI元素很重要。由于照片中的顏色協(xié)調(diào),整個(gè)登陸頁(yè)面流動(dòng)良好。


結(jié)論
我們正在網(wǎng)站上看到更多戰(zhàn)略性地使用顏色,無(wú)論是創(chuàng)建像Asana這樣的更好的品牌,還是用鮮紅色的背景做出大膽的聲明,以確保人們意識(shí)到你和Kickpush不同。
重要的是,顏色有助于實(shí)現(xiàn)個(gè)性,尤其是品牌識(shí)別。隨著設(shè)計(jì)師的成長(zhǎng),即使網(wǎng)頁(yè)設(shè)計(jì)趨勢(shì)發(fā)生變化,網(wǎng)頁(yè)設(shè)計(jì)中的色彩使用也會(huì)越來(lái)越好。

當(dāng)前標(biāo)題:網(wǎng)站建設(shè)中如何使用顏色?
URL鏈接:http://muchs.cn/news49/254399.html

網(wǎng)站建設(shè)、網(wǎng)絡(luò)推廣公司-創(chuàng)新互聯(lián),是專注品牌與效果的網(wǎng)站制作,網(wǎng)絡(luò)營(yíng)銷seo公司;服務(wù)項(xiàng)目有網(wǎng)站建設(shè)

廣告

聲明:本網(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)

綿陽(yáng)服務(wù)器托管