【正文】 圖像設(shè)計(jì)的表現(xiàn)技巧 ? 合成與組合 圖像設(shè)計(jì)的表現(xiàn)技巧 ? 合成與組合 疊放的方式是指圖像之間有重疊部分，疊放的圖像可以理解為交叉，圖像一般大小不等，有主次之分，疊放使圖像具有整體感和空間感。 圖像設(shè)計(jì)的表現(xiàn)技巧 ? 退底與輪廓 退底，是將圖片中所選的形象的背景沿邊沿剪裁掉。 圖形圖像創(chuàng)意的出發(fā)點(diǎn) ? 改變視覺(jué)慣性 圖形圖像創(chuàng)意的出發(fā)點(diǎn) ? 借鑒傳統(tǒng)文化 傳統(tǒng)的東西讓歷史得以延續(xù)，讓文化保持差異性，從而讓人的內(nèi)心產(chǎn)生歸屬感。 ? 圖形圖像是為表現(xiàn)特定的主題服務(wù) ， 創(chuàng)意的優(yōu)劣直接影響了主題思想的傳達(dá) ， 好的創(chuàng)意能巧妙 、 恰如其分地表現(xiàn)主題 、 渲染氣氛 ， 增強(qiáng)圖形圖像的感染力 ， 讓人過(guò)目不忘 ，并且能夠統(tǒng)一在網(wǎng)頁(yè)界面的整體風(fēng)格之中 ， 不因?yàn)樽约旱莫?dú)特而打破整個(gè)網(wǎng)頁(yè)的和諧 。 圖形圖像在網(wǎng)頁(yè)界面設(shè)計(jì)中的作用 ? 表現(xiàn)性 圖形圖像的表現(xiàn)性實(shí)際上是突出設(shè)計(jì)的個(gè)性化 ， 給人以獨(dú)特的視覺(jué)體驗(yàn) ， 可以增強(qiáng)網(wǎng)頁(yè)界面的視覺(jué)沖擊力 ， 有助于體現(xiàn)網(wǎng)頁(yè)整體的設(shè)計(jì)創(chuàng)意 。 圖形圖像的視覺(jué)沖擊力比文字大 85％ 。 ? 軟件的整體布局類(lèi)似于目前許多的圖形創(chuàng)作軟件 。 注釋?zhuān)?文件定義類(lèi)型 (DTD)是一套用于定義元素、元素屬性和制定如何形成文件的標(biāo)準(zhǔn)規(guī)則。 SVG的基本格式 ? 與 HTML相類(lèi)似 ， 基于 XML的 SVG， 語(yǔ)法和格式也是結(jié)構(gòu)化的 。 SVG的應(yīng)用價(jià)值 ? 網(wǎng)頁(yè)設(shè)計(jì)思想的改變 采用 SVG進(jìn)行網(wǎng)頁(yè)設(shè)計(jì) ， 是下一代的網(wǎng)頁(yè)設(shè)計(jì)思想 。 同時(shí) ， 因?yàn)槭鞘噶康奈谋疚募?，文件的尺寸不會(huì)很大 ， 非常適合無(wú)線(xiàn)產(chǎn)品的網(wǎng)絡(luò)傳輸 。 一個(gè)簡(jiǎn)單的例子 ， 現(xiàn)有的 asp可以方便的構(gòu)建動(dòng)態(tài)數(shù)據(jù)網(wǎng)頁(yè) ， 利用 SVG， 則可以同樣方便的繪制動(dòng)態(tài)數(shù)據(jù)圖像 ， 例如數(shù)據(jù)分析中的柱狀圖和餅狀圖 。 與 SWF比較 ? SWF的可編輯性不如 SVG。而 GIF，JPEG都不可以產(chǎn)生交互。 如上一小節(jié)所述 ， SVG圖像中的文字獨(dú)立于圖像 ， 可以進(jìn)行文本編輯和查詢(xún) 。 文本格式 ? SVG完全支持 DOM(文檔物件模型 )。目前圖像和動(dòng)畫(huà)中的文字實(shí)質(zhì)上都是圖像。 XML所具有優(yōu)秀的擴(kuò)展性，使得它在網(wǎng)絡(luò)工業(yè)應(yīng)用上，比 HTML有著更大的空間和前景。 SVG的矢量濾鏡對(duì)于遠(yuǎn)程協(xié)作和二次編輯 ， 提供了極大的自由度 。但仍然有很多的圖像設(shè)計(jì)師傾向于使用位圖創(chuàng)作 。計(jì)算機(jī)的屏幕其實(shí)就是一張包含大量像素點(diǎn)的網(wǎng)格。SVG創(chuàng)造一個(gè)利用純文本完成網(wǎng)絡(luò)多媒體的神話(huà)。 特殊的性能 ? 透明性 ? 24位和 8位索引色 PNG圖形都具有可變等級(jí)的透明度 。 圖形的第一次呈現(xiàn)在下載完 1／ 64文件時(shí)開(kāi)始 （ 這比 GIF快 8倍 ） 。由于具有高位深支持的設(shè)計(jì)， PNG文件可以代替 TIFF文件用于保存高細(xì)節(jié)的圖形（在這些地方圖形信息的損失是不允許的，如醫(yī)學(xué)圖片）。 ? Paeth ? 這是由 Alan W． Paeth開(kāi)發(fā)的一個(gè)復(fù)雜的過(guò)濾器。 ? 盡管這些濾鏡都可以使用 ， 但是其中唯一有必要使用的兩種方法是 None（ 對(duì)于索引色圖形 ） 和 Adaptive（ 其他任何一種圖形 ） 。 在 PNG格式下 ， 每一個(gè)通道可以定義為 8位或 16位信息 。 圖形中的每一個(gè)像素都包含一個(gè)對(duì)應(yīng)于它在顏色表中顏色和位置的參考 （ 或索引 ） 。 PNG并不希望永久的為某個(gè)瀏覽器所支持，但是，對(duì)于那兩大瀏覽器 （ MSIE和 Netscape） 例外。這樣的結(jié)果造成 gif文件過(guò)大，應(yīng)用效率低。 ? 因?yàn)?PNG采用的是無(wú)損壓縮方式，盡管相同圖像質(zhì)量的PNG圖像文件比 jpg圖像文件小，但是 jpg可以適當(dāng)?shù)貭奚?huà)面品質(zhì)而取得比 PNG更小的文件尺寸。 PNG圖像的優(yōu)點(diǎn) ? 具有一個(gè)包含 8位或者 16位透明度信息的 alpha通道，這意味著像素可以具有 65000個(gè)透明度（不像GIF的 “ 開(kāi) ” 或 “ 關(guān) ” ）；而 8位（ 256個(gè)色調(diào)的透明度）則更為常見(jiàn)。 PNG圖像的優(yōu)點(diǎn) ? 具有無(wú)損壓縮模式，與 GIF相比它可以更好地對(duì)索引色（調(diào)色板）圖形進(jìn)行壓縮。 ? 1994年， Unisys公司 (優(yōu)利系統(tǒng)公司 ,美國(guó)大型計(jì)算機(jī)廠(chǎng)商之一 )宣稱(chēng)要為它的 LZW壓縮專(zhuān)利對(duì)支持 GIF的軟件的開(kāi)發(fā)者收取許可費(fèi)。 PNG圖像的優(yōu)點(diǎn) ? 支持 8位調(diào)色板（和 GIF一樣）、 16位灰度級(jí)，而且可達(dá)到 48位真彩色（ RGB） 支持，即兼有 gif和jpg的色彩模式。 熟悉 gif格式的圖像處理者知道， gif圖像有一種模式 ——“ interlaced”（ 交錯(cuò)）模式，它更適用于網(wǎng)絡(luò)傳輸。 文字資料 （ 如作者 、出處 ） 、 儲(chǔ)存遮罩 （ MASK） 、 伽瑪值 、 色彩校正碼等信息均可參雜在 PNG圖像中一起傳輸 。 相信不久的將來(lái) MNG也同樣能獲得瀏覽器的支持。 ? 能夠集合以 PNG和 jpg為基礎(chǔ)的圖像。 ? 8位調(diào)色板圖形 ? 和 GIF一樣 ， PNG圖形可以存儲(chǔ)為 8位索引色 。 8位調(diào)色板、灰度級(jí)和真彩色 ? 真彩色 ? PNG格式可以支持 24位和 48位真彩色圖形 。通過(guò)使用濾鏡，它還可以利用某些垂直像素，然而，濾鏡對(duì)于調(diào)色板圖形是不推薦使用的。 濾鏡 ? Up ? 這一算法查找像素列之間的關(guān)系 。 何時(shí)使用 PNG格式 ? “ 在有較高百分比的瀏覽器支持它們時(shí)使用 ” 。 特殊的性能 ? 交錯(cuò)掃描 （ 最大顯示 ） ? 和 GIF一樣 ， PNG格式圖形可以編碼用于交錯(cuò)掃描顯示 。 ? PNG格式圖形可以標(biāo)記以與它們所制作的平臺(tái)相關(guān)的信息 。 工業(yè)標(biāo)準(zhǔn)的矢量圖像格式 — SVG ? 什么是 SVG SVG， 是可任意放縮矢量圖像格式（ Scalable Vector Graphics） 的簡(jiǎn)稱(chēng)。矢量圖相對(duì)位圖而言，更適合用于直接打印、印刷或輸出到一些小型設(shè)備如手提裝置上。 SVG除了矢量圖的優(yōu)勢(shì)，也同樣保持了對(duì)位圖圖像的正確表達(dá)功能。 并且 ，這樣的濾鏡效果是可調(diào)整的 。 基于 XML ? 與 HTML不同， XML完全分離了網(wǎng)站內(nèi)容和網(wǎng)站構(gòu)架。 文本格式 SVG文件是一元 （ 文本 ） 格式的 。 例如使用 JavaScript,perl,Java等語(yǔ)言 ， 開(kāi)發(fā)自動(dòng)圖像和動(dòng)畫(huà)生成系統(tǒng) 。 因?yàn)槭鞘噶繄D像 ， 分辨率獨(dú)立 ， 用戶(hù)可以自由的放縮圖像而不會(huì)破壞圖像的清晰度 。 可交互性。 同時(shí) ， SWF與其他的開(kāi)放標(biāo)準(zhǔn)也沒(méi)有完整的融合方案 。 SVG與其他組織的標(biāo)準(zhǔn)化技術(shù)也能很好的協(xié)調(diào)一致 ， 如 ICC， URI， UNICODE， sRGB，ECMAScript/JavaScript， Java. 使用 SVG并不意味著我們將從此放棄現(xiàn)在的網(wǎng)絡(luò)圖像技術(shù)如 GIF， JPEG， 的文件格式 ,SVG更適合網(wǎng)絡(luò)發(fā)展的需求 ,開(kāi)發(fā)和應(yīng)用SVG意味著獲得一個(gè)更優(yōu)秀的工具和方法 . SVG的應(yīng)用價(jià)值 ? 數(shù)據(jù)表格，圖像地圖 在應(yīng)用領(lǐng)域 ， SVG可以非常適宜的應(yīng)用在數(shù)據(jù)表格和圖像地圖中 。 例如目前使用的手機(jī)產(chǎn)品 ， 其圖像主要是 WBMP。 文字獨(dú)立于圖形信息 ， 這就為圖像搜索和查詢(xún)提供了可能 。 SVG的應(yīng)用價(jià)值 ? 網(wǎng)頁(yè)設(shè)計(jì)思想的改變 因?yàn)?SVG能夠很好的與 HTML和 XML兼容 ， 所以 ， 下一代的網(wǎng)頁(yè)編輯軟件將開(kāi)始結(jié)合圖像創(chuàng)作功能 。該標(biāo)簽用于聲明 SVG文件的開(kāi)始和結(jié)束。 一個(gè)調(diào)用 mp3音樂(lè)的例子 ?xml version= standalone=no? svg xmlns: a=extensions a:timeline=independentwidth=100% h