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