視覺設(shè)計(jì)1大綱視覺傳達(dá)設(shè)計(jì)定義與方法視覺傳達(dá)的基礎(chǔ)設(shè)計(jì)視覺設(shè)計(jì)應(yīng)用在網(wǎng)站上2視覺傳達(dá)設(shè)計(jì)定義與方法關(guān)於設(shè)計(jì)關(guān)於傳達(dá)關(guān)於視覺傳達(dá)設(shè)計(jì)3視覺傳達(dá)設(shè)計(jì)定義與方法－關(guān)於設(shè)計(jì)何謂設(shè)計(jì)？設(shè)計(jì)就是具有美感、使用與紀(jì)念功能的造型活動(dòng)。設(shè)計(jì)語源英文的”design”則源自拉丁語的de-sinare，是為「作一記號(hào)」的意思。日文在翻譯”design”這個(gè)字時(shí)除了設(shè)計(jì)這個(gè)詞之外，也曾用意匠、圖案、構(gòu)成、造型等等漢字所組成的詞來表示design。十六世紀(jì)義大利desegno開始有現(xiàn)今desigm的涵義。4視覺傳達(dá)設(shè)計(jì)定義與方法－關(guān)於設(shè)計(jì)設(shè)計(jì)的意義英文中design有：設(shè)計(jì)、定計(jì)劃描繪草圖，逐漸完成精美圖案或作品對(duì)一定目的的預(yù)定予配合計(jì)劃、企劃意圖日文裡漢字的”意匠”即指意念工匠的意思，認(rèn)為design乃是從事意念加工的工作?！眻D案”則指以圖說明，也就是製圖足以說明工作怎麼進(jìn)行，而後則泛指能達(dá)成具表達(dá)意義的圖形生產(chǎn)?！睒?gòu)成”則指東西的組合（包含文章、圖像、事件等等），追求形式的精確性與美感的活動(dòng)。”造型”則指形的生產(chǎn)，也就是環(huán)境、形體、形象的營(yíng)造。5視覺傳達(dá)設(shè)計(jì)定義與方法－關(guān)於傳達(dá)傳達(dá)的語源傳達(dá)的意義傳達(dá)三要素6視覺傳達(dá)設(shè)計(jì)定義與方法－關(guān)於傳達(dá)傳達(dá)的語源Comnuication出自拉丁文Communis，亦即是英文的Common之意，即是指人與人溝通中交換某種「共同」的東西，此種共同的東西便是情報(bào)（information）、知識(shí)、構(gòu)想、意見與態(tài)度。傳達(dá)的意義傳達(dá)：必須是「主體之有意志的行為」若感情的表現(xiàn)不具有「目的性」則非傳達(dá)以「目的性」與「主體意志」的有無，區(qū)分是否為「?jìng)鬟_(dá)」WappenW.Weaver界定傳達(dá)「能使一個(gè)人的心理受到其他影響的種類方法都包含在內(nèi)」--這是廣義的說法?！?jìng)鬟_(dá)」是一種透過語言或非語言的方式，將自己的思想、感情、資訊…等等，傳送表達(dá)給自己或他人的行為。7視覺傳達(dá)設(shè)計(jì)定義與方法－關(guān)於傳達(dá)傳達(dá)三要素傳達(dá)設(shè)計(jì)係一種處理訊息或溝通的設(shè)計(jì)，亦是將資訊轉(zhuǎn)換為訊息符碼，以利傳達(dá)給受訊者，並和收訊者產(chǎn)生溝通的設(shè)計(jì)。廣義的傳達(dá)，即為設(shè)計(jì)者將資訊轉(zhuǎn)換為視覺符號(hào)，藉由人類的視覺媒介，將所需傳遞的訊息有計(jì)劃的造型活動(dòng)。狹義的傳達(dá)，可從其機(jī)能與方法分為二次元設(shè)計(jì)、三次元設(shè)計(jì)、四次元設(shè)計(jì)，透過設(shè)計(jì)運(yùn)用機(jī)能與經(jīng)濟(jì)的原則下，融合藝術(shù)美感與創(chuàng)新改變外觀價(jià)值以加銷售力。8視覺傳達(dá)設(shè)計(jì)定義與方法－關(guān)於傳達(dá)傳達(dá)的三要素分別為：發(fā)訊者符號(hào)受訊者9設(shè)計(jì)者(發(fā)送者)符號(hào)(信息)使用者(接收者)視覺傳達(dá)設(shè)計(jì)定義與方法－關(guān)於傳達(dá)傳達(dá)的方法言詞的傳遞語言、對(duì)話、書寫等語意、語構(gòu)、語法具有抽象性與普遍性，合適嚴(yán)密思考能喚起「心象」(Mentalimage)浮現(xiàn)在心頭的影像非言詞的傳遞手勢(shì)、姿勢(shì)、動(dòng)作(Gesture&Action)：具有符號(hào)的表現(xiàn)，如勝利的手勢(shì)圖像語言(PicturialLanguage)：符號(hào)、記號(hào)、地圖等10視覺傳達(dá)設(shè)計(jì)定義與方法－關(guān)於傳達(dá)非言詞的傳遞例如：11視覺傳達(dá)設(shè)計(jì)定義與方法－關(guān)於視覺傳達(dá)設(shè)計(jì)何謂視覺傳達(dá)設(shè)計(jì)視覺傳達(dá)的基本概念與方法12視覺傳達(dá)設(shè)計(jì)定義與方法－關(guān)於視覺傳達(dá)設(shè)計(jì)何謂視覺傳達(dá)設(shè)計(jì)透過眼睛的傳達(dá)要素是文字與影像影像(image)是形、色與材質(zhì)綜合的視覺對(duì)象視覺傳達(dá)設(shè)計(jì)是一種處理視覺訊息傳遞或溝通的設(shè)計(jì)，一個(gè)正常人的知覺65%~70%視經(jīng)由視覺獲得，由此可知，是絕對(duì)人類知識(shí)文化的影響佔(zhàn)有相當(dāng)?shù)挠绊懥?。在這個(gè)資訊快速流通的新世代中，視覺傳達(dá)設(shè)計(jì)(VisualCommunicationDesign,VisualDesign)在各種資訊的交流、互動(dòng)中，扮演著極為重要的角色。13視覺傳達(dá)設(shè)計(jì)定義與方法－關(guān)於視覺傳達(dá)設(shè)計(jì)它像是一座橋樑，結(jié)合人與人、人與社會(huì)、人與自然界之間的關(guān)聯(lián)，讓設(shè)計(jì)者利用文字、符號(hào)、造型來創(chuàng)造一個(gè)具有美感、意象、意念的一種視覺效果，透過這個(gè)視覺效果，而達(dá)到溝通傳達(dá)的目的。視覺傳達(dá)是一種非語言傳達(dá)，它可以是一段影片、也可以是一個(gè)圖案或是一種情境，可輔助語言傳達(dá)的不足，其視覺圖像本身更有獨(dú)具的意義及機(jī)能。

14視覺傳達(dá)設(shè)計(jì)定義與方法－關(guān)於視覺傳達(dá)設(shè)計(jì)15被表示對(duì)象1.非視覺對(duì)象2.是絕對(duì)象3.操作對(duì)象4.遊戲?qū)ο箦e(cuò)視遊戲道具代用語言指示語言(交通符號(hào))所屬表示(商標(biāo))視覺化1.實(shí)體表示2.觀念表示3.說明表示規(guī)章表示媒體1.可視性2.注視性3.記憶性4.正確性5.造型性6.時(shí)代性認(rèn)知翻譯表示內(nèi)容1.意義2.喚起3.識(shí)別4.指示應(yīng)答一次轉(zhuǎn)達(dá)視覺傳達(dá)設(shè)計(jì)定義與方法－關(guān)於視覺傳達(dá)設(shè)計(jì)視覺傳達(dá)的基本概念與方法視覺傳達(dá)設(shè)計(jì)包括海報(bào)、宣傳單、產(chǎn)品包裝、網(wǎng)頁設(shè)計(jì)、書籍至各類影像…等範(fàn)圍，極為廣泛而其特性也不相同。無論是單獨(dú)企劃的情況，或是宣傳廣告、有經(jīng)過規(guī)劃具有組織性的廣告活動(dòng)，我們都可將設(shè)計(jì)分為思考階段和視覺化階段。所謂思考階段，指設(shè)計(jì)的目的是什麼、背景如何、設(shè)計(jì)計(jì)劃的效果和目標(biāo)，要達(dá)到何種情況的考慮過程。而視覺化階段，就是把設(shè)定好的概念透過圖案或文字，轉(zhuǎn)換成視覺性圖像及傳達(dá)訊息的過程，與構(gòu)圖、色彩、造型技巧有很大的關(guān)係，例如，圖表、字體、印刷設(shè)計(jì)、底紋、攝影、電腦繪圖、影像處理、版面編排、動(dòng)畫…等都是視覺化得過程。16視覺傳達(dá)設(shè)計(jì)定義與方法－關(guān)於視覺傳達(dá)設(shè)計(jì)思考階段和視覺化階段必需相互融合，重要的是如何進(jìn)行「想像」，並且把想像具體化，再「想像」之前一定要有感覺，有整體的感動(dòng)才能掌握週邊的素材，去創(chuàng)造一個(gè)富有創(chuàng)意的Idea及塑造一個(gè)有情境的畫面。造型的創(chuàng)造過程可分三階段，亦即發(fā)想、想像、構(gòu)想。從發(fā)現(xiàn)問題、設(shè)想其解決方向的「發(fā)想」階段開始，進(jìn)展至收集情報(bào)、應(yīng)用Idea的「想像」階段，最後展開形象性思考、邏輯性思考，進(jìn)而使Idea具體化的「構(gòu)想」階段。17視覺傳達(dá)設(shè)計(jì)定義與方法－關(guān)於視覺傳達(dá)設(shè)計(jì)視覺傳達(dá)的一些範(fàn)例圖片18視覺傳達(dá)的基礎(chǔ)設(shè)計(jì)符號(hào)圖形符號(hào)與傳送色彩與傳送創(chuàng)意19視覺傳達(dá)的基礎(chǔ)設(shè)計(jì)－符號(hào)符號(hào)可以分為三種層次象徵性符號(hào)形象性符號(hào)概念性符號(hào)象徵性符號(hào)：是使用某種感性的符號(hào)或標(biāo)誌，通過暗示和啟發(fā)人聯(lián)想的方式，象徵性地表現(xiàn)作為藝術(shù)主題的某種觀念或情感的內(nèi)容。象徵所表達(dá)的形象並不與其實(shí)質(zhì)內(nèi)容的事物具有相似性，象徵是為了簡(jiǎn)潔的表達(dá)複雜的概念和事物，借用有關(guān)的物象來表示其意味。20視覺傳達(dá)的基礎(chǔ)設(shè)計(jì)－符號(hào)視覺形象的象徵形式或其它的表達(dá)形式很多但對(duì)聽覺系統(tǒng)來說，所有的音樂符號(hào)都是一種象徵性的符號(hào)，它與裝飾藝術(shù)和建築藝術(shù)不同。前者是以視覺符號(hào)作為象徵，後者是以音響的聽覺符號(hào)作為象徵，由於接受者的文化層次不一，接受能力有限，對(duì)某種音樂的符號(hào)所表現(xiàn)出的反應(yīng)是不一樣的。越抽象的的藝術(shù)符號(hào)，使人聯(lián)想是象徵的意義因素就越多，解釋的就越多。無論是視覺或是聽覺上的象徵符號(hào)的表達(dá)都要基於大眾習(xí)慣關(guān)聯(lián)物體，在這個(gè)基礎(chǔ)上進(jìn)行提議和表達(dá)，而且這種表達(dá)是應(yīng)該帶有普遍意義和共同認(rèn)識(shí)的，並非是單一的、特殊的，與一定時(shí)空相依存在的對(duì)象或物體。21視覺傳達(dá)的基礎(chǔ)設(shè)計(jì)－符號(hào)形象性符號(hào)（圖像符號(hào)）：形象性符號(hào)帶有明顯的形象感，它是通過對(duì)於對(duì)象的寫實(shí)或模仿來表徵其對(duì)象，它必須與對(duì)象的某種特徵相同，真正的形象符號(hào)就是被表徵對(duì)象本身的一種特性。這種符號(hào)的特點(diǎn)是以鮮明、生動(dòng)、具體逼真的形象去表現(xiàn)其內(nèi)容，其圖形與表現(xiàn)的本質(zhì)是一致的。象徵性的符號(hào)與其所表現(xiàn)的事物形象並不一致，如藍(lán)天象徵自由，鴿子象徵和平等等..分別來說藍(lán)色就是一種顏色，鴿子就是一種鳥類，但當(dāng)附上了這種大眾認(rèn)可的象徵意義之後，具體的圖形與不同形態(tài)的不同組合，仍然可以表達(dá)出除了具體形態(tài)的本質(zhì)之外的任何效果。形象符號(hào)所表現(xiàn)出來的視覺內(nèi)容，都是以真實(shí)世界能找到原形，或是和其表現(xiàn)的事物和形象相關(guān)聯(lián)的。22視覺傳達(dá)的基礎(chǔ)設(shè)計(jì)－符號(hào)概念性符號(hào)概念意義是日常用語傳達(dá)信息的典型方式，這種符號(hào)的使用一般仍處於相當(dāng)初始的階段，但是在交通信號(hào)中和公益廣告表現(xiàn)為多。這種概念性的符號(hào)的特點(diǎn)是不具有直接呈現(xiàn)於感性直觀中的具體形象，它是依靠作為思維和語言實(shí)體的抽象物、概念和詞語組成，這種組成了的概念，通過傳達(dá)、宣傳，成為一種公共的觀念而指導(dǎo)人的部分行為。23視覺傳達(dá)的基礎(chǔ)設(shè)計(jì)－符號(hào)一些符號(hào)圖片範(fàn)例：24視覺傳達(dá)的基礎(chǔ)設(shè)計(jì)－圖形符號(hào)與傳送符號(hào)利用媒介進(jìn)行傳遞，我們可以把符號(hào)性理解為符號(hào)本身具有不同的表達(dá)功能。如在象徵符號(hào)中的符號(hào)性最高（因?yàn)橄筢绶?hào)是以其精神為主，圖形的符號(hào)往往是一種具體的符號(hào)），而在形象性的符號(hào)中符號(hào)性相對(duì)比較低。符號(hào)的傳遞涉及到利用符號(hào)所形成的傳者與受者的關(guān)係，這種傳遞或理解最終釋包含了符號(hào)解釋關(guān)聯(lián)物所構(gòu)成的一切。25視覺傳達(dá)的基礎(chǔ)設(shè)計(jì)－圖形符號(hào)與傳送因?yàn)槔斫馐菍?duì)符號(hào)意義的把握，也就是說傳者和接受者要在某一點(diǎn)上構(gòu)成一種一致性（傳遞的範(fàn)圍），如果不是這樣，要表達(dá)的信息就不會(huì)被大眾所接受。圖像的敘述對(duì)於對(duì)象的模式表現(xiàn)，世直觀的傳遞，自然相對(duì)容易理解，而概念性的符號(hào)實(shí)際的存在於特定的環(huán)境中，才能達(dá)到大眾對(duì)這一對(duì)象的理解。象徵的再現(xiàn)則是一種間接的傳遞，它要取決於發(fā)送者及接受者兩方面對(duì)於對(duì)象象徵符號(hào)所表達(dá)的熟悉程度，如交響樂所表現(xiàn)的各種樂章中的境界和自然界的風(fēng)光的再現(xiàn)，沒有對(duì)音樂符號(hào)再表現(xiàn)的情和景的熟悉和了解，是體會(huì)不到和接收不到這種音樂所傳達(dá)的符號(hào)的。26視覺傳達(dá)的基礎(chǔ)設(shè)計(jì)－圖形符號(hào)與傳送這也就是傳通與不通的問題，產(chǎn)品的宣傳和推廣是具有一定面向的，超越了這種面向，信息就無法接收，交流就會(huì)中斷。某種意義上說，符號(hào)的功能是最大限度地溝通了傳者和受眾者的關(guān)係，這種溝通是通過兩方面進(jìn)行的。符號(hào)所表達(dá)的信息內(nèi)容與接受者所選擇的接受吻合，這種吻合在本質(zhì)上則是信息的定向傳達(dá)。符號(hào)的表達(dá)形式，包括文字、色彩、型態(tài)所構(gòu)成的韻律感，這種文字、色彩、型態(tài)符合了符號(hào)的內(nèi)容傳達(dá)和符合了接受

者所屬的心理和欣賞。27視覺傳達(dá)的基礎(chǔ)設(shè)計(jì)－圖形符號(hào)與傳送這兩者的結(jié)合就可以使符號(hào)的傳達(dá)和接受者的關(guān)係保持交流的順利。因此，視覺符號(hào)的表達(dá)除了內(nèi)容本質(zhì)的主題外，視覺的形式表現(xiàn)也很重要。符號(hào)的形式包括了型態(tài)、結(jié)構(gòu)、語言這些要素，作為傳達(dá)的語言，一值為設(shè)計(jì)者重視。無論任何的信息，都要尋求一種合適的形式進(jìn)行表達(dá)。新的語言可以利用舊的形式，舊的語言也可以利用新的形式，所以對(duì)符號(hào)的功能性的多方了解可以根據(jù)這一前提來選擇形式和使用形式。28視覺傳達(dá)的基礎(chǔ)設(shè)計(jì)－色彩與傳送視覺傳達(dá)中最重要的組成元素是形態(tài)和色彩，形與色在某種表達(dá)中有相似的一面，因此這種表達(dá)都是色與形的一致性。一般來說，色與形在本質(zhì)上都是完全獨(dú)立的。當(dāng)色彩與某種形體的本質(zhì)表現(xiàn)為一致的時(shí)候，色彩就成為自然形體最有利的表現(xiàn)。如果沒有用色彩來表現(xiàn)這種紅的花、綠的葉，花和葉這種自然物質(zhì)就不會(huì)表現(xiàn)得如此生動(dòng)。29視覺傳達(dá)的基礎(chǔ)設(shè)計(jì)－色彩與傳送色彩也可以是抽象形態(tài)的最吻合的表達(dá)。抽象的形態(tài)如方形、圓形、三角形，分別表現(xiàn)一種穩(wěn)重、活躍、敏銳的感覺。色彩中的紅、橙、黃色相也給人以相同的感覺，這種抽象的形態(tài)和抽象的色彩結(jié)合，使形的表達(dá)力、暗示力達(dá)到最完整。30視覺傳達(dá)的基礎(chǔ)設(shè)計(jì)－創(chuàng)意一些色彩與傳送範(fàn)例圖片31視覺傳達(dá)的基礎(chǔ)設(shè)計(jì)－創(chuàng)意創(chuàng)意在任何的設(shè)計(jì)和行動(dòng)中都佔(zhàn)有極重要的位置，視覺傳達(dá)基礎(chǔ)訓(xùn)練的兩大內(nèi)容之一，就是創(chuàng)意的思維訓(xùn)練。創(chuàng)意的產(chǎn)生，常常是把兩個(gè)不相干的事物通過共通的一點(diǎn)而組成變成一種新的事和物，亦是通過對(duì)生活的觀察得出。創(chuàng)意的實(shí)施，往往會(huì)出現(xiàn)兩種現(xiàn)象：是由概念引變而產(chǎn)生的心的產(chǎn)品，是由兩個(gè)不同的行為元素的組合而成。是由概念引變而產(chǎn)生新的概念，這是一種純創(chuàng)意的概念。32視覺設(shè)計(jì)應(yīng)用在網(wǎng)站上網(wǎng)站視覺設(shè)計(jì)，除了增添網(wǎng)站的美觀與可閱讀性之外，尚須考慮以下各項(xiàng)使用需求：定義視覺設(shè)計(jì)確認(rèn)的程序需符合政府網(wǎng)站既有規(guī)範(fàn)政府網(wǎng)站版型與內(nèi)容管理規(guī)範(fàn)無障礙網(wǎng)頁開發(fā)規(guī)範(fàn)以不同的瀏覽器檢視，例如InternetExplorer、Firefox等市佔(zhàn)率較高之瀏覽器，確保網(wǎng)站使用者能夠順利檢視網(wǎng)站內(nèi)容。33視覺設(shè)計(jì)應(yīng)用在網(wǎng)站上評(píng)估網(wǎng)站瀏覽是否順暢，例如等待網(wǎng)頁下載時(shí)間不超過3至5秒。評(píng)估頁面長(zhǎng)度是否適切，例如不超過螢?zāi)桓叨鹊?倍，避免使用者太常使用捲軸捲動(dòng)頁面。評(píng)估網(wǎng)頁列印是否正確，例如當(dāng)網(wǎng)頁無法正確被列印時(shí)，建議開發(fā)友善列印網(wǎng)頁功能。確保沒有圖像的狀況下，亦可正常閱讀網(wǎng)站內(nèi)容，例如避免僅用圖片表達(dá)所有內(nèi)容，建議以圖文並存的方式呈現(xiàn)網(wǎng)頁。34視覺設(shè)計(jì)應(yīng)用在網(wǎng)站上風(fēng)格：風(fēng)格是像抽象的。是網(wǎng)站的整體形象給瀏覽者的整體感受。整體形象包括網(wǎng)站的CI（標(biāo)誌，色彩，字體，標(biāo)語），版面佈局，瀏覽方式，交互性，文字，語氣，內(nèi)容價(jià)值，存在意義，站點(diǎn)榮譽(yù)等諸多因素。網(wǎng)站設(shè)計(jì)的風(fēng)格大氣、唯美，完美就會(huì)有利的體現(xiàn)企業(yè)整體形象，能非常有效得讓瀏覽者直觀感覺到企業(yè)魅力，讓瀏覽者深入瞭解企業(yè)綜合實(shí)力。網(wǎng)站中不同色彩搭配會(huì)產(chǎn)生不同的效果，也有可能會(huì)影響瀏覽者的情緒。顏色搭配是體現(xiàn)風(fēng)格的關(guān)鍵。35視覺設(shè)計(jì)應(yīng)用在網(wǎng)站上色彩搭配色彩在網(wǎng)站呈現(xiàn)出給訪問者第一感覺的視覺效果。因此色彩處理得好，是非常重要的。網(wǎng)站設(shè)計(jì)的整體色調(diào)的控制，需要考慮到整體色調(diào)的色相、明度、純度關(guān)係和面積關(guān)係等。網(wǎng)站設(shè)計(jì)時(shí)也應(yīng)該考慮幾種色彩配案的底色。通常明亮而鮮豔的顏色比暗濁的色更容易有圖形效果。如果網(wǎng)站要用背景顏色，那麼背景顏色也是設(shè)計(jì)人員要考慮的一個(gè)問題，一定要考慮背景顏色的用色，與前景文字的搭配的問題，能讓訪問者看清楚文字的內(nèi)容，並不會(huì)覺得眼睛會(huì)疲憊。36