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