建站常識
關(guān)于網(wǎng)頁設(shè)計中的顏色
2005-12-29 20:33:00
背景與前景文字,盡可能的避免色彩的亮度,色調(diào),飽和度接近,主要是為了能讓頁面信息能夠正確的被閱讀,(當然有特殊目的除外了)同時要避免高飽和度的文字與明亮的背景配合,這樣可能比較刺眼,如果背景比較暗淡,有時候使用很亮的文字有很好的效果。在使用表格背景色或網(wǎng)頁背景色這類大面積的色塊時,最好使用低飽和度的顏色(視覺上是,看上去不是會發(fā)光的顏色)
而如給表格邊框加色時就不必像處理大面積色塊那樣去處理了,但是也要看問一下你的眼睛是不是舒服。
在頁面中不要去用好幾種顏色一般就3-4種差不多了,如果覺得單調(diào)了在網(wǎng)頁里加一些照片,這樣在顏色上不會感覺單調(diào)了,為了形成一種風格,頁面因該形成一個主色調(diào),不同的頁面,配以不同的輔色調(diào),那樣才不會有單調(diào)的感覺。
相關(guān)背景資料:顏色表示方法常見的模型包括 HSB(表示色相、飽和度、亮度);RGB(表示紅、綠、藍);CMYK(表示青、洋紅、黃、黑);以及 CIE L*a*b*。 基于人類對顏色的感覺,
HSB 模型描述顏色的三個基本特征:
· 色相是從物體反射或透過物體傳播的顏色。在 0 到 360 度的標準色輪上,色相是按位置度量的。在通常的使用中,色相是由顏色名稱標識的,比如紅、橙或綠色。
· 飽和度,有時也稱彩度,是指顏色的強度或純度。飽和度表示色相中灰成分所占的比例,用從 0%(灰色)到 100%(完全飽和)的百分比來度量。在標準色輪上,從中心向邊緣飽和度是遞增的。
· 亮度是顏色的相對明暗程度,通常用從 0%(黑)到 100%(白)的百分比來度量。
A. 飽和度 B. 色相 C. 亮度 D. 所有色相
絕大部分的可見光譜可以用紅、綠和藍 (RGB) 三色光按不同比例和強度的混合來表示。
因為 RGB 顏色合成產(chǎn)生白色,它們也叫作加色。將所有顏色加在一起產(chǎn)生白色──也就是說,所有光被反射回眼睛。加色用于光照、視頻和顯示器。例如,顯示器通過紅、綠和藍熒光粉發(fā)射光線產(chǎn)生彩色。
加色 (RGB)Photoshop 的 RGB 模式使用 RGB 模型,給彩色圖象中每個象素的 RGB 分量分配一個從 0(黑色)到 255(白色)范圍的強度值。例如,一種明亮的紅色可能 R 值為 246,G 值為 20,B 值為 50。當三種分量的值相等時,結(jié)果是灰色。當所有分量的值都是 255 時,結(jié)果是純白色;而當所有值都是 0 時,結(jié)果是純黑色。
RGB 圖象只使用三種顏色,在屏幕上重現(xiàn)多達 1,670 萬種顏色。RGB 圖象為三通道圖象,因此每個象素包含 24 位 (8 × 3)。計算機顯示器總是使用 RGB 模型顯示顏色。這意味著在非 RGB 顏色模式(如 CMYK)下工作時,Photoshop 會臨時將數(shù)據(jù)轉(zhuǎn)換成 RGB 數(shù)據(jù)再在屏幕上顯示出現(xiàn)。
CMYK 模型以打印在紙張上油墨的光線吸收特性為基礎(chǔ),當白光照射到半透明油墨上時,部分光譜被吸收,部分被反射回眼睛。理論上,純青色 (C)、洋紅 (M) 和黃色 (Y) 色素能夠合成吸收所有顏色并產(chǎn)生黑色。由于這個原因,這些顏色叫作減色。因為所有打印油墨都會包含一些雜質(zhì),這三種油墨實際上產(chǎn)生一種土灰色,必須與黑色 (K) 油墨混合才能產(chǎn)生真正的黑色。(使用 K 而不是 B 是為了避免與藍色混淆。)將這些油墨混合產(chǎn)生顏色叫作四色印刷。
減色 (CMY) 和加色 (RGB) 是互補色,每對減色產(chǎn)生一種加色,反之亦然。
減色 (CMYK)
近期更新
- [2023-06-25 23:22:29] 優(yōu)秀網(wǎng)站設(shè)計的五大特點
- [2023-04-27 14:05:55] Html 5 響應(yīng)式網(wǎng)站設(shè)計制作
- [2023-04-10 11:07:30] 網(wǎng)站建設(shè)制作流程知多少
- [2022-10-14 10:11:30] 做網(wǎng)站設(shè)計應(yīng)該更看重框架搭建還是視覺觀感?
- [2022-08-09 15:57:48] 以“產(chǎn)品”思維搭建網(wǎng)站!
- [2022-08-08 09:12:57] 一家公司的網(wǎng)站應(yīng)該有哪些板塊內(nèi)容?
- [2022-08-05 09:28:06] 企業(yè)網(wǎng)站建設(shè)為什么要設(shè)置新聞板塊?
- [2022-07-04 15:58:06] 網(wǎng)站首頁設(shè)計的好看,這個網(wǎng)站就成功了一大半!
- [2022-05-20 09:34:19] 網(wǎng)站后臺管理系統(tǒng)是什么?有什么作用?
- [2022-05-17 11:29:32] 作為消費者,應(yīng)該如何選擇一家水平高的網(wǎng)站建設(shè)公司
- [2022-05-17 11:27:01] 高端網(wǎng)站定制與模板化網(wǎng)站應(yīng)該怎么選擇?
- [2022-04-22 16:00:41] 現(xiàn)在高端的網(wǎng)站設(shè)計都有哪些新的趨勢?
延伸閱讀
- [2016-03-04 10:35:16] 跨境電商稅改新政實施
- [2009-11-04 22:35:00] 交互設(shè)計表格
- [2010-11-22 08:30:00] 用戶體驗設(shè)計中的不安因素
- [2010-11-11 08:38:00] SNS網(wǎng)站的加好友請求頁面的比較和分析
- [2009-07-15 07:57:00] 為什么首頁最后設(shè)計
- [2007-12-19 22:18:00] 網(wǎng)易不太成功的首頁改動
- [2010-05-24 08:52:00] 用戶體驗的質(zhì)量管理
- [2009-04-23 11:37:00] 像懶人一樣去設(shè)計
- [2009-10-29 18:28:00] 頁面加載對訪問的影響
- [2006-10-16 09:27:00] 如何做好一個WEB2.0站點
- [2007-01-04 09:19:00] 自然界的色彩搭配與界面設(shè)計
- [2009-06-11 08:16:00] 低成本提高web可用性的幾個細節(jié)(一)
解決方案
輪胎行業(yè)網(wǎng)站設(shè)計解決方案 機械行業(yè)網(wǎng)站設(shè)計解決方案 房地產(chǎn)行業(yè)網(wǎng)站設(shè)計解決方案 科技企業(yè)網(wǎng)站設(shè)計解決方案 電子家電網(wǎng)站設(shè)計解決方案 食品行業(yè)網(wǎng)站設(shè)計解決方案 集團公司網(wǎng)站設(shè)計解決方案 企事業(yè)單位網(wǎng)站設(shè)計解決方案 外貿(mào)行業(yè)網(wǎng)站設(shè)計解決方案 健身運動網(wǎng)站設(shè)計解決方案 美容與化妝品網(wǎng)站設(shè)計解決方案 建筑設(shè)計行業(yè)網(wǎng)站設(shè)計解決方案 物流行業(yè)網(wǎng)站設(shè)計解決方案
TAGS關(guān)鍵字
網(wǎng)站交互設(shè)計 空白和簡潔的設(shè)計 中小型企業(yè)網(wǎng)站建設(shè) 用戶界面 IT資訊 SEO 企業(yè)網(wǎng)站為什么要備案 如何做網(wǎng)站優(yōu)化 插畫 青島輪胎網(wǎng)站設(shè)計 集團性網(wǎng)站 SEO優(yōu)化 微信營銷的優(yōu)勢 青島IT資訊 平面設(shè)計 搜索引擎蜘蛛 搜索引擎 網(wǎng)站建設(shè)的步驟有哪些 頁面設(shè)計 良好的導航 官網(wǎng)網(wǎng)站建設(shè) 網(wǎng)站視覺 css 網(wǎng)站建設(shè),手機網(wǎng)站 網(wǎng)站品牌 網(wǎng)站規(guī)劃 手機端的網(wǎng)站 程序開發(fā) 網(wǎng)頁設(shè)計 企業(yè)網(wǎng)站建設(shè)