【正文】 eight=100% viewBox=0 0 620 420 a:audio xlink:href= volume=10 begin=0srepeatDur=indefinite /a:audio /svg SVG創(chuàng)作工具 ? Adobe Illustator Adobe在 SVG的開發(fā)中扮演了重要角色 .Adobe Illustrator SVG功能的矢量創(chuàng)作軟件 .目前可以進行靜態(tài)圖形的創(chuàng)作和部分交互功能的實現(xiàn) .其交互功能需要手寫 javascript腳本 . Adobe Illustator ? 創(chuàng)作 AI圖像后 ,選擇 FileExport(文件 輸出 ),選擇文件類型 SVG,在 SVG Option面板中設(shè)置相關(guān)屬性 ,可以輸出 SVG文件 . Web Draw ? WebDraw是 Jasc Software按照 W3C組織制定的 SVG規(guī)范書開發(fā)的矢量圖像和動畫制作工具 ， 專業(yè)應(yīng)用于 SVG創(chuàng)作 。 Web Engine有一個比較不足的地方，給設(shè)計者帶來很大的限制，就是沒有提供源代碼視圖，無法直接進行源代碼的修改和編輯。 藝術(shù)性將網(wǎng)頁界面藝術(shù)化 ， 同時提高了傳達信息的功能 。 網(wǎng)頁界面中的圖形圖像包括主體圖 、 輔助圖 、 導(dǎo)航圖標 、 標志 、 廣告 、 動畫中的靜態(tài)圖等等 。 圖形圖像創(chuàng)意的出發(fā)點 ? 情感的魅力 圖形圖像創(chuàng)意的出發(fā)點 ? 情感的魅力 圖形圖像創(chuàng)意的出發(fā)點 ? 夸張與幽默 幽默是生活和藝術(shù)中的一種喜劇因素，詼諧、有趣而富有深刻的意義，使人得到一種精神上的快感和滿足。 圖形圖像創(chuàng)意的出發(fā)點 ? 直接表達 圖像設(shè)計的表現(xiàn)技巧 ? 面積與方向 面積大的圖像在畫面中占的份量大，表達感情更為直接，更容易吸引觀眾的注意，在視覺上能產(chǎn)生一種強大的震撼力。 圖像設(shè)計的表現(xiàn)技巧 ? 虛實與影調(diào) 圖像設(shè)計的表現(xiàn)技巧 ? 合成與組合 圖像設(shè)計的表現(xiàn)技巧 ? 合成與組合 圖像設(shè)計的表現(xiàn)技巧 ? 合成與組合 圖像的組合，是指幾副圖片以不同方式擺放，形成一個圖像群或圖像組，以期傳達更多信息。特寫能讓圖像具有獨特的藝術(shù)魅力，使觀眾對圖像產(chǎn)生瞬間的凝視，引發(fā)觀眾的興趣點，“ 見微而知著 ” ，明了事物的本質(zhì)特征。 圖像設(shè)計的表現(xiàn)技巧 ? 退底與輪廓 結(jié)合創(chuàng)意設(shè)計的不同形狀的輪廓使圖像更為活潑、新穎，影響頁面氣氛的同時為瀏覽者提供了興趣點。 圖形圖像創(chuàng)意的出發(fā)點 ? 文字的變化 ——文字的組合 將不同字體、大小、色彩、方向的文字有機組合在一起，成為節(jié)奏感強、靈活多變的表達方式。 圖形圖像創(chuàng)意的出發(fā)點 ? 聯(lián)想 綜合人的認知能力、記憶能力理解能力和想象能力所進行的一種創(chuàng)造性的思維活動。 如果網(wǎng)頁界面本身的內(nèi)容不是很豐富 ， 圖形圖像則可以讓網(wǎng)頁活躍起來 ， 通過圖形圖像在視覺上產(chǎn)生趣味性 ，即在構(gòu)思中調(diào)動了藝術(shù)手段； 如果網(wǎng)頁界面的內(nèi)容本身已很充實 ， 僅靠文字表達 ， 不免顯得平實 、 單薄 ， 甚至有枯燥的感覺 ， 而圖形圖像所帶來的趣味性 ， 能使傳達的信息如虎添翼 、 神采飛揚 ，使網(wǎng)頁煥發(fā)出活力 ， 達到吸引人 、 打動人的目的 。 圖形圖像所具有的直觀性 、 準確性可以讓接收者更快 、更準地理解信息 ， 因而與文字 、 聲音 、 視頻傳播方式一起 ， 構(gòu)成了網(wǎng)頁界面特有的信息傳達系統(tǒng) 。 Web Engine是目前極少數(shù)不需要通過手寫代碼即可完成 SVG動態(tài)交互創(chuàng)作的工具 ，它的精靈向?qū)Э梢院芸斓亩x簡單的交互動作 。通過各類元素標簽和標簽對應(yīng)的屬性來描述 SVG對象。 SVG的基本格式 ? SVG使用一組組的元素標簽，創(chuàng)建和組織文件以及文件中的對象。 而利用 SVG， 則可以實現(xiàn)頁面圖形設(shè)計和文字編輯的一步完成 。 SVG的應(yīng)用價值 ? 圖像搜索引擎 不同于現(xiàn)在的二維圖像 ， SVG是一個可實現(xiàn)交互和查詢的文件格式 。 這樣的圖像地圖文件的文件大小也僅僅是 K字節(jié)級別 。 SVG的應(yīng)用價值 ? 網(wǎng)絡(luò)發(fā)展的需要 ,與其他開放標準兼容 如同 PNG作為 W3C的位圖圖像工業(yè)標準 ,SVG是網(wǎng)絡(luò)中解決矢量圖像的工業(yè)標準 .在 SVG以前 ,除了 Macromedia開發(fā)了 SWF作為矢量的網(wǎng)絡(luò)文件格式 ,還沒有其他的矢量文件在網(wǎng)絡(luò)中應(yīng)用 .因為位圖文件受到本身的很多局限 ,在圖形印刷和傳輸中 ,矢量文件有很大的應(yīng)用價值 ,所以 ,必定會有相應(yīng)的矢量標準得到開發(fā)和應(yīng)用 ,這就是 SVG. SVG的應(yīng)用價值 ? 網(wǎng)絡(luò)發(fā)展的需要 ,與其他開放標準兼容 作為 W3C的推薦格式 ， SVG與現(xiàn)有的其他開放標準有很好的兼容性 。但是，盡管 Flash憑借其優(yōu)越的表現(xiàn)形式和便利的創(chuàng)作工具成為目前網(wǎng)絡(luò)動畫設(shè)計的首選， SWF日益在網(wǎng)絡(luò)中普及，但我們也應(yīng)該看到，與 SVG相比較， SWF存在著以下的不足： 與 SWF比較 ? SWF是一個非開放標準 。 與 GIF， JPEG比較 色彩適應(yīng)性更強 。 簡言之 ， 文本格式使得 SVG獲得了與其它技術(shù)標準更大的交互和融合的特點 。圖像中的文字也可以被用戶瀏覽器查找。圖像中的數(shù)據(jù)可以根據(jù)需要，由應(yīng)用程序讀取、修改和統(tǒng)計并最終在圖像中顯示。當一個網(wǎng)站變得越來越復(fù)雜的同時，為了獲得更好的管理和交互，網(wǎng)站開發(fā)者同樣需要一個比HTML更優(yōu)秀的網(wǎng)絡(luò)開發(fā)語言和工具。例如，輸出一幅霧化效果的位圖圖像，您已經(jīng)無法再恢復(fù)原來清晰的圖像。相對而言，位圖需要的存儲空間要比矢量圖更多。矢量圖像的最大優(yōu)點是 “ 分辨率獨立 ” 。 ? 允許在 PNG圖像上創(chuàng)建透明度信息的工具僅有： Adobe Photoshop（ 4． 0 或者更高版本 ） 、 Adobe ImageReady、 Macromedia Fireworks、 GIMP（ 一種用于 Unix、 Linux和 OS／ 2的圖形編輯工具 ） 和 PaintShop Pro（ ） 、 Photoshop僅支持 24位 透 明 度 ， 它 所 得 的 文 件 非 常 大 。 因為不同平臺 （ 甚至是不同的制造商 ） 的 gamma設(shè)置是不同的 ， 所以制作的圖像在不同平臺上看起來就可能和預(yù)想的不一樣 。 對于同一個圖形 ， PNG更好的壓縮引擎可以得到比GIF更小的文件 ， 然而 ， 壓縮的效率很大程度上取決于 PNG格式在所使用的圖像程序上的實現(xiàn)程度 。因此，如果你不能確定選擇哪一種過濾算法，你可以讓“ Adaptive”試一試各種算法。 ? Sub ? 這個過濾算法分析像素行之間的圖形信息的關(guān)系。 ? PNG格式使用“緊縮”壓縮設(shè)計。這對于必須保留很多細節(jié)的醫(yī)學(xué)圖片和其他類型的圖片是很有用的，但是對于要在 Web上傳送的圖形并不是很有益處。 8位調(diào)色板、灰度級和真彩色 PNG設(shè)計目的用于在線取代 GIF， 也用于圖形存儲及打印為非連續(xù)實現(xiàn)的 TIFF格式。 ? 對于復(fù)雜的動畫采用嵌套循環(huán)方式。 PNG的動畫實現(xiàn)格式 —— MNG ? MNG是多重影像網(wǎng)絡(luò)圖像 “ Multiple－ Image Network Graphics”的縮寫。 PNG圖像的優(yōu)點 ? 可使 PNG格式圖形在任何平臺上以期望的亮度顯示 gamma校正信息；具有若干種檢查文件完整性和破壞程度的方法；文本存儲的能力 ， 用于關(guān)鍵信息如版權(quán)；非專利壓縮 ， 擺脫了許可限制 。而對于相片品質(zhì)一類的壓縮， PNG則采用類似 jpg的壓縮演算法，它處理相片類圖像亦是采用非破壞性壓縮，不同的是圖像壓縮后能保持與壓縮前圖像質(zhì)量一樣，沒有一點失真。 ? PNG宣告數(shù)日后， Thomas Boutell在 新聞組上發(fā)布了第一