網(wang)站(zhan)設(she)計(ji)中(zhong)圖(tu)片(pian)屬(shu)於(yu)如(ru)果(guo)沒(mei)有(you)設(she)置(zhi)好(hao),那(na)麼(me)用(yong)戶(hu)很(hen)可(ke)以(yi)會(hui)在(zai)打(da)一(yi)網(wang)站(zhan)後(hou)無(wu)法(fa)看(kan)到(dao)應(ying)該(gai)顯(xian)示(shi)出(chu)的(de)圖(tu)片(pian)影(ying)響(xiang)網(wang)站(zhan)整(zheng)體(ti)的(de)視(shi)覺(jiao)效(xiao)果(guo),這(zhe)很(hen)可(ke)能(neng)是(shi)因(yin)為(wei)網(wang)頁(ye)不(bu)支(zhi)持(chi)該(gai)圖(tu)片(pian)的(de)格(ge)式(shi)或(huo)模(mo)式(shi)造(zao)成(cheng)的(de)。此(ci)時(shi)網(wang)站(zhan)設(she)計(ji)師(shi)們(men)就(jiu)需(xu)要(yao)從(cong)所(suo)使(shi)用(yong)的(de)圖(tu)片(pian)格(ge)式(shi)入(ru)手(shou)來(lai)解(jie)決(jue)這(zhe)個(ge)問(wen)題(ti)。那(na)麼(me)在(zai)網(wang)站(zhan)設(she)計(ji)中(zhong)圖(tu)片(pian)屬(shu)於(yu)和(he)網(wang)站(zhan)網(wang)站(zhan)配(pei)色(se)應(ying)如(ru)何(he)設(she)置(zhi)呢(ne)?下(xia)麵(mian)分(fen)形(xing)科(ke)技(ji)小(xiao)編(bian)就(jiu)來(lai)為(wei)大(da)家(jia)一(yi)一(yi)說(shuo)明(ming)。

一、網站設計中圖片的正確設置方法
圖片的屬於有格式、模式和分辨率三項決定,所以我們就需要從這三方麵入手確定網站設計中力產的正確設置方法。
1、圖片的格式
適合於網站製作的圖片格式有:jpg(jpeg)、gif、png、bmp,而其他圖片格式則不支持網站的開。所以網站設計師在製作網站時可以根據需要選擇這幾中格式的圖片。分形科技建議大家盡量選擇jpg(jpeg)格式,因為這種格式與我們電腦顯示器的模式相同。
2、圖片的模式
稍有一點ps知識的人都知道我們常見的圖片模式主要有RGB和CMYK兩種,RGB模式是通過對紅(R)、綠(G)、藍(B)三個顏色通道的變化以及它們相互之間的疊加來得到各式各樣的顏色的,RGB的色域幾乎包括了人類視力所能感知的所有顏色,是目前運用最廣的顏色係統之一。CMYKyouchengyinshuasisemoshi,zhideshiyizhongcaiseyinshuashicaiyongdetaosemoshi,zhuyaoliyongdeshiseliaodesanyuansehunseyuanli,jiashangheiseyoumo,gongjisizhongyansehunhediejia,xingchengsuowei“全彩印刷”。
3、適合網頁的圖片分辨率
fenbianlvyouxianshifenbianlvhetuxiangfenbianlvlianglei,xianshifenbianlvzhidejiushipingmufenbianlv,quedingdeshipingmutuxiangdejingmiduhexianshiqisuonengxianshidexiangsuyouduoshao。xianshifenbianlvyidingdeqingkuangxia,xianshipingyuexiaotuxiangyueqingxi,fanzhi,xianshipingdaxiaogudingshi,xianshifenbianlvyuegaotuxiangyueqingxi。tuxiangfenbianlvzeshidanweiyingcunzhongsuobaohandexiangsudianshu,tupiandefenbianlvyuegaotupianyueqingxi,fanzhifenbianlvyuedi、圖片越模糊。
網站設計中一般會采用72px分辨率來處理圖片,而網上常見的圖片很多分辨率會達到300px之多,這種圖片用到網頁設計中是不合適的,有可能造成尺寸偏大、字體大小不對等問題。所以分形科技建議網站設師最好將圖片設計為72px分辨率即可。

二、網站設計中網站配色的正確設置方法
在網頁配色中,RGB和HSB是shi種zhong基ji礎chu配pei色se模mo式shi,我wo們men所suo在zai世shi界jie中zhong的de任ren何he顏yan色se都dou可ke以yi說shuo是shi從cong這zhe個ge兩liang種zhong基ji礎chu基ji配pei色se模mo式shi中zhong所suo獲huo得de的de。網wang站zhan設she計ji師shi需xu要yao經jing過guo長chang期qi的de實shi踐jian經jing驗yan,才cai能neng設she計ji出chu令ling人ren賞shang心xin悅yue目mu的de網wang頁ye。下xia麵mian分fen形xing科ke技ji小xiao編bian就jiu與yu大da家jia分fen享xiang一yi下xia分fen形xing設she計ji師shi們men積ji累lei的de經jing驗yan。
1、網站設計中網站配色的的RGB模式
在本文的第一點中分形科技小編已經為大家介紹了一些關於RGB模式的知識,下麵我們再從網頁配色的角度說明一下。目前我們常用的顯示器大都是采用了RGB顏色標準,是由紅色、綠色、藍色三種色光按照不同的比例混合而成的,有一千萬種以上的顏色。電腦顯示器的工作原理是:通過電子槍打在屏幕的紅、綠、藍三色發光極上來產生色彩的,一組紅色、綠色、藍色就是一個最小的顯示單位。屏幕上的任何一個顏色都可以由一組RGB值來記錄和表達。
通常情況下,RGB各有256級亮度,用數字表示為從0、1、2至255。雖然數字最高是255,但0也是數值之一,因此共256級。按照計算,256級的RGB色彩總共能組合出約1678萬種色彩,即256×256×256=16777216。通常也被簡稱為1600萬色或千萬色。也稱為24位色(2的24次方)。
2、網站設計中網站配色的的HSB模式
HSB模式是一種基於人類眼睛對色彩感覺而定義的顏色模式,其中H、S、B分別表示顏色的色相、飽和度、亮度。HSB模式的顯示原理:baohedugaodesecaijiaoyanli,baohedudidesecaijiejinhuise。liangduzuigaodedaochunbai,liangduzuididedaochunhei,yibanqiansedebaohedujiaodi,liangdujiaogao,ershensedebaohedugaoerliangdudi。
①H(Hue)
H(Hue)指的是色相,在0~360°的標準色輪上,色相是按選取的位置度量的,在實際的網站設計使用中,色相是由顏色名稱區分的,如紅色、綠色等。注:黑色和白色是無色相顏色。
②S(saturation)
S(saturation)指的是飽和度,表示的是色彩的強度或純度,即色相中彩色成分所占的比例。用從0(灰色)~100%(完全飽和)的百分比來度量,飽和度為0時顏色為灰色,飽和度最大時,每一色相的純度最高。注:白、黑和其他灰色色彩都沒有飽和度的。
③B(brightness)
B(brightness)指的亮度,指的是顏色的相對明暗程度,通常是從0(黑)~100%(白)的百分比來度量的。亮度越高色彩越鮮明。注:亮度為0時顏色為黑色。亮度最大亮時顏色為為白色。薦讀文章:企業網站設計中色彩搭配的原理和技巧












