找回密碼
 註冊
查看: 5685|回覆: 44

[設計] 轉載: 色彩剖析:白色在網頁設計中的好處

    [複製鏈接]
簽到
1244

2189

主題

4萬

回帖

24萬

積分

究極元老

人生就是充滿高低起跌才精彩

積分
243350

「玩具模型」勳章熱爆勳章百萬富翁勳章千億富豪勳章精華帖王勳章萬千寵愛勳章141榮譽勳章論譠元老勳章高級元老勳章超級元老勳章究極元老勳章「天蠍座」勳章傑出成就勳章「友誼大使」勳章「貼圖之星」勳章「戲劇之王」勳章「博學多才」勳章「體育精神」勳章「能言善辯」勳章「型男嗜好」勳章「動漫一族」勳章「音樂大師」勳章「數碼達人」勳章「141玩家」勳章「性愛專家」勳章「AV達人」勳章「攝影達人」勳章「創作大師」勳章「神州之星」勳章「遊藝專家」勳章「棋藝大師」勳章「玄機妙算」勳章「電腦大師」勳章「生活常識」勳章「演藝傳播」勳章「飲食健康」勳章「觀星入門」勳章「旅遊/航空」勳章「痴線佬」勳章特嗜章收藏家勳章「潮流時尚」勳章「單車交流」勳章「廣告/設計」勳章「爬山遠足」勳章「寶島之星」勳章「爆笑王」勳章「影音Hi-Fi」勳章「廚師食譜」勳章「資訊情報」分區勳章「資源分享」分區勳章「消閒興趣」分區勳章「會員交流」分區勳章「各行各業」分區勳章勝利勳章141紳士勳章成家立室勳章

發表於 2013-1-1 11:31:32 | 顯示全部樓層 |閱讀模式
一般使用白色作為主色調的網站設計都是非常簡潔、乾淨和優雅的,而且白色大部分人都喜歡使用,包括現在實生活中的建築設計。 白色是全部可見光均勻混合而成的,稱為全色光,是光明的象徵色。 白色明亮、乾淨、暢快、樸素、雅緻與貞潔。 但它沒有強烈的個性,不能引起味覺的聯想,但引起食慾的色中不應沒有白色,因為它表示清潔可口,只是單一的白色不會引起食慾而已。

白色在網頁設計中的重要性
很多人以為使用白色是很枯燥、沒有創意或者是很老土,但是很多設計師使用白色創造出很多優秀的設計作品。

而使用白色不一定是”極簡的”,極簡主義並不依賴於任何特定的顏色。 同樣,”空白”也並不一定非要是在元素周圍使用白色。 你——設計師必須做出選擇。

白色有著很好的拓展空間,適當白色可以非常棒的點亮一個設計,可以讓暗色的色調,比如紅色、 綠色 、 藍色和紫色看起來更醒目。

白色的背景文化
白色的顏色,象徵著和平和諧的社會。 白色是非常廣泛的應用在基督教,有著純淨,真實的,高貴的象徵。

在西方,特別是歐美,白色是結婚禮眼的色彩,表示愛情的純潔與堅貞。 但在東方,卻把白色作為喪色。

網頁設計中使用白色的好處
我想很多人都同意,說白了就是一個乾淨,純潔的形象。 但大多數網頁設計不就是為了這個目標嗎? 網站簡潔乾淨,而且有效的組織內容和元素,這就是我們常說的簡潔的網頁設計。


接下來我們看看一些優秀的白色的網頁設計例子,看看設計師們是如何利用白色空間、如何排版和配色的。

Madebysofa
1.jpg
網站很簡單,但是可讀性非常高,加上簡潔的導航,容易使用,幾乎是一個完美的網站。

Designbyface
2.jpg
適當留白的排版設計很漂亮,沒有過多裝飾元素,使得可以瀏覽更多網頁和更快的速度。


內容轉載自設計達人
強者之所以成為強者,是因為強人擅長戰勝自己的脆弱

2189

主題

4萬

回帖

24萬

積分

究極元老

人生就是充滿高低起跌才精彩

積分
243350

「玩具模型」勳章熱爆勳章百萬富翁勳章千億富豪勳章精華帖王勳章萬千寵愛勳章141榮譽勳章論譠元老勳章高級元老勳章超級元老勳章究極元老勳章「天蠍座」勳章傑出成就勳章「友誼大使」勳章「貼圖之星」勳章「戲劇之王」勳章「博學多才」勳章「體育精神」勳章「能言善辯」勳章「型男嗜好」勳章「動漫一族」勳章「音樂大師」勳章「數碼達人」勳章「141玩家」勳章「性愛專家」勳章「AV達人」勳章「攝影達人」勳章「創作大師」勳章「神州之星」勳章「遊藝專家」勳章「棋藝大師」勳章「玄機妙算」勳章「電腦大師」勳章「生活常識」勳章「演藝傳播」勳章「飲食健康」勳章「觀星入門」勳章「旅遊/航空」勳章「痴線佬」勳章特嗜章收藏家勳章「潮流時尚」勳章「單車交流」勳章「廣告/設計」勳章「爬山遠足」勳章「寶島之星」勳章「爆笑王」勳章「影音Hi-Fi」勳章「廚師食譜」勳章「資訊情報」分區勳章「資源分享」分區勳章「消閒興趣」分區勳章「會員交流」分區勳章「各行各業」分區勳章勝利勳章141紳士勳章成家立室勳章

 樓主| 發表於 2013-1-1 11:31:33 | 顯示全部樓層


Caseybritt
3.jpg
白色在企業網站中使用很好,能表達出一樣很正規、正式形象。

Fourthfloorinteractive
4.jpg

Feelwire
5.jpg
正如前面所說,白色可以很好的點亮其它顏色。

Bigyouth
6.jpg

Morethan20
7.jpg
使用白色很容易與其它混合顏色匹配。


強者之所以成為強者,是因為強人擅長戰勝自己的脆弱
回覆 讚好 不讚 使用道具

舉報

2189

主題

4萬

回帖

24萬

積分

究極元老

人生就是充滿高低起跌才精彩

積分
243350

「玩具模型」勳章熱爆勳章百萬富翁勳章千億富豪勳章精華帖王勳章萬千寵愛勳章141榮譽勳章論譠元老勳章高級元老勳章超級元老勳章究極元老勳章「天蠍座」勳章傑出成就勳章「友誼大使」勳章「貼圖之星」勳章「戲劇之王」勳章「博學多才」勳章「體育精神」勳章「能言善辯」勳章「型男嗜好」勳章「動漫一族」勳章「音樂大師」勳章「數碼達人」勳章「141玩家」勳章「性愛專家」勳章「AV達人」勳章「攝影達人」勳章「創作大師」勳章「神州之星」勳章「遊藝專家」勳章「棋藝大師」勳章「玄機妙算」勳章「電腦大師」勳章「生活常識」勳章「演藝傳播」勳章「飲食健康」勳章「觀星入門」勳章「旅遊/航空」勳章「痴線佬」勳章特嗜章收藏家勳章「潮流時尚」勳章「單車交流」勳章「廣告/設計」勳章「爬山遠足」勳章「寶島之星」勳章「爆笑王」勳章「影音Hi-Fi」勳章「廚師食譜」勳章「資訊情報」分區勳章「資源分享」分區勳章「消閒興趣」分區勳章「會員交流」分區勳章「各行各業」分區勳章勝利勳章141紳士勳章成家立室勳章

 樓主| 發表於 2013-1-1 11:31:34 | 顯示全部樓層
Tips:如何使用白色在網頁設計運用
1. 使用深色的顏色,從而使得元素能從白色中脫穎而出。 為了保證可讀性,請增加字體大小。

2. 設計簡潔的外觀以及讓內容整齊排版,這樣內容就更容易找到而且增加了可讀性。

3. 使用明亮或是深色按鈕,讓用戶第一時間就能看到他們,購物按鈕為什麼這麼大這麼亮呢? 就是這個原因了。

4. 保持簡單。 為了得到訪問者的關注、注意,如果可能,請盡可能保持簡單。

更多優秀的白色的網頁設計作品欣賞

我想這些作品會給你帶來更多的創造靈感,Enjoy!

Urbanoutfitters
1.jpg

Decoratedplaylists
2.jpg

Whathappensnextbook
3.jpg

Adhamdannaway
4.jpg

2009.legworkstudio
5.jpg

Pandptattoo
6.jpg

Colazionedamichy
7.jpg

Thesum
8.jpg

Spcdesignlibrary
9.jpg

Madebytim
10.jpg

Supersize
11.jpg

Magpie-studio
12.jpg

Kerryroper
13.jpg

ycn
14.jpg

Ghosthorses
15.jpg

Bigbitecreative
16.jpg

Lawineagency
17.jpg

Chrissloan
18.jpg

Tishacreative
19.jpg

Vertigo
20.jpg

Plumd
21.jpg

Nuovadesignlab
22.jpg

Blindpigdesign
23.jpg


強者之所以成為強者,是因為強人擅長戰勝自己的脆弱
回覆 讚好 不讚 使用道具

舉報

發表於 2013-1-1 11:38:42 | 顯示全部樓層
白色好  
視覺冇咁易攰  
回覆 讚好 不讚 使用道具

舉報

發表於 2013-1-1 11:50:46 | 顯示全部樓層
白色的確唔錯,起碼會令自己無咁容易近視先
不過,如果我比較鐘意淺綠色多D
回覆 讚好 不讚 使用道具

舉報

發表於 2013-1-1 11:54:00 | 顯示全部樓層
白色睇起黎的確比較簡約明確~
I Tattoo Girls !   
回覆 讚好 不讚 使用道具

舉報

405

主題

1萬

回帖

100

積分

初級會員

汝世模僧

積分
100

「神州之星」勳章「友誼大使」勳章百萬富翁勳章高級元老勳章超級元老勳章傑出成就勳章萬千寵愛勳章千億富豪勳章「性愛專家」勳章精華帖王勳章群組紀念勳章論譠元老勳章

發表於 2013-1-1 12:09:02 | 顯示全部樓層
白色永遠可突出主體的顏色,
但有時黑色也可以,
不過, 用白色對於一切的主題,
都非常適合.
回覆 讚好 不讚 使用道具

舉報

202

主題

5萬

回帖

25萬

積分

究極元老

屠殺日本狗

積分
257096

論譠元老勳章高級元老勳章萬千寵愛勳章傑出成就勳章超級元老勳章百萬富翁勳章究極元老勳章141榮譽勳章

發表於 2013-1-1 12:32:27 | 顯示全部樓層
元旦快樂!
回覆 讚好 不讚 使用道具

舉報

288

主題

1萬

回帖

100

積分

初級會員

積分
100

「玩具模型」勳章《健美之星》勳章「白羊座」勳章收藏家勳章「音樂大師」勳章「會員交流」分區勳章論譠元老勳章高級元老勳章超級元老勳章傑出成就勳章百萬富翁勳章萬千寵愛勳章究極元老勳章

發表於 2013-1-1 13:07:30 | 顯示全部樓層
混合顏色~夠特別
隨時間...記憶褪去一空
回覆 讚好 不讚 使用道具

舉報

發表於 2013-1-1 13:14:01 | 顯示全部樓層
本人對白色亦情有獨鐘

白色浪漫

留白的簡潔美
回覆 讚好 不讚 使用道具

舉報

111

主題

3605

回帖

100

積分

初級會員

積分
100

百萬富翁勳章論譠元老勳章高級元老勳章超級元老勳章

發表於 2013-1-1 13:15:15 | 顯示全部樓層
回復 tung1871 #1 的帖子

这个,毛研究
回覆 讚好 不讚 使用道具

舉報

0

主題

4萬

回帖

11萬

積分

究極元老

積分
115010

百萬富翁勳章「友誼大使」勳章高級元老勳章超級元老勳章傑出成就勳章萬千寵愛勳章論譠元老勳章究極元老勳章141榮譽勳章

發表於 2013-1-1 14:02:45 | 顯示全部樓層
白色在網頁設計中.....的確主體較易突出
回覆 讚好 不讚 使用道具

舉報

648

主題

1萬

回帖

11萬

積分

141見習版主

積分
113875

百萬富翁勳章萬千寵愛勳章論譠元老勳章高級元老勳章超級元老勳章「摩羯座」勳章傑出成就勳章「友誼大使」勳章見習版主勳章141紳士勳章成家立室勳章

發表於 2013-1-1 15:03:15 | 顯示全部樓層
圖案真的很專業
   
有空請支持『煙酒茶座區』及『歐洲夜遊區』,多謝!
回覆 讚好 不讚 使用道具

舉報

發表於 2013-1-1 15:12:10 | 顯示全部樓層
white is pure and clear!
回覆 讚好 不讚 使用道具

舉報

2

主題

3310

回帖

9054

積分

高級元老

積分
9054
發表於 2013-1-1 15:34:27 | 顯示全部樓層
THANKS FOR THAT. HAPPY NEW YEAR.
回覆 讚好 不讚 使用道具

舉報

467

主題

2萬

回帖

8萬

積分

超級元老

禾餓底,禾扯火,矛惹禾,禾系頭號空姐迷•

積分
83420

成家立室勳章「貼圖之星」勳章「攝影達人」勳章「創作大師」勳章「會員交流」分區勳章「旅遊/航空」勳章熱心捐助勳章百萬富翁勳章「友誼大使」勳章論譠元老勳章高級元老勳章萬千寵愛勳章傑出成就勳章超級元老勳章精華帖王勳章究極元老勳章141榮譽勳章

發表於 2013-1-1 15:52:18 | 顯示全部樓層
tung1871 發表於 2013-1-1 11:31
一般使用白色作為主色調的網站設計都是非常簡潔、乾淨和優雅的,而且白色大部分人都喜歡使用,包括現在實生 ...

白色汰落豬服
→有今生,無來世,向Kobe Bryant致敬•(14/04/2016退役)

You asked for my hustle,I gave you my heart•
回覆 讚好 不讚 使用道具

舉報

513

主題

2489

回帖

2萬

積分

超級元老

積分
20659

熱心捐助勳章「友誼大使」勳章論譠元老勳章高級元老勳章百萬富翁勳章超級元老勳章

發表於 2013-1-1 16:23:19 | 顯示全部樓層
回復 tung1871 #1 的帖子

有道理!

happy new year!
貧乳淫龍拳
回覆 讚好 不讚 使用道具

舉報

61

主題

3332

回帖

100

積分

初級會員

積分
100

「友誼大使」勳章論譠元老勳章百萬富翁勳章高級元老勳章

發表於 2013-1-1 16:32:45 | 顯示全部樓層
白色要用得好係好難, 多謝師兄分享.
回覆 讚好 不讚 使用道具

舉報

80

主題

4606

回帖

100

積分

初級會員

積分
100

論譠元老勳章高級元老勳章

發表於 2013-1-1 17:40:02 | 顯示全部樓層
多謝分享,happy new year!
回覆 讚好 不讚 使用道具

舉報

0

主題

389

回帖

100

積分

初級會員

積分
100
發表於 2013-1-1 19:21:22 | 顯示全部樓層
回復 tung1871 #1 的帖子

留白是一門很高的技巧。
所以會運用白色對網頁設計很有幫助。
謝謝分享。
回覆 讚好 不讚 使用道具

舉報

您需要登錄後才可以回帖 登錄 | 註冊

本版積分規則

Archiver|聯絡我們|141華人社區

GMT+8, 2025-1-9 23:29

Powered by Discuz! X3.5

© 2001-2024 Discuz! Team.

快速回覆 返回頂部 返回列表