【正文】 應用價值 ,所以 ,必定會有相應的矢量標準得到開發(fā)和應用 ,這就是 SVG. SVG的應用價值 ? 網(wǎng)絡發(fā)展的需要 ,與其他開放標準兼容 作為 W3C的推薦格式 ， SVG與現(xiàn)有的其他開放標準有很好的兼容性 。 這就為網(wǎng)絡圖像數(shù)據(jù)表格提供了很大的應用前景 。 這樣的圖像地圖文件的文件大小也僅僅是 K字節(jié)級別 。 而如果利用 SVG，只要在無線設備中安裝一個文本解析器 ， 就可以實現(xiàn)對SVG文件的識別和顯示 。 SVG的應用價值 ? 圖像搜索引擎 不同于現(xiàn)在的二維圖像 ， SVG是一個可實現(xiàn)交互和查詢的文件格式 。 依據(jù) SVG的這種交互性 ， 可以創(chuàng)建大型的圖像搜索引擎 。 而利用 SVG， 則可以實現(xiàn)頁面圖形設計和文字編輯的一步完成 。 結(jié)合 SVG創(chuàng)作網(wǎng)頁 ， 將使網(wǎng)頁設計師真正可以“ 畫 ” 出頁面 。 SVG的基本格式 ? SVG使用一組組的元素標簽，創(chuàng)建和組織文件以及文件中的對象。 下面的代碼是一個通常的獨立 SVG文件的頭部標識： SVG的基本格式 ?xml version=“” encoding=“iso88591”? !DOCTYPE svg PUBLIC //W3C//DTD SVG 20220303 Stylable//EN 20220303/DTD/ svg xml:space=preserve width= height=.5in ... /svg 注釋：建立了 “ 本文件基于 XML ， 編碼方式是 iso88591”的基本信息。通過各類元素標簽和標簽對應的屬性來描述 SVG對象。 同時提供源代碼視圖窗口 ， 支持后續(xù)源代碼編輯和修改 。 Web Engine是目前極少數(shù)不需要通過手寫代碼即可完成 SVG動態(tài)交互創(chuàng)作的工具 ，它的精靈向?qū)Э梢院芸斓亩x簡單的交互動作 。 ? 圖形圖像設計不僅屬于藝術設計的范疇 ， 它還涉及心理學 、符號學 、 傳播學等方面的知識 。 圖形圖像所具有的直觀性 、 準確性可以讓接收者更快 、更準地理解信息 ， 因而與文字 、 聲音 、 視頻傳播方式一起 ， 構(gòu)成了網(wǎng)頁界面特有的信息傳達系統(tǒng) 。 形態(tài)本身的審美因素 ， 會直接影響視覺的傳達效果 ， 具有視覺美感的形態(tài)能夠促使人們愉快地接受所傳達的信息 ，容易在心理上引起共鳴 。 如果網(wǎng)頁界面本身的內(nèi)容不是很豐富 ， 圖形圖像則可以讓網(wǎng)頁活躍起來 ， 通過圖形圖像在視覺上產(chǎn)生趣味性 ，即在構(gòu)思中調(diào)動了藝術手段； 如果網(wǎng)頁界面的內(nèi)容本身已很充實 ， 僅靠文字表達 ， 不免顯得平實 、 單薄 ， 甚至有枯燥的感覺 ， 而圖形圖像所帶來的趣味性 ， 能使傳達的信息如虎添翼 、 神采飛揚 ，使網(wǎng)頁煥發(fā)出活力 ， 達到吸引人 、 打動人的目的 。 圖形圖像設計的造型元素 ? 基本造型元素 ? 點 ? 線 （ 垂直 、 水平 、 斜線 、 幾何曲線 、 自由曲線的排列組合 ） ? 面 （ 幾何形：方形 、 圓形 、 三角形；自由形 ） ? 擴展造型元素 ? 空間 ? 運動 ? 質(zhì)感 圖形圖像的創(chuàng)意與設計 ? 創(chuàng)意就是用一種新穎而與眾不同的方式來傳達單個意念的技巧與才能 ， 即所謂客觀地思索 ， 然后天才地表達 。 圖形圖像創(chuàng)意的出發(fā)點 ? 聯(lián)想 綜合人的認知能力、記憶能力理解能力和想象能力所進行的一種創(chuàng)造性的思維活動。這種改變包括形象的大小、形狀、所在方位、色彩等。 圖形圖像創(chuàng)意的出發(fā)點 ? 文字的變化 ——文字的組合 將不同字體、大小、色彩、方向的文字有機組合在一起，成為節(jié)奏感強、靈活多變的表達方式。 圖像設計的表現(xiàn)技巧 ? 面積與方向 方向性強則運動感強，具有很強的視覺攻勢，方向性若則給人以平穩(wěn)、安定的感覺。 圖像設計的表現(xiàn)技巧 ? 退底與輪廓 結(jié)合創(chuàng)意設計的不同形狀的輪廓使圖像更為活潑、新穎，影響頁面氣氛的同時為瀏覽者提供了興趣點。 平鋪的方式是指圖像與圖像之間相對獨立，不互相重疊，平鋪的圖像可以理解為平行，如果圖像大小相等，它們之間則是平等的關系。特寫能讓圖像具有獨特的藝術魅力，使觀眾對圖像產(chǎn)生瞬間的凝視，引發(fā)觀眾的興趣點，“ 見微而知著 ” ，明了事物的本質(zhì)特征。 圖像設計的表現(xiàn)技巧 ? 局部與特寫 局部是相對整體而言的，相對局部的圖像能讓視線集中，有一種點到為止、意猶未盡的感覺。 圖像設計的表現(xiàn)技巧 ? 虛實與影調(diào) 圖像設計的表現(xiàn)技巧 ? 合成與組合 圖像設計的表現(xiàn)技巧 ? 合成與組合 圖像設計的表現(xiàn)技巧 ? 合成與組合 圖像的組合，是指幾副圖片以不同方式擺放，形成一個圖像群或圖像組，以期傳達更多信息。退底后的圖像，其外輪廓呈自由形狀，具有清晰分明的視覺形態(tài)，顯得靈活自如。 圖形圖像創(chuàng)意的出發(fā)點 ? 直接表達 圖像設計的表現(xiàn)技巧 ? 面積與方向 面積大的圖像在畫面中占的份量大，表達感情更為直接，更容易吸引觀眾的注意，在視覺上能產(chǎn)生一種強大的震撼力。在進行圖形圖像的創(chuàng)意思維時，圍繞它的主題，結(jié)合傳統(tǒng)文化的內(nèi)容和表現(xiàn)形式，創(chuàng)意構(gòu)思可能會更有文化內(nèi)涵，視覺效果也會更加靈活多樣。 圖形圖像創(chuàng)意的出發(fā)點 ? 情感的魅力 圖形圖像創(chuàng)意的出發(fā)點 ? 情感的魅力 圖形圖像創(chuàng)意的出發(fā)點 ? 夸張與幽默 幽默是生活和藝術中的一種喜劇因素，詼諧、有趣而富有深刻的意義，使人得到一種精神上的快感和滿足。 ? 圖形圖像的創(chuàng)意是一種復雜的創(chuàng)造性活動，既要表現(xiàn)出形式統(tǒng)一的整體風格，又要體現(xiàn)自己獨特的意味，這需要一種思維的平衡能力。 網(wǎng)頁界面中的圖形圖像包括主體圖 、 輔助圖 、 導航圖標 、 標志 、 廣告 、 動畫中的靜態(tài)圖等等 。 在圖形圖像設計的過程中敢于思考 、 敢于獨樹一幟 、 敢于別出心裁 ， 才能增加網(wǎng)頁的記憶度 ， 最終達到出奇制勝的傳達效果 。 藝術性將網(wǎng)頁界面藝術化 ， 同時提高了傳達信息的功能 。 ? 一圖勝千字，圖形圖像能將信息傳達得更立體、真實、直接，更易于理解，從而高效率、高質(zhì)量地表達設計意念，使本來平淡的事務變成強有力的畫面，充滿強烈的感情色彩。 Web Engine有一個比較不足的地方，給設計者帶來很大的限制，就是沒有提供源代碼視圖，無法直接進行源代碼的修改和編輯。 與職業(yè)的矢量創(chuàng)作軟件 Adobe Illustrator和 Corel Draw相比較 ，Web Draw在功能上還不足以抗衡 ， 但作為專業(yè)開發(fā) SVG的創(chuàng)作工具 ， 也許可以預想 ， 經(jīng)過一段時間的積累 ,它將成為下一個成功的 Fireworks(Fireworks成功的開發(fā)了 PNG格式 )。 一個調(diào)用 mp3音樂的例子 ?xml version= standalone=no? svg xmlns: a=extensions a:timeline=independentwidth=100% height=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,在 SV