首頁 > 網頁教程 > 設計分享 > 網頁配色設計:如何運用黃色來表達網頁的光感?

江苏十一选五奖结果:網頁配色設計:如何運用黃色來表達網頁的光感?

時間:2016-12-12    來源:飛屋設計

前言

江苏十一选五开奖公告 www.ervgn.com 黃色是光之色彩,因此,在整個色譜上,它是最亮的存在。當你想要提亮整個畫面,黃色是不二之選?;粕幣彩且恢峙?,可以表達出一種溫暖歡快的感覺,它是黯淡顏色的救世主,明亮的黃色一旦出現,必然賦予了畫面更多的活力。而我們對黃色的運用也必然需要進入其情感空間,才能更好掌握各種色調的黃色所賦予的不同魅力。

不同的黃色調表達了不同的情感基調,明度和飽和度都較低的黃色隱隱透出了綠色,因此,當你想要降低黃色的溫度,不妨考慮降低它的明度或飽和度

在網頁中所使用的黃色,以明度較高為多。大多是在表達可愛、溫暖、歡快、活潑。大面積運用明亮的黃色,可以讓整個頁面充滿活力。由于黃色并不如紅色那么搶眼,但也足以奪人眼球,因此,增加頁面的吸引力,從某種程度上說,黃色是優于紅色的。

黃色的頁面給人以一種明亮、積極向上的活力,高明度、高飽和度的黃色作為背景色,以黑色作為搭配,剛好降低黃色的亮度和溫度,讓整個畫面光明和黑暗兼有,非常具有躍動感。

可見黃色作為光之色彩,想要平衡其強烈的光感,就要增加黑暗,比如純黑作為極好的搭配。這種強烈的對比,碰撞出了巨大的活力。很多創意機構的網頁都喜歡這一配色,也是希望能傳達出這一信息。

黃色和白色等其他無彩色搭配都非常相得益彰,尤其當它作為背景色時,會讓出現在這背景上的任何物體都顯得更加光亮。

黃色除了作為大面積背景使用,也可以作為強調色,在畫面比較暗的場景里運用黃色作為強調色,就會增加整個畫面的亮度,讓作品活躍起來。

如下頁面中,整個風景圖作為背景,天色顯得有點暗,這時在其上方增加黃色的文字就改變了整個背景的平淡無奇。 當明亮的黃色作為主色使用時,它其實也起到了強調的作用,這時無論背景是黑色亦或白色,它都能輕而易舉的凸顯出來。

將黃色作為主色,讓畫面更加鮮明活潑。

黃色常見的搭檔是藍色,黃色的溫暖和藍色的涼意,黃色的歡快與藍色的憂郁,在色輪上看它們彼此是相隔120度的對比色,因此能相互烘托對方的特色。

用黃色作為背景,也可以用藍色作為主色,搭配起來相得益彰,只是活力并不如黑色搭配來得多,而也適合用在相對需要冷靜的場合

黃色與藍色在比例上持平,也不會讓畫面顯得沖突。

黃色可以與任何顏色搭配,而每種顏色都需要與黃色調整好彼此的比例,保持調性的和諧。

黃色和綠色是鄰近色,因此在運用配色時,降低其明度,就能讓畫面顯得更為“柔和”,整個畫面顯出古典的意味,低明度的黃色是具有懷舊色彩的,因此在懷舊這一主題中常常用到。

黃色可以很張揚,也可以比較低調。低明度低飽和度的黃色是最接近自然的原色。由于它的存在感比較弱,可以作為閱讀的背景,而又比白色多了幾分陽光的味道。

柔和低調的黃色作為背景,類似紙的顏色,在此基礎上,選用金色作為主色,讓配色顯得溫暖又華麗。

后記

可以看到黃色作為背景色出現的時候居多,它應該是一個能承載一切的顏色,它的功能有點像陽光。有黃色在的地方,就象征著溫暖。

相關推薦
30個出色的網頁設計色彩搭配案例欣賞
網頁配色之色彩搭配技巧與色彩對用戶的心理作用
網頁色彩搭配教程:三個實用方法搞定網頁配色設計
色彩搭配教程:顏色對用戶究竟有哪些影響?
三分鐘幫你快速入門極簡色彩學
網頁配色設計:如何用藍色調搭配出天空和大海的感覺?
PANTONE潘通預測的10種2017年秋冬兩季流行色
那些配色方案能讓你的設計體驗更好?
移動應用圖標配色訣竅 APP界面配色設計教程
2015年網頁設計配色趨勢預測
QQ空間配色變遷解密:“殺集取卵”!
網頁配色教程:六條網頁設計安全配色指南
配色教程:手把手教你從大師的作品中借鑒配色靈感
網頁配色設計:紅色空間如何設計才好看?
年度總結:最新視覺設計六大趨勢分享
3個使用鮮艷配色來制作WEB/APP界面的技巧分享
5個色彩進階技巧!幫你創造更優質的網頁用戶體驗
雙色調配色、分屏式設計、空間共享式排版的網頁設計趨勢
色彩設計:色盲用戶的友好體驗,你應該注意五點
配色設計:寫給零基礎新手的配色指南
100%提升轉化率?據說懂這些色彩心理學知識就行
最受歡迎的色彩出爐了,她的名字叫馬爾斯綠
配色設計一些有趣且有用的小技巧分享
超全面的UI設計配色指南 拿走不謝!
色彩設計:配色方法論之觀感謎題
UI設計中最常用的色彩為什么是藍色?
配色設計:如何在設計中搭配出好看的顏色?
那些技巧可以幫你玩轉單色配色設計?
配色設計:如何學會給配色做減法?
UI設計:字體配色設計總結
2018年潘通色「紫外光」Ultra Violet 已經新鮮出爐了
配色設計:3個色感訓練方法提高你對色彩的感覺

精彩推薦

熱門教程