首頁?>?知識?資訊?>?網(wǎng)站顏色對訪問者的影響!?>?正文

網(wǎng)站顏色對訪問者的影響!

2012/10/7 0:00:00 · 稿源:傳誠信

網(wǎng)站設(shè)計中用一種顏色的名稱的麻煩是,它從來沒有真正被視為完全相同的兩個不同的個人色彩 - 一個網(wǎng)站的情緒的影響,特別是如果他們的股份。命名的顏色,你最有可能給一個錯誤的印象。即使是像“藍色”是不確定的。為了更準確,也可能是“天空藍”,“海洋藍”,“牛仔藍”,甚至“電弧焊機藍色”。

簡述隨個人口味和在上下文中與其他顏色搭配。我們的標簽“靛藍”,“玉”,“橄欖樹”,“桔”,“紅字”或“余興節(jié)目”。“電石灰”到底是什么?名稱和精確的色調(diào)變化 - 除非你是一個電腦。

守則要求精密

當計算機命名的顏色,他們使用了所謂的十六進制代碼,多數(shù)人來說,光澤度:24位色彩。也就是說,16,777,216獨特的6個字符由10個數(shù)字和字母的組合-前由哈希標記。任何計算機語言一樣,有一個邏輯系統(tǒng)在發(fā)揮作用。設(shè)計者了解如何十六進制顏色的工作,可以把他們作為工具,而不是奧秘的人。

打破成可管理的字節(jié)的十六進制數(shù)

背光式屏幕上的像素是暗的,直到由紅色,綠色,和藍色的組合點亮。十六進制數(shù)表示這些組合用簡潔的代碼。該代碼是容易破碎。為了使#970515感,我們需要看一下它的結(jié)構(gòu):

第一個字符#聲明,這是一個十六進制數(shù)。“的其他6個是真正的三對0-9和A-F。每對控制一個附加的原色。

六角閱讀
數(shù)越高,各原色的是較亮的。在上面的例子中,97壓垮紅色,05的綠色的顏色和15的藍色的顏色。

每對只能容納兩個字符,但僅是中型的灰色#999999。為了達到色彩亮度比99,只有兩個字符,每個字符的十六進制數(shù)字用字母來代表10-16。甲,乙,?,e,?,后0-9和F使得甚至16,而不是像杰克,皇后,國王和卡的王牌。

圖顯示了如何通過上述0-9的十六進制顏色

作為數(shù)學,計算機代碼,十六進制數(shù)字的字符串模式。例如,因為00是小學和FF的缺乏是主要的,充滿力量,#000000是黑色的(不初選),#FFFFFF是白色的(初選)。我們可以建立在這些發(fā)現(xiàn)加色和減色。從黑色,每一對FF:

  • #000000是黑色的,出發(fā)點。
  • 0000#FF代表最亮的紅色。
  • #00FF00代表最明亮的綠色。
  • #0000FF代表最明亮的藍色。

減色與白色,即開始的幫助#FFFFFF。要減色原色,更改每對00:

  • #FFFFFF是白色的出發(fā)點。
  • #00FFFF代表最亮青色。
  • #FF00FF表示最明亮的紫紅色。
  • #FFFF00代表最亮的黃色。

混合添加劑的色彩,使subtractives

在十六進制的快捷方式

使用只有三個字符,如#FAE的十六進制數(shù),這意味著,每個地方應匹配的十六位。因此,#,F(xiàn)AE擴大到#ffaaee#09B的真正含義#0099bb。這些速記的代碼提供了簡潔的代碼。

在大多數(shù)情況下,人們可以通過忽略所有其他字符讀取一個十六進制數(shù),因為差之間的sixteens的地方告訴我們超過個位。也就是說,它是很難看到在41和42之間的差異,更容易衡量的是41和51之間的差異。

圖強調(diào)的第一個字符,每個字符對

上面的例子有足夠的差異在其十六地方的顏色容易被猜到的 - 大量的紅,有藍,沒有綠。這將為我們提供一個溫暖的紫色。在第二個例子中(9,9和8)的數(shù)萬非常相似。要判斷這顏色,我們需要檢查的那些(7,0,和5)。十六進制顏色的十六地方越近,比較中性的(即不飽和)會。

十六進制為你工作

了解十六進制顏色可以讓設(shè)計師做多同事和客戶留下深刻的印象,說:“啊,好乘涼的勃艮第?!笔M制顏色,讓設(shè)計人員在飛行中的顏色進行調(diào)整,以提高可讀性,在樣式表中識別元素的顏色,發(fā)色計劃的方式大多數(shù)圖像編輯器不能。

將燈罩的性質(zhì)

變亮或變暗的顏色,往往是一個人的傾斜調(diào)節(jié)其亮度,這使得運行的顏色的范圍從黑暗的輝煌,但失去了它的性質(zhì)的任何一端的規(guī)模。例如,下面中間的綠色變得決然黑的時候減少到20%的亮度。提高到100%,一次中性的綠色收益活力。

一個有趣的事情發(fā)生了,當我們把十六進制顏色,就好像它們是增量為10。通過添加一個到每個每對左手的字符,我們提出了一種顏色的亮度的同時,降低其飽和。這可以防止在給定的顏色深淺不一的,太密切徘徊在球場黑色或輝煌的霓虹燈。改變十六進制對保留的本質(zhì)的顏色。

圖十六進制影響亮度和飽和度

在上面的例子中,最上方的陰影,獲得黃色或下降為黑色,即使它在技術(shù)上是相同的綠色色調(diào)。通過改變其十六進制對,第二組保持更自然的色調(diào)。

褪色強調(diào)

默認情況下,瀏覽器下劃線的文本表示鏈接。但厚強調(diào)字母'的下伸干擾。設(shè)計人員可以強調(diào)不那么礙眼的十六進制顏色縮減。這樣做是為了使標簽的背景色,而文字本身的映襯下獲得對比度。

  • 在明亮的背景上的黑色文字,我們的鏈接更亮。
  • 明亮的文本在深色背景上,我們的鏈接顏色較深。

為了使這項工作,每一個嵌入的鏈接需要跨度內(nèi)的每

{文本裝飾:下劃線顏色:#aaaaff;}

跨度{文本裝飾:無;顏色:#0000FF;}

的例子強調(diào)指出,蒼白相比,可點擊的文本

你可以在這里看到,強調(diào)在相同顏色的文本可能會干擾部分類型掉落在基線下方。改變下劃線類似的背景,更加緊密地使下行字母更易于閱讀,盡管大多數(shù)瀏覽器將強調(diào)上面的字體。

每一個錨標記中添加跨度可能會出現(xiàn)問題。一種流行的替代方法是刪除下劃線和添加邊框底部:

{文本裝飾:無;底部邊框:1px固體#aaaaff;}

更好的身體復制

一個反復出現(xiàn)的設(shè)計問題是一個特定的顏色可能在技術(shù)上是正確的,但有一個意想不到的效果。例如,一些設(shè)計要求的標頭和正文是相同的顏色。我們必須記住,越厚招大文本出現(xiàn),顏色越深的小文出現(xiàn)。

文本的例子,雖然在技術(shù)上是正確的,顯得太亮

H1,P {顏色:#797979;}

例如技術(shù)上的文字越暗,但在視覺上相同

H1 {顏色:#797979;}

P {顏色:#393939;}

雖然技術(shù)上是相同的,身體的副本窄,更細膩的字體,使其外觀亮度比的標題。降低sixteens的地方,將會使文本更容易閱讀。

如何溫暖或冷卻的背景

中性的背景可能很容易讀對的,但沒有“中性”的意思是“平淡”。調(diào)整的第一個和最后一個字節(jié)可以使一個背景巧妙地溫暖或冷卻器。

輕微的背景顏色變化的例子

那是太多?一個更微妙的轉(zhuǎn)變,使用的地方,而不是:

背景顏色的例子非常輕微的變化

協(xié)調(diào)的顏色復制 - 粘貼

認識到結(jié)構(gòu)的一個十六進制數(shù)的數(shù)字/字母對,為設(shè)計人員提供了一個獨特的工具,探索的色彩組合。不同的色輪和圖表,重新安排對一個十六進制數(shù)是一個簡單的過程,改變色調(diào),同時保持相似的值。作為獎勵,其結(jié)果可能是不可預知的。最簡單的技術(shù)是移動到一個不同的點,其中交易原色1對字符。

常見的設(shè)計技術(shù),使文字或其他視覺元素,配合照片是在該照片中使用的顏色。了解的十六進制顏色可以更進了一步,獲得新的顏色協(xié)調(diào)與照片不采取直接從照片。

如何交換原色的例子可以得到協(xié)調(diào),但有趣的結(jié)果

展望未來


不要讓代碼恐嚇。隨著一點點的創(chuàng)造力,十六進制顏色是一種工具,在您的處置。如果不出意外,下一次有人問,如果你能解決的問題在任何語言的代碼,你可以簡單地說:網(wǎng)站顏色對訪問者的影響很大!

本文作者來自北京傳誠信,轉(zhuǎn)載請注明出處:北京傳誠信(js-hbsb.cn


選擇北京網(wǎng)站建設(shè)公司-傳誠信,優(yōu)質(zhì)服務,絕對不容錯過 !

  • 相關(guān)推薦
  • 大家在看
熱文
  • 熱門
  • 最新
客戶服務
咨詢熱線

010-62199213

24小時咨詢熱線

139-1050-5354