资讯科技在日常生活之应用复习课程.ppt

《资讯科技在日常生活之应用复习课程.ppt》由会员分享，可在线阅读，更多相关《资讯科技在日常生活之应用复习课程.ppt（39页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、资讯科技在日常生活之应用視覺傳達設計定義與方法關於設計關於傳達關於視覺傳達設計2視覺傳達設計定義與方法關於設計何謂設計？設計就是具有美感、使用與紀念功能的造型活動。設計語源英文的”design”則源自拉丁語的de-sinare，是為作一記號的意思。日文在翻譯”design”這個字時除了設計這個詞之外，也曾用意匠、圖案、構成、造型等等漢字所組成的詞來表示design。十六世紀義大利desegno開始有現今desigm的涵義。3視覺傳達設計定義與方法關於設計設計的意義英文中design有：設計、定計劃 描繪草圖，逐漸完成精美圖案或作品對一定目的的預定予配合計劃、企劃意圖日文裡漢字的”意匠”即指意念

2、工匠的意思，認為design乃是從事意念加工的工作。”圖案”則指以圖說明，也就是製圖足以說明工作怎麼進行，而後則泛指能達成具表達意義的圖形生產。”構成”則指東西的組合（包含文章、圖像、事件等等），追求形式的精確性與美感的活動。”造型”則指形的生產，也就是環境、形體、形象的營造。4視覺傳達設計定義與方法關於傳達傳達的語源傳達的意義傳達三要素5視覺傳達設計定義與方法關於傳達傳達的語源Comnuication出自拉丁文Communis，亦即是英文的Common之意，即是指人與人溝通中交換某種共同的東西，此種共同的東西便是情報（information）、知識、構想、意見與態度。傳達的意義傳達：必須是主

3、體之有意志的行為若感情的表現不具有目的性則非傳達以目的性與主體意志的有無，區分是否為傳達Wappen W.Weaver界定傳達能使一個人的心理受到其他影響的種類方法都包含在內-這是廣義的說法。傳達是一種透過語言或非語言的方式，將自己的思想、感情、資訊等等，傳送表達給自己或他人的行為。6視覺傳達設計定義與方法關於傳達傳達三要素傳達設計係一種處理訊息或溝通的設計，亦是將資訊轉換為訊息符碼，以利傳達給受訊者，並和收訊者產生溝通的設計。廣義的傳達，即為設計者將資訊轉換為視覺符號，藉由人類的視覺媒介，將所需傳遞的訊息有計劃的造型活動。狹義的傳達，可從其機能與方法分為二次元設計、三次元設計、四次元設計，透

4、過設計運用機能與經濟的原則下，融合藝術美感與創新改變外觀價值以加銷售力。7視覺傳達設計定義與方法關於傳達傳達的三要素分別為：發訊者符號受訊者設計者(發送者)符號(信息)使用者(接收者)8視覺傳達設計定義與方法關於傳達傳達的方法言詞的傳遞語言、對話、書寫等語意、語構、語法具有抽象性與普遍性，合適嚴密思考能喚起心象(Mental image)浮現在心頭的影像非言詞的傳遞手勢、姿勢、動作(Gesture&Action)：具有符號的表現，如勝利的手勢圖像語言(Picturial Language)：符號、記號、地圖等9視覺傳達設計定義與方法關於傳達非言詞的傳遞例如：10視覺傳達設計定義與方法關於視覺傳

5、達設計何謂視覺傳達設計視覺傳達的基本概念與方法11視覺傳達設計定義與方法關於視覺傳達設計何謂視覺傳達設計透過眼睛的傳達要素是文字與影像影像(image)是形、色與材質綜合的視覺對象視覺傳達設計是一種處理視覺訊息傳遞或溝通的設計，一個正常人的知覺65%70%視經由視覺獲得，由此可知，是絕對人類知識文化的影響佔有相當的影響力。在這個資訊快速流通的新世代中，視覺傳達設計(Visual Communication Design,Visual Design)在各種資訊的交流、互動中，扮演著極為重要的角色。12視覺傳達設計定義與方法關於視覺傳達設計它像是一座橋樑，結合人與人、人與社會、人與自然界之間的關聯

6、，讓設計者利用文字、符號、造型來創造一個具有美感、意象、意念的一種視覺效果，透過這個視覺效果，而達到溝通傳達的目的。視覺傳達是一種非語言傳達，它可以是一段影片、也可以是一個圖案或是一種情境，可輔助語言傳達的不足，其視覺圖像本身更有獨具的意義及機能。13視覺傳達設計定義與方法關於視覺傳達設計被表示對象1.非視覺對象2.是絕對象3.操作對象4.遊戲對象錯視遊戲道具代用語言指示語言(交通符號)所屬表示(商標)視覺化1.實體表示2.觀念表示3.說明表示規章表示媒體1.可視性2.注視性3.記憶性4.正確性5.造型性6.時代性認知翻譯表示內容1.意義2.喚起3.識別4.指示應答一次轉達14視覺傳達設計定義

7、與方法關於視覺傳達設計視覺傳達的基本概念與方法視覺傳達設計包括海報、宣傳單、產品包裝、網頁設計、書籍至各類影像等範圍，極為廣泛而其特性也不相同。無論是單獨企劃的情況，或是宣傳廣告、有經過規劃具有組織性的廣告活動，我們都可將設計分為思考階段和視覺化階段。所謂思考階段，指設計的目的是什麼、背景如何、設計計劃的效果和目標，要達到何種情況的考慮過程。而視覺化階段，就是把設定好的概念透過圖案或文字，轉換成視覺性圖像及傳達訊息的過程，與構圖、色彩、造型技巧有很大的關係，例如，圖表、字體、印刷設計、底紋、攝影、電腦繪圖、影像處理、版面編排、動畫等都是視覺化得過程。15視覺傳達設計定義與方法關於視覺傳達設計思

8、考階段和視覺化階段必需相互融合，重要的是如何進行想像，並且把想像具體化，再想像之前一定要有感覺，有整體的感動才能掌握週邊的素材，去創造一個富有創意的Idea及塑造一個有情境的畫面。造型的創造過程可分三階段，亦即發想、想像、構想。從發現問題、設想其解決方向的發想階段開始，進展至收集情報、應用Idea的想像階段，最後展開形象性思考、邏輯性思考，進而使Idea具體化的構想階段。16視覺傳達設計定義與方法關於視覺傳達設計視覺傳達的一些範例圖片17視覺傳達的基礎設計符號圖形符號與傳送色彩與傳送創意18視覺傳達的基礎設計符號符號可以分為三種層次象徵性符號形象性符號概念性符號象徵性符號：是使用某種感性的符號

9、或標誌，通過暗示和啟發人聯想的方式，象徵性地表現作為藝術主題的某種觀念或情感的內容。象徵所表達的形象並不與其實質內容的事物具有相似性，象徵是為了簡潔的表達複雜的概念和事物，借用有關的物象來表示其意味。19視覺傳達的基礎設計符號視覺形象的象徵形式或其它的表達形式很多但對聽覺系統來說，所有的音樂符號都是一種象徵性的符號，它與裝飾藝術和建築藝術不同。前者是以視覺符號作為象徵，後者是以音響的聽覺符號作為象徵，由於接受者的文化層次不一，接受能力有限，對某種音樂的符號所表現出的反應是不一樣的。越抽象的的藝術符號，使人聯想是象徵的意義因素就越多，解釋的就越多。無論是視覺或是聽覺上的象徵符號的表達都要基於大眾

10、習慣關聯物體，在這個基礎上進行提議和表達，而且這種表達是應該帶有普遍意義和共同認識的，並非是單一的、特殊的，與一定時空相依存在的對象或物體。20視覺傳達的基礎設計符號形象性符號（圖像符號）：形象性符號帶有明顯的形象感，它是通過對於對象的寫實或模仿來表徵其對象，它必須與對象的某種特徵相同，真正的形象符號就是被表徵對象本身的一種特性。這種符號的特點是以鮮明、生動、具體逼真的形象去表現其內容，其圖形與表現的本質是一致的。象徵性的符號與其所表現的事物形象並不一致，如藍天象徵自由，鴿子象徵和平等等.分別來說藍色就是一種顏色，鴿子就是一種鳥類，但當附上了這種大眾認可的象徵意義之後，具體的圖形與不同形態的不

11、同組合，仍然可以表達出除了具體形態的本質之外的任何效果。形象符號所表現出來的視覺內容，都是以真實世界能找到原形，或是和其表現的事物和形象相關聯的。21視覺傳達的基礎設計符號概念性符號概念意義是日常用語傳達信息的典型方式，這種符號的使用一般仍處於相當初始的階段，但是在交通信號中和公益廣告表現為多。這種概念性的符號的特點是不具有直接呈現於感性直觀中的具體形象，它是依靠作為思維和語言實體的抽象物、概念和詞語組成，這種組成了的概念，通過傳達、宣傳，成為一種公共的觀念而指導人的部分行為。22視覺傳達的基礎設計符號一些符號圖片範例：23視覺傳達的基礎設計圖形符號與傳送符號利用媒介進行傳遞，我們可以把符號性

12、理解為符號本身具有不同的表達功能。如在象徵符號中的符號性最高（因為象徵符號是以其精神為主，圖形的符號往往是一種具體的符號），而在形象性的符號中符號性相對比較低。符號的傳遞涉及到利用符號所形成的傳者與受者的關係，這種傳遞或理解最終釋包含了符號解釋關聯物所構成的一切。24視覺傳達的基礎設計圖形符號與傳送因為理解是對符號意義的把握，也就是說傳者和接受者要在某一點上構成一種一致性（傳遞的範圍），如果不是這樣，要表達的信息就不會被大眾所接受。圖像的敘述對於對象的模式表現，世直觀的傳遞，自然相對容易理解，而概念性的符號實際的存在於特定的環境中，才能達到大眾對這一對象的理解。象徵的再現則是一種間接的傳遞，它

13、要取決於發送者及接受者兩方面對於對象象徵符號所表達的熟悉程度，如交響樂所表現的各種樂章中的境界和自然界的風光的再現，沒有對音樂符號再表現的情和景的熟悉和了解，是體會不到和接收不到這種音樂所傳達的符號的。25視覺傳達的基礎設計圖形符號與傳送這也就是傳通與不通的問題，產品的宣傳和推廣是具有一定面向的，超越了這種面向，信息就無法接收，交流就會中斷。某種意義上說，符號的功能是最大限度地溝通了傳者和受眾者的關係，這種溝通是通過兩方面進行的。符號所表達的信息內容與接受者所選擇的接受吻合，這種吻合在本質上則是信息的定向傳達。符號的表達形式，包括文字、色彩、型態所構成的韻律感，這種文字、色彩、型態符合了符號的

14、內容傳達和符合了接受 者所屬的心理和欣賞。26視覺傳達的基礎設計圖形符號與傳送這兩者的結合就可以使符號的傳達和接受者的關係保持交流的順利。因此，視覺符號的表達除了內容本質的主題外，視覺的形式表現也很重要。符號的形式包括了型態、結構、語言這些要素，作為傳達的語言，一值為設計者重視。無論任何的信息，都要尋求一種合適的形式進行表達。新的語言可以利用舊的形式，舊的語言也可以利用新的形式，所以對符號的功能性的多方了解可以根據這一前提來選擇形式和使用形式。27視覺傳達的基礎設計色彩與傳送視覺傳達中最重要的組成元素是形態和色彩，形與色在某種表達中有相似的一面，因此這種表達都是色與形的一致性。一般來說，色與形

15、在本質上都是完全獨立的。當色彩與某種形體的本質表現為一致的時候，色彩就成為自然形體最有利的表現。如果沒有用色彩來表現這種紅的花、綠的葉，花和葉這種自然物質就不會表現得如此生動。28視覺傳達的基礎設計色彩與傳送色彩也可以是抽象形態的最吻合的表達。抽象的形態如方形、圓形、三角形，分別表現一種穩重、活躍、敏銳的感覺。色彩中的紅、橙、黃色相也給人以相同的感覺，這種抽象的形態和抽象的色彩結合，使形的表達力、暗示力達到最完整。29視覺傳達的基礎設計創意一些色彩與傳送範例圖片30視覺傳達的基礎設計創意創意在任何的設計和行動中都佔有極重要的位置，視覺傳達基礎訓練的兩大內容之一，就是創意的思維訓練。創意的產生，

16、常常是把兩個不相干的事物通過共通的一點而組成變成一種新的事和物，亦是通過對生活的觀察得出。創意的實施，往往會出現兩種現象：是由概念引變而產生的心的產品，是由兩個不同的行為元素的組合而成。是由概念引變而產生新的概念，這是一種純創意的概念。31視覺設計應用在網站上網站視覺設計，除了增添網站的美觀與可閱讀性之外，尚須考慮以下各項使用需求：定義視覺設計確認的程序需符合政府網站既有規範政府網站版型與內容管理規範無障礙網頁開發規範以不同的瀏覽器檢視，例如Internet Explorer、Firefox等市佔率較高之瀏覽器，確保網站使用者能夠順利檢視網站內容。32視覺設計應用在網站上評估網站瀏覽是否順暢，

17、例如等待網頁下載時間不超過3至5秒。評估頁面長度是否適切，例如不超過螢幕高度的5倍，避免使用者太常使用捲軸捲動頁面。評估網頁列印是否正確，例如當網頁無法正確被列印時，建議開發友善列印網頁功能。確保沒有圖像的狀況下，亦可正常閱讀網站內容，例如避免僅用圖片表達所有內容，建議以圖文並存的方式呈現網頁。33視覺設計應用在網站上風格：風格是像抽象的。是網站的整體形象給瀏覽者的整體感受。整體形象包括網站的CI（標誌，色彩，字體，標語），版面佈局，瀏覽方式，交互性，文字，語氣，內容價值，存在意義，站點榮譽等諸多因素。網站設計的風格大氣、唯美，完美就會有利的體現企業整體形象，能非常有效得讓瀏覽者直觀感覺到企業

18、魅力，讓瀏覽者深入瞭解企業綜合實力。網站中不同色彩搭配會產生不同的效果，也有可能會影響瀏覽者的情緒。顏色搭配是體現風格的關鍵。34視覺設計應用在網站上色彩搭配色彩在網站呈現出給訪問者第一感覺的視覺效果。因此色彩處理得好，是非常重要的。網站設計的整體色調的控制，需要考慮到整體色調的色相、明度、純度關係和面積關係等。網站設計時也應該考慮幾種色彩配案的底色。通常明亮而鮮豔的顏色比暗濁的色更容易有圖形效果。如果網站要用背景顏色，那麼背景顏色也是設計人員要考慮的一個問題，一定要考慮背景顏色的用色，與前景文字的搭配的問題，能讓訪問者看清楚文字的內容，並不會覺得眼睛會疲憊。35視覺設計應用在網站上審美觀網站

19、製作並不是只要將資訊發佈就可以了，首先要考慮訪問者能對網站留下很好的的印象，才能更好的起到建立網站的目的。這就要考慮到審美的需求。隨著網際網路的不斷進步發展，追求目標的變化，作為形式美的法則。人們審美觀念也在不時的變化，越來越多不容易實現的審美形式也逐漸實現，具有一定的專業審美觀是做設計的最基本的前提，現在人們對網站內涵的要求也越來越高。36視覺設計應用在網站上如何吸引瀏覽者現在網路是一種使用者主導的傳播媒介，所有的訪問者大部分時間都是花在好的網站上，想要吸引到更多的使用群，能夠持續讓瀏覽者想要訪問此網站，應避免製作粗糙的網站，所以應熟悉競爭對手的網站建設，同類網站的發展、經營狀況來吸取經驗。

20、網站設計中有一個很重要的準則就是便捷，能讓瀏覽者非常方便找到想要搜尋的資訊至關重要，通常大部分人都沒有太大耐心化時間在查找上面。網站設計時要注意符合搜尋引擎的搜索標準和大部分訪問者的瀏覽習慣，不要因為一些創意失去訪問群。37參考文獻楊裕富、王雅慧,視覺傳達設計。政府網站建置及營運作業參考指引條列頁3.5 http:/www.webguide.nat.gov.tw/wSite/ct?xItem=36365&ctNode=14485&mp=1http:/.tw/15/%e6%b7%b1%e8%89%b2%e8%aa%bf%e7%b6%b2%e9%a0%81%e8%a8%ad%e8%a8%88%e6%b3%a8%e6%84%8f%e4%ba%8b%e9%a0%85/38此课件下载可自行编辑修改，仅供参考！此课件下载可自行编辑修改，仅供参考！感谢您的支持，我们努力做得更好！谢谢感谢您的支持，我们努力做得更好！谢谢