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

2023-04-14    分類(lèi)： 網(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í)，顏色專門(mén)用于增加設(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)色到消防車(chē)紅色到深紫色不同。它不僅僅是純色的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)越好。

網(wǎng)頁(yè)標(biāo)題：網(wǎng)站建設(shè)中如何使用顏色？
分享地址：http://www.bm7419.com/news/254399.html

網(wǎng)站建設(shè)、網(wǎng)絡(luò)推廣公司-創(chuàng)新互聯(lián)，是專注品牌與效果的網(wǎng)站制作，網(wǎng)絡(luò)營(yíng)銷(xiāo)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)

成都app開(kāi)發(fā)公司