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