- 網(wǎng)頁配色設計手冊(寫給設計師的書)
- 孫芳編著
- 1464字
- 2021-04-02 21:55:59
3.2 橙
3.2.1 認識橙色
橙色是色彩中最溫暖的顏色,它在空氣中的穿透力僅次于紅色。看到橙色,不禁讓人聯(lián)想到碩果累累的秋天,香甜的橙子,是一種充滿活力的顏色。橙色還能夠給人莊嚴、尊貴、神秘的感覺,所以在歷史上,許多權(quán)貴和宗教界人士都用以妝點自己,現(xiàn)代社會中往往作為標志色和宣傳色。
色彩情感:溫暖、明亮、活力、興奮、歡樂、健康、華麗、放松、輝煌、舒適、收獲、陳舊、隱晦、反抗、偏激、境界、刺激、驕傲。


3.2.2 橘紅&橘色

1 橘紅色是黃色+紅色,紅色偏多一些,所以橘紅色的視覺沖擊力也很強。
2 橘紅色能夠給人一種新鮮、活力的感覺。
3 網(wǎng)頁選擇橘紅色作為主色調(diào),是為了與商品相互呼應。

1 橘色比橘紅色中的紅色少一些。橘色象征著年輕、開朗。
2 在網(wǎng)頁中白色背景的映襯下,橘色顯得非常鮮艷。
3 網(wǎng)頁中曲線的模塊既可以引導視線,又可以增加畫面的趣味性。
3.2.3 橙色&陽橙

1 橙色代表時尚、青春、動感,有種讓人活力四射的感覺。
2 在該網(wǎng)頁中,橙色調(diào)的配色更加映襯了少女的活力。
3 網(wǎng)頁能夠向人傳遞健康、活力的感覺。

1 陽橙色是在橙色中添加了白色,給人一種浪漫、溫暖的感覺。
2 網(wǎng)頁選擇青色為點綴色,目的是增加畫面顏色的對比,增加視覺沖擊力。
3 網(wǎng)頁中的點綴色都為橙色調(diào),這樣保證了整個頁面的色調(diào)統(tǒng)一。
3.2.4 蜜橙&杏黃

1 蜜橙色純度低,明度高,帶有歡樂、溫暖的情感。
2 在該網(wǎng)頁中,蜜橙色為輔助色。
3 兒童主題的網(wǎng)頁設計中,采用蜜橙色為輔助色,給人一種活潑、健康的感覺。

1 杏黃色比蜜橙色的明度低一些,杏黃色給人一種柔和、知性的感覺。
2 該網(wǎng)頁中,單色調(diào)的配色給人一種視覺統(tǒng)一之感。
3 這是一個網(wǎng)站的首頁,利用簡約時尚的布局方式,為瀏覽者留下深刻的印象。
3.2.5 沙棕&米色

1 沙棕色是非常“日式”的顏色,給人一種柔和、淡雅的感覺。
2 沙棕搭配深酒紅色為類似色的配色。
3 網(wǎng)頁中的構(gòu)圖非常簡潔,能夠充分體現(xiàn)網(wǎng)頁的主題。

1 米色顏色非常明亮,色彩感覺非常簡樸、溫馨。
2 網(wǎng)頁為單色調(diào)的配色方案,整個畫面優(yōu)雅、干凈。
3.2.6 灰土&駝色

1 灰土色的色彩飽和度較低,給人一種寧靜、舒服的視覺感受。
2 黑色的導航欄能夠讓整個頁面看起來更加沉穩(wěn)、干練。
3 網(wǎng)頁中的手繪插畫增加了畫面中的藝術氣息。

1 駝色來源于蒼茫的沙漠、堅韌的巖石。給人一種淡定、疏離的感覺。
2 網(wǎng)頁以地圖作為背景,主要是配合商品的產(chǎn)地。
3 網(wǎng)頁中虛化的背景能夠突出前景中的商品。
3.2.7 椰褐&褐色

1 椰褐色明度較低,能夠給人一種穩(wěn)定、可靠的感覺。
2 網(wǎng)頁采用這樣的色彩,主要是迎合商品的顏色。
3 頁面中漸變的色彩似乎在不斷流動,讓人能感受到商品絲滑、香濃的口感。

1 褐色常常被聯(lián)想到泥土、自然、簡樸,它給人可靠、有益健康和保守的感覺。
2 該網(wǎng)頁為中明度的色彩基調(diào),整體給人一種愜意、穩(wěn)定的感覺。
3 網(wǎng)頁中上明下暗的顏色自然而然地將瀏覽者的視線向下引導。
3.2.8 柿子橙&醬橙色

1 柿子橙的顏色來自于自然,給人一種香甜、可口的感覺。
2 該網(wǎng)頁中,以黑色作為點綴色,能夠突出畫面的重點。
3 居中的版面布局,是常見的布局方式。這種布局方式工整、集中。

1 醬橙色與橙色相比顯得低調(diào),它同樣溫暖、親切,但又不乏穩(wěn)重的感覺。
2 網(wǎng)頁中以大圖為背景,給人一種舒展、大方的感覺。
3 醬橙色的色調(diào)給人一種秋天溫暖、明媚的感覺。
3.2.9 金茶色&膚色

1 金茶色的明度沒有橙色那樣高,所以缺少了橙色張揚的氣質(zhì)。但是這種顏色也能夠展示出健康、活潑的氣質(zhì)。
2 網(wǎng)頁顏色較為單純,選擇的顏色較少,所以大面的金茶色給人一種健康、優(yōu)越的感覺。

1 膚色又稱為裸色,顏色本質(zhì)非常的柔和、溫暖。
2 本例為兒童主題的網(wǎng)頁,選擇膚色作為主色調(diào),能夠非常貼切地表現(xiàn)出網(wǎng)頁柔軟、安全的特性。
- Vue.js從入門到項目實踐(超值版)
- Bootstrap響應式Web開發(fā)
- Vue.js Web開發(fā)案例教程(在線實訓版)
- Div+CSS網(wǎng)頁制作實戰(zhàn)教程
- Dreamweaver CC中文版網(wǎng)頁設計與制作從新手到高手
- 網(wǎng)頁制作實用教程(第3版)
- 中文版Dreamweaver CC+Flash CC+Photoshop CC網(wǎng)頁設計實戰(zhàn)視頻教程
- 中文版Dreamweaver CC+Flash CC+Photoshop CC網(wǎng)頁設計基礎培訓教程
- Dreamweaver,F(xiàn)lash,F(xiàn)ireworks網(wǎng)頁設計百練成精(CS3版)
- 網(wǎng)頁設計與開發(fā)
- 精通HTML5+CSS3+JavaScript網(wǎng)頁設計(視頻教學版)(第2版)
- 眾妙之門:JavaScript與jQuery技術精粹
- HTML5+CSS3 Web開發(fā)案例教程(在線實訓版)
- 網(wǎng)頁布局與配色實戰(zhàn)
- 眾妙之門:電子商務網(wǎng)站設計指南