網(wǎng)頁(yè)設(shè)計(jì)中橙色系運(yùn)用案例分析
橙色又稱(chēng)之為橙黃或者是橘色,它的穿透力僅次于紅色,色感較紅色更暖。在網(wǎng)頁(yè)設(shè)計(jì)中橙色是十分活潑的色彩,給人以華貴而溫暖、興奮而熱烈、歡樂(lè)與活力的感覺(jué),也是令人振奮的顏色。
橙色在網(wǎng)頁(yè)中的使用范圍非常廣泛,可以通過(guò)變換色調(diào)營(yíng)造出不同分氣氛,不僅僅能表現(xiàn)出青春活力,也能達(dá)到一個(gè)穩(wěn)重的效果。橙色的波長(zhǎng)居于紅和黃之間,具有健康、富有活力、勇敢自由等象征意義,為了讓大家對(duì)橙色有更好的理解,下面分別對(duì)不同類(lèi)型網(wǎng)頁(yè)進(jìn)行分析。
一.食品飲食類(lèi)網(wǎng)頁(yè)設(shè)計(jì)案例分析
推薦案例:橙色+黃色+深橙色
整個(gè)頁(yè)面以橙色為主,通過(guò)不同明度和純度的“黃”進(jìn)行調(diào)和,頁(yè)面非常融洽而不顯單調(diào)。很好的突出了的圖片,食品圖片色調(diào)也是相近的,故不會(huì)非常的突兀。而利用白色將網(wǎng)頁(yè)分層,有層次感。
二.娛樂(lè)類(lèi)網(wǎng)頁(yè)案例分析
推薦案例:深橙色+土黃色+黃色
整個(gè)頁(yè)面是利用深橙和淺黃色的搭配來(lái)展現(xiàn)的,使頁(yè)面看起來(lái)更加的溫暖,深色的鋪墊,黃色的文字,達(dá)到一種突出而不突兀的視覺(jué)效果,賦予了網(wǎng)站生命力。
三.電子商務(wù)網(wǎng)站案例分析
推薦案例:橙色+卡其色+綠色
這一個(gè)案例使用的顏色相對(duì)較多,而橙色的導(dǎo)航輔佐明度較高的卡其色,不會(huì)顯得非常凌亂,反而更加有特色,很活潑。加上利用一些綠色的按鈕來(lái)點(diǎn)綴頁(yè)面,頁(yè)面就顯得不那么單調(diào),有萬(wàn)橙之中一點(diǎn)綠的視覺(jué)效果。
四.科技發(fā)展機(jī)構(gòu)網(wǎng)站案例分析
頁(yè)面用的色彩相對(duì)較雜,但讓人感覺(jué)亂中有序。大家可以注意到,頁(yè)面都是采用深紅色作為文字,而橙色出現(xiàn)在紅色文字的附近,例如頂部的橙底紅字,大標(biāo)題紅色小標(biāo)題橙色,這些元素就使頁(yè)面亂中有序。
總結(jié):橙色運(yùn)用的非常多,調(diào)整飽和度、純度都可以達(dá)到非常好的視覺(jué)效果,當(dāng)然在視覺(jué)沖擊力的同時(shí),可適當(dāng)采用少許對(duì)比色調(diào)和緩和于視覺(jué),從而削弱視覺(jué)的疲勞度。
本文地址:http://m.likemindfilms.com/tutorial/ui1389.html
您可能還喜歡
- 經(jīng)典網(wǎng)頁(yè)配色方案之無(wú)色系
- 對(duì)齊!框框框!ps中對(duì)齊和參考線詳解
- banner實(shí)戰(zhàn)技巧-版式平衡構(gòu)圖
- 晉小彥視覺(jué)設(shè)計(jì)系列文章(二):全屏大視
- 如何成功運(yùn)用扁平化設(shè)計(jì)與色彩趨勢(shì)
- 做有思想的網(wǎng)頁(yè)設(shè)計(jì)-banner實(shí)例講解
- [圖趣]色彩搭配的核心原則和聯(lián)想
- 扁平化設(shè)計(jì)與可訪問(wèn)性
- 網(wǎng)頁(yè)設(shè)計(jì)專(zhuān)題技巧淺析
- WEB設(shè)計(jì)中的排版
- 專(zhuān)訪:石墨文檔產(chǎn)品總監(jiān)羅穎
- UI設(shè)計(jì)不得不知的移動(dòng)端UI尺寸適
- 光音移動(dòng)設(shè)計(jì)規(guī)范 — 表單類(lèi)
- 體驗(yàn)設(shè)計(jì)中的排序問(wèn)題
- 網(wǎng)頁(yè)設(shè)計(jì)精粹 網(wǎng)頁(yè)中那些迷人的按
- aliued:響應(yīng)式設(shè)計(jì)的現(xiàn)狀與趨勢(shì)
- 10個(gè)智能對(duì)象處理的ps技巧
- 網(wǎng)頁(yè)UI - 原子設(shè)計(jì)理論(上)
- 如何通過(guò)設(shè)計(jì)提升banner點(diǎn)擊率?
- 晉小彥視覺(jué)設(shè)計(jì)系列文章(二):全屏