網(wǎng)頁設(shè)計(jì)中的配色和用色方式,是一件非常有趣又值得思考的事情。盡管絕大多數(shù)的網(wǎng)站看起來非常相似,但是巧妙的用色會讓布局平庸的網(wǎng)站顯得不同凡響。
一、網(wǎng)頁設(shè)計(jì)用色彩引導(dǎo)用戶注意力
絕大多數(shù)網(wǎng)站在布局設(shè)計(jì)之初,通常就采用簡單的黑白灰,白色背景+黑色文字。而色彩在這種情況下會起到強(qiáng)調(diào)和高亮的作用,可以引導(dǎo)用戶注意按鈕、標(biāo)題和鏈接。
以Vibrant 的網(wǎng)頁設(shè)計(jì)為例,他們的首頁中背景和圖像都采用的是黑白色調(diào),但是LOGO,按鈕和漢堡圖標(biāo)都采用的是閃亮的黃色,它們可以很快抓住用戶的注意力。
二、用色彩發(fā)聲
網(wǎng)站設(shè)計(jì)用色彩來發(fā)聲,做一個(gè)屬于自己網(wǎng)站的聲明,這比起單純的“吸引用戶”來的更加有趣。要吸引用戶注意力,色彩足夠突出就行,但是更重要的是,這種色彩要足夠?yàn)槟恪白雎暶鳌?。你不能隨便挑選一個(gè)鮮艷的色彩,這個(gè)色彩還要契合你的精神,想要傳遞的獨(dú)特情緒。
就以Gaga 交響樂的著陸頁為例,當(dāng)你打開網(wǎng)站的時(shí)候,鮮亮的粉色會讓你眼前一亮。在“交響樂”的主題之下,用戶對網(wǎng)站風(fēng)格的預(yù)期是沉穩(wěn)的色調(diào),但是亮粉色則完全不再低調(diào)優(yōu)雅之列,但是它符合網(wǎng)站中交響樂活力四射、樂趣無窮和創(chuàng)造力十足的特色,所以,此處的亮粉色符合邏輯,也為設(shè)計(jì)者“發(fā)聲”了。
三、網(wǎng)站設(shè)計(jì)圖片中的色彩
借助圖片中的色彩來構(gòu)建配色是非常有趣的用色技巧,UI元素確實(shí)不是網(wǎng)頁中唯一可設(shè)計(jì)的色彩。大圖背景和高清產(chǎn)品圖的流行使得圖片色彩成為整個(gè)設(shè)計(jì)中不可忽視的和總要組成,通過合成圖片將色彩注入到設(shè)計(jì)中,也是相當(dāng)不錯(cuò)的選擇。
CartoDB 是一款可以將位置數(shù)據(jù)可視化的有趣APP,那么有什么能比真實(shí)的地圖來的更加直觀美麗呢?所以它出現(xiàn)在網(wǎng)站首頁,用最視覺化的方式來呈現(xiàn)自己的產(chǎn)品,讓色彩為產(chǎn)品代言。
四、不是所有網(wǎng)頁設(shè)計(jì)都要顯眼的色彩
并不是所有的網(wǎng)站都需要鮮艷的色彩。依然有許多獨(dú)特的網(wǎng)站使用經(jīng)典的黑白灰來做為配色方案,而這些中性色也很好地呈現(xiàn)出了屬于它們的情緒。
Visual Soldiers 和 Tomasz Wysocki 的網(wǎng)站都是這樣,優(yōu)雅而干練的色調(diào)是它們的基因。簡練的布局和獨(dú)特的品牌定位,使得它們無需鮮艷的色彩來呈現(xiàn)CTA按鈕和邊角的菜單,安靜的白與黑就足夠了。
色彩是強(qiáng)大的,它們會以各種方式融入設(shè)計(jì)。它們除了強(qiáng)大的視覺特征,還擁有不俗的功能性,引導(dǎo)用戶,提升凝聚力,展現(xiàn)風(fēng)格,傳遞信息,勾勒性格,甚至賦予設(shè)計(jì)以含義。
你需要思考色彩的多與少,了解色彩在網(wǎng)頁設(shè)計(jì)中的度,熟悉每種色彩的性格,明白如何在繁雜的噪音和廣袤的世界中找到屬于自己的位置。

此文由蒙特http://www.mgt88.cn/原筆發(fā)布,轉(zhuǎn)載請注明出處,如有惡意轉(zhuǎn)載,違者必究!
網(wǎng)頁設(shè)計(jì)中的配色和用色方式,是一件非常有趣又值得思考的事情。盡管絕大多數(shù)的網(wǎng)站看起來非常相似,但是巧妙的用色會讓布局平庸的網(wǎng)站顯得不同凡響。
一、網(wǎng)頁設(shè)計(jì)用色彩引導(dǎo)用戶注意力
絕大多數(shù)網(wǎng)站在布局設(shè)計(jì)之初,通常就采用簡單的黑白灰,白色背景+黑色文字。而色彩在這種情況下會起到強(qiáng)調(diào)和高亮的作用,可以引導(dǎo)用戶注意按鈕、標(biāo)題和鏈接。
以Vibrant 的網(wǎng)頁設(shè)計(jì)為例,他們的首頁中背景和圖像都采用的是黑白色調(diào),但是LOGO,按鈕和漢堡圖標(biāo)都采用的是閃亮的黃色,它們可以很快抓住用戶的注意力。
二、用色彩發(fā)聲
網(wǎng)站設(shè)計(jì)用色彩來發(fā)聲,做一個(gè)屬于自己網(wǎng)站的聲明,這比起單純的“吸引用戶”來的更加有趣。要吸引用戶注意力,色彩足夠突出就行,但是更重要的是,這種色彩要足夠?yàn)槟恪白雎暶鳌?。你不能隨便挑選一個(gè)鮮艷的色彩,這個(gè)色彩還要契合你的精神,想要傳遞的獨(dú)特情緒。
就以Gaga 交響樂的著陸頁為例,當(dāng)你打開網(wǎng)站的時(shí)候,鮮亮的粉色會讓你眼前一亮。在“交響樂”的主題之下,用戶對網(wǎng)站風(fēng)格的預(yù)期是沉穩(wěn)的色調(diào),但是亮粉色則完全不再低調(diào)優(yōu)雅之列,但是它符合網(wǎng)站中交響樂活力四射、樂趣無窮和創(chuàng)造力十足的特色,所以,此處的亮粉色符合邏輯,也為設(shè)計(jì)者“發(fā)聲”了。
三、網(wǎng)站設(shè)計(jì)圖片中的色彩
借助圖片中的色彩來構(gòu)建配色是非常有趣的用色技巧,UI元素確實(shí)不是網(wǎng)頁中唯一可設(shè)計(jì)的色彩。大圖背景和高清產(chǎn)品圖的流行使得圖片色彩成為整個(gè)設(shè)計(jì)中不可忽視的和總要組成,通過合成圖片將色彩注入到設(shè)計(jì)中,也是相當(dāng)不錯(cuò)的選擇。
CartoDB 是一款可以將位置數(shù)據(jù)可視化的有趣APP,那么有什么能比真實(shí)的地圖來的更加直觀美麗呢?所以它出現(xiàn)在網(wǎng)站首頁,用最視覺化的方式來呈現(xiàn)自己的產(chǎn)品,讓色彩為產(chǎn)品代言。
四、不是所有網(wǎng)頁設(shè)計(jì)都要顯眼的色彩
并不是所有的網(wǎng)站都需要鮮艷的色彩。依然有許多獨(dú)特的網(wǎng)站使用經(jīng)典的黑白灰來做為配色方案,而這些中性色也很好地呈現(xiàn)出了屬于它們的情緒。
Visual Soldiers 和 Tomasz Wysocki 的網(wǎng)站都是這樣,優(yōu)雅而干練的色調(diào)是它們的基因。簡練的布局和獨(dú)特的品牌定位,使得它們無需鮮艷的色彩來呈現(xiàn)CTA按鈕和邊角的菜單,安靜的白與黑就足夠了。
色彩是強(qiáng)大的,它們會以各種方式融入設(shè)計(jì)。它們除了強(qiáng)大的視覺特征,還擁有不俗的功能性,引導(dǎo)用戶,提升凝聚力,展現(xiàn)風(fēng)格,傳遞信息,勾勒性格,甚至賦予設(shè)計(jì)以含義。
你需要思考色彩的多與少,了解色彩在網(wǎng)頁設(shè)計(jì)中的度,熟悉每種色彩的性格,明白如何在繁雜的噪音和廣袤的世界中找到屬于自己的位置。

此文由蒙特http://www.mgt88.cn/原筆發(fā)布,轉(zhuǎn)載請注明出處,如有惡意轉(zhuǎn)載,違者必究!