網(wǎng)站制作之圖形處理技術(shù)

網(wǎng)站制作之圖形處理技術(shù)設(shè)計(jì)網(wǎng)站不得不考慮頁(yè)面的數(shù)據(jù)量。圖形幾乎占有的網(wǎng)頁(yè)的全部數(shù)據(jù)量。如果一屏的文字和圖形的數(shù)據(jù)量超過(guò)100k的話，你就要考慮圖形的選擇問(wèn)題了，因?yàn)檫@么大的數(shù)據(jù)流量下載需要花費(fèi)用戶很長(zhǎng)的時(shí)間，用戶等待下載圖形的耐心往往十分有限。如果真的造成這樣的不愉快，那你設(shè)計(jì)的努力也將付諸東流了。要解決這樣的問(wèn)題，首先我們要了解技術(shù)對(duì)圖像格式的支持。通常適合網(wǎng)絡(luò)傳輸?shù)膱D像格式有以下幾種：GIF、JPEG、PNG、PIC。

GIF格式使用 8位(2的8次方，即256種顏色)顏色，并在保留銳化細(xì)節(jié)（如藝術(shù)線條、徽標(biāo)或帶文字的插圖）的同時(shí)，有效地壓縮實(shí)色區(qū)域。還可以使用 GIF 格式創(chuàng)建動(dòng)畫圖像。大多數(shù)瀏覽器都支持GIF格式。GIF格式使用LZW壓縮，它是無(wú)損耗的壓縮方法。但是，因?yàn)镚IF文件只有256種顏色，所以將原24位圖像優(yōu)化為8位GIF會(huì)導(dǎo)致顏色信息丟失。

PNG-24 格式支持 24 位顏色。和 JPEG 格式一樣，PNG-24 可保留照片中存在的亮度和色相的顯著和細(xì)微變化。和 GIF 和 PNG-8 格式一樣，PNG-24 可保留銳化細(xì)節(jié)，如藝術(shù)線條、徽標(biāo)或包含文字的插圖中的細(xì)節(jié)。

JPEG 格式支持24位顏色，并保留照片和其它連續(xù)色調(diào)圖像中存在的亮度和色相的顯著和細(xì)微變化。大多數(shù)瀏覽器都支持 JPEG。JPEG 通過(guò)有選擇地減少數(shù)據(jù)來(lái)壓縮文件大小。因?yàn)樗鼤?huì)棄用數(shù)據(jù)，所以JPEG 壓縮稱為損耗壓縮。較高品質(zhì)設(shè)置導(dǎo)致棄用的數(shù)據(jù)較少，但是 JPEG 壓縮方法會(huì)降低圖像中細(xì)節(jié)的清晰度，尤其是包含文字或矢量圖形的圖像。

PNG文件使用比GIF更高級(jí)的無(wú)損耗壓縮方案，并且可以比同一圖像的GIF文件小 10-30%，這具體取決于圖像的顏色圖案。因?yàn)椴皇撬械臑g覽器都支持 PNG，所以在圖像必須可由盡可能多的Web用戶訪問(wèn)時(shí)，建議避免使用此格式。PNG格式有兩種類型：PNG-8和 PNG-24。同一圖像的 PNG-24 文件常比JPEG文件大。該格式除了支持背景透明度和背景雜邊外，PNG-24 格式還支持多色階透明度。多色階透明度允許保留多達(dá)256個(gè)色階的透明度，可以平滑地將圖像邊緣與任何背景色混合。但是，不是所有的瀏覽器都支持多色階透明度。

PICT格式作為在應(yīng)用程序之間傳遞圖像的中間文件格式，廣泛應(yīng)用于 Mac OS 圖形和頁(yè)面版面應(yīng)用程序中。PICT格式支持具有單個(gè)alpha通道的RGB圖像和不帶alpha通道的索引顏色、灰度和位圖模式的圖像。PICT 格式在壓縮包含大面積純色區(qū)域的圖像時(shí)特別有效。對(duì)于包含大面積黑色和白色區(qū)域的alpha通道，這種壓縮效果相當(dāng)驚人。

web2.0：我一直聽到說(shuō)這個(gè)時(shí)髦的詞，不管是喜歡還是討厭web2.0，它都是這種特定的web2.0設(shè)計(jì)風(fēng)格的一個(gè)主要的部分。這個(gè)指南的目的是想給一些設(shè)計(jì)新 手一些參考，或者是做為一個(gè)清單，給那些還在掙扎著適應(yīng)著好多社會(huì)性網(wǎng)絡(luò)/社會(huì)性媒體網(wǎng)站風(fēng)格的頁(yè)面圖形設(shè)計(jì)師們。

當(dāng)設(shè)計(jì)師們瘋狂的尋找好的紋理好像木紋、磚塊、布紋等等的時(shí)候，紋理素材網(wǎng)站就應(yīng)運(yùn)而生了。

在photoshop里可以往背景和文字上疊加元素，如果他們被恰當(dāng)使用的話，也的確可以給設(shè)計(jì)帶來(lái)一些情趣。如果你不是很確定是否過(guò)度使用了這個(gè)Web2.0的特征（或者其他特征），那就試著把設(shè)計(jì)貼到設(shè)計(jì)論壇里面尋求反饋吧。

反光 Reflection

著名的蘋果水晶按鈕讓一種設(shè)計(jì)風(fēng)格流行起來(lái)了。
反光在很多web2.0的設(shè)計(jì)風(fēng)格中逐漸開始有了立足之地。這個(gè)設(shè)計(jì)風(fēng)格的關(guān)鍵是注意降低不透明度，這會(huì)使整個(gè)設(shè)計(jì)看起來(lái)效果很好。

閃耀的圖標(biāo) Bling icons

我喜歡好的圖標(biāo)，可愛的圖標(biāo)的確能為一個(gè)平淡的設(shè)計(jì)帶來(lái)層次和亮點(diǎn)。轉(zhuǎn)自：奈薇建站網(wǎng)（www.nev.cn）
Everaldo創(chuàng)建了一個(gè)自己的水晶圖標(biāo)集，同時(shí)也激發(fā)很多有天賦的圖標(biāo)設(shè)計(jì)師的靈感。

web2.0 的徽章 \ 價(jià)格標(biāo)簽

web2.0的徽章和最近流行的價(jià)格標(biāo)簽可以用來(lái)吸引游客的注意力。
大部分的徽章都是反光的（閃閃發(fā)光的），而價(jià)格標(biāo)簽卻普遍是灰暗的。

網(wǎng)站題目：網(wǎng)站制作之圖形處理技術(shù)
分享地址：http://www.muchs.cn/news20/244720.html

網(wǎng)站建設(shè)、網(wǎng)絡(luò)推廣公司-創(chuàng)新互聯(lián)，是專注品牌與效果的網(wǎng)站制作，網(wǎng)絡(luò)營(yíng)銷seo公司；服務(wù)項(xiàng)目有網(wǎng)站制作等

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)