成都網(wǎng)站設(shè)計(jì),如何巧妙使用粗體顏色

2022-07-14    分類: 網(wǎng)站設(shè)計(jì)

成都網(wǎng)站設(shè)計(jì),如何將個(gè)性和活潑的風(fēng)格帶入項(xiàng)目,同時(shí)保持平衡感和可訪問(wèn)性,使網(wǎng)站易于使用?


1.創(chuàng)造正確的感覺(jué)


顏色可以創(chuàng)造一種直接的感覺(jué),并以許多其他設(shè)計(jì)元素?zé)o法做到的方式將您的網(wǎng)站或品牌與用戶聯(lián)系起來(lái)。明亮和大膽的顏色選擇告訴用戶情緒是黑暗、光明還是充滿活力。


大膽的顏色還可以在您的面前發(fā)表聲明,應(yīng)該引起對(duì)設(shè)計(jì)的關(guān)注并幫助用戶參與。


一段時(shí)間以來(lái),源自Material Design 調(diào)色板的顏色一直是明亮、時(shí)尚的選擇。色調(diào)充滿活力,以您可能意想不到的方式發(fā)揮作用。


您可以在上面的示例中看到這一點(diǎn),該示例使用了您可能不期望的廣泛顏色調(diào)色板,但它們可以和諧地協(xié)同工作。


2.突出一個(gè)非傳統(tǒng)元素


大膽的顏色選擇可以將注意力集中在網(wǎng)站設(shè)計(jì)的某個(gè)方面。當(dāng)您可以使用此技術(shù)更好地理解非傳統(tǒng)設(shè)計(jì)元素時(shí),此技術(shù)非常有效。


上面 Avantt 字體的網(wǎng)站使用了一個(gè)側(cè)面導(dǎo)航元素,如果不是因?yàn)槠聊荒遣糠值难蠹t色背景,這個(gè)元素會(huì)被隱藏起來(lái)。大膽的顏色將注意力引向字體名稱和導(dǎo)航元素。


大膽的顏色實(shí)際上是一種可用性工具。


3.突出你是誰(shuí)


大膽的顏色可以作為網(wǎng)站設(shè)計(jì)中的條帶元素。


上面的霓虹燈顏色選擇是一個(gè)很好的例子,因?yàn)樗鳛橐环N視覺(jué)干擾器——具有有趣和不尋常的顏色選擇——將頂角的標(biāo)志與公司名稱聯(lián)系起來(lái)。


當(dāng)設(shè)計(jì)的其余部分色彩較少時(shí),品牌元素的大膽顏色選擇往往效果,通常背景大多為深色或淺色。


4.創(chuàng)建文本元素哇


在另一個(gè)在文本中使用粗體顏色的示例中,即使使用全屏圖像,Superglow 也是上述網(wǎng)站設(shè)計(jì)的主要元素。


粉紅色和黃色搭配飲用的陰影是大膽的。此外,超大字體很難錯(cuò)過(guò)。


像這樣的顏色和排版對(duì),設(shè)計(jì)需要足夠重以支撐排版的重量。嘗試不同類型的背景,以便文本元素有空間用顏色令人驚嘆,但不要覺(jué)得它們完全壓倒了設(shè)計(jì)。


5.反斯塔克美學(xué)


無(wú)論是簡(jiǎn)單的顏色作為重點(diǎn)還是更大的色塊,大膽的色調(diào)都可以提供恰到好處的平衡,使鮮明的美感不會(huì)感覺(jué)太小。


顏色的平衡是有效的,因?yàn)楫?dāng)設(shè)計(jì)的其余部分不那么大膽時(shí),它會(huì)給你一些有趣的東西來(lái)看待和關(guān)注。


上面的 Studio MV 采用了一種有趣的方法,為小文本元素設(shè)置了一個(gè)幾乎半屏的紅色框。雖然顏色與黑白設(shè)計(jì)的其余部分相反,但它并沒(méi)有過(guò)度擁擠,并且有自己的平衡鮮明。


屏幕左側(cè)的水平分割有助于紅色塊感覺(jué)適當(dāng)加權(quán)。


6.發(fā)表聲明


有時(shí),您只需要大膽的顏色就可以發(fā)表聲明。


想想上面例子中的所有潛在關(guān)聯(lián)以及它留下的印象。


7.吸引注意力


大膽的顏色通常有一個(gè)直接的目的——吸引網(wǎng)站訪問(wèn)者的注意力。


有時(shí)大膽的顏色與網(wǎng)站上的產(chǎn)品相得益彰,例如上面的例子,有時(shí)顏色只是設(shè)置場(chǎng)景。


以下是顏色作為網(wǎng)站上引人注目的工具的特別之處——您幾乎可以隨時(shí)更改它。今天明亮的藍(lán)色背景可能是下個(gè)月的黃色或之后的檸檬綠色。


在大多數(shù)情況下,您可以毫不費(fèi)力地更改背景、圖像或英雄文本顏色。這也有助于引起對(duì)設(shè)計(jì)的額外關(guān)注,因?yàn)榛卦L者的設(shè)計(jì)會(huì)有所不同。


從長(zhǎng)遠(yuǎn)來(lái)看,這種顏色驚喜的小元素可能會(huì)令人愉悅,并有助于積極的用戶體驗(yàn)。


8.讓它變得有趣


大膽的顏色有時(shí)是調(diào)色板中色調(diào)的混搭,它們不應(yīng)該很好地協(xié)同工作,但隨后會(huì)變成有趣的東西。


這可以是從使用太多顏色到“不匹配”的顏色。


在上面來(lái)自 Letterz School 的示例中,熒光筆樣式的顏色選擇有很多需要消化。但它們并不是壓倒性的,而是其余設(shè)計(jì)的輕盈和運(yùn)行在積木上的有趣棒圖創(chuàng)造了適量的樂(lè)趣。(太有趣了,你甚至沒(méi)有注意到顏色是如何不匹配的。)


這證明當(dāng)您嘗試大膽的顏色選項(xiàng)時(shí),嘗試可能違反規(guī)則的事情是可以的。你永遠(yuǎn)不知道什么時(shí)候它會(huì)好地工作。


9.建立一個(gè)明亮的背景


當(dāng)您沒(méi)有很多其他視覺(jué)效果可以使用時(shí),大膽色彩的嘗試和嘗試使用之一是作為背景網(wǎng)站設(shè)計(jì)元素。將顏色與使用有趣字體的文本塊配對(duì),您幾乎總能獲得成功的組合。


除了顏色之外,當(dāng)排版植根于實(shí)驗(yàn)字體或包含一些動(dòng)畫元素時(shí),這種設(shè)計(jì)模式很流行。


10.展現(xiàn)你的時(shí)尚一面


說(shuō)到趨勢(shì),顏色選擇本身就是一種網(wǎng)站設(shè)計(jì)趨勢(shì),可以與其他時(shí)尚元素很好地協(xié)同工作。


上面的 Wokine 將一些流行元素結(jié)合到一個(gè)超級(jí)現(xiàn)代的設(shè)計(jì)中:大膽的色彩、分屏美感和獨(dú)特的類型選擇。


顏色有助于平衡其他設(shè)計(jì)元素,有助于將用戶引導(dǎo)至側(cè)邊菜單,并將整個(gè)屏幕變成一件藝術(shù)品。


成都網(wǎng)站設(shè)計(jì),使用大膽的色彩設(shè)計(jì)是有趣的,大膽的顏色選擇可以喚起情感,吸引注意力,并為設(shè)計(jì)營(yíng)造恰到好處的氛圍。

文章名稱:成都網(wǎng)站設(shè)計(jì),如何巧妙使用粗體顏色
轉(zhuǎn)載源于:http://www.bm7419.com/news18/178518.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è)計(jì)

廣告

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

微信小程序開發(fā)