視覺設計基礎1.導論產品設計、平面設計等專業概念是在1980以后才確立的。在這以前，叫作“裝潢設計”，所謂“裝潢”就是：在產品、廣告上做“裝飾”設計——

“美化生活”適合紋樣——裝潢設計專業學習的內容花卉變形——裝潢設計專業學習的內容1980后“裝潢”的概念開始轉變，引入現代設計理念?！肮I設計”“產品設計”“視覺傳達設計”“界面設計”等等涉及：廣告、包裝、出版、網絡、產品、環境設計,等等視覺語言視覺語言戲劇《莊園主》招貼設計：馬蒂斯1977年視覺語言作為基礎課程，最早由德國“包豪斯”創立。把設計元素抽象出來用于基礎訓練——形態、色彩、材質、表現手段,等等。日本設計教育發展出所謂的“三大構成”包豪斯教師、抽象派大師瓦西里·康定斯基

所謂“構成學科”，最早起源于二十世紀初的“構成主義”運動。以俄國畫家塔特林、馬列維奇為代表的“構成主義”。他認為：藝術最終是一種非具象的表現，只有排除具體形象，藝術的純粹感覺才能表現出來。線條、色彩、形式都具有自身的表現力，同樣可以為傳達情感提供表現的可能性。他的口號是:構成形式就是內容。

俄國構成主義代表人物馬列維奇（1878——1935）的作品。運用富有動態的矩形作斜方向組合，運用高純度色彩的對比效果，構成具有緊張感的作品，表現“飛翔的感覺”“金屬的吸引”，表現“從外來空間傳來的神秘的波的感覺”

法國具體主義代表人物馬克思·彼爾（1908—）的作品。彼爾在創造中借助數學模式的力量，研究支配幾何形態構造的秩序法則,運用邏輯秩序對節奏和關系的塑造形成數理思考。他的“數理構成”所包含的就是一種邏輯推理的思路，確定一個圖形主構架之后，其他附屬圖的點向面變化由此展開發展，形成系列作品。

法國歐普藝術代表人物雷捷特·賴利（1931—）的作品。歐普藝術家以純粹幾何形態與色彩表現造型，發展具體主義藝術的數理構成，作品追求強烈的視覺刺激性、新奇性，追求光的顫動、空間及視覺表現，使觀者視網膜經受某種刺激與體驗，引起生理與心理方面的反應。賴利的作品更是精心制造一種眩目、顫動、活力、刺激的光效應效果，她善于用“波動的線”制造動感韻律，追求凹凸不平、半立體的假象空間。本課程學習內容：1.視覺設計基礎導論2.視覺元素3.意義傳達4.色彩的表達5.視覺結構6.認知設計作業：對有關問題的思考1.自由組隊,三人小組；2.從下周起每次上課有兩個小組上臺介紹研究專題；3.專題抽簽確定；4.小組課后討論，制作PPT（10頁以上）;5.小組匯報計入每人的課程成績。思考題1.我最佩服的設計大師2.給大家介紹幾本有意思的書3.設計師和美工的區別4.我所理解的設計5.告訴你色彩是什么6.從樹葉想到色彩的象征意義7.色彩的溫度8.我喜歡的色彩搭配9.設計在未來社會的作用10.設計是人類不可或缺的智慧視覺設計基礎2.視覺元素——點線面點點的構成特性：1.點具有吸引視線的功能；2.點的集合會產生面的感覺；3.點的大小會產生深度感；4.將大小一致的點按一定的方向進行有規律的排列，給人的視覺留下一種有點的移動而產生線的感覺；5.由大到小的點按一定的軌跡、方向進行變化，使之產生一種優美的韻律感，具有視線的誘導作用；6.將大小一致的點以相對的方向，逐漸重合，產生微妙的動態、速度、方向的視覺感受；7.點的大小規律性變化會造成曲面感。

點具有吸引視線的功能點的移動規律點的排列會產生虛面膨脹感外在壓力感

將大小一致的點按一定的方向進行有規律的排列，給人的視覺留下一種有點的移動而產生線的感覺

由大到小的點按一定的軌跡、方向進行變化，使之產生一種優美的韻律感，具有視線的誘導作用；由點的有規律排列產生空間透視感

線線的構成特性：1.直線——清楚、明晰、簡潔、整齊、端正。垂直線：直接、明晰、單純、明快、主動的特點；水平線：安定、平和、寧靜、和平、被動的特點；斜線：不穩定，具有活潑、運動的特點。2.曲線——溫暖、自由、優雅、流暢、女性化，富有節奏感和韻律感。幾何曲線：圓、橢圓、封閉式的曲線、飽滿；自由曲線：弧、拋物線、自由、流暢、柔美；徒手的線：隨意、自由，具有偶然性。

面面的構成特性：1.面體現了充實、厚重、整體、穩定的視覺效果；2.面在空間上占有的面積最多，因而在視覺上要比點、線來得強烈、實在，具有鮮明的個性特征；3.面也可以是半透明的、動態的、強勢的、有韻律的、塑造成立體感的或具有錯覺之感的形象；4.面與面之間的接觸、重疊可產生無數新的形。

體體的構成特性：即平面的立體化表現?？梢杂枚喾N手法表現立體感，產生錯覺。在構成中增加了空間的深度，豐富了表現力。

現代平面設計把點線面作為視覺語言來傳達含義、傳遞信息。2-1課題名稱：情緒點點課題提示及要求：“點，如高山墜石，橫，如千里陣云”——晉代書法家衛夫人講出了點在藝術表現中獨具個性的神韻。試用點來表達各種情緒，如：激情四射、溫柔委婉、無拘無束、猶猶豫豫、尋尋覓覓，等等。先在草稿紙上嘗試畫出各種點，再用電腦制作。作業規格：A4紙、黑白打印。2-2名課題稱：情緒線條課題提示及要求：“一條線就是一個出去散步的點”——仔細體會保羅?克里的這句話。試用線條表達各種情緒，如：熱情狂放、焦慮不安、溫柔委婉、內心撕裂、呆滯遲鈍、迷茫無助，等等。先在草稿紙上嘗試畫出各種線條，再用電腦制作。作業規格：A4紙、黑白打印。談談我的幾個設計談談我的幾個設計

虛實反轉圖形的構形方法有其獨特性。大多數人看虛實反轉圖形時只能一心一用而不能同時一心二用，但虛實反轉圖形的表現恰恰需要一心二用才能領略其中的妙處，虛實反轉圖形是陰陽形狀(虛空間與實空間)之間的對應。

虛實反轉圖形既要考慮到圖形的重復形狀的確定組合，又使各邊出現的空白處的形狀仍然顯現某些圖形。也就是說，黑色部分表現一個圖形的一部分（如上半部），白色的部分表現圖形的另一部分（如下半部分），黑色和白色表現出一個完整的圖形?？梢詫⒑谏糠直憩F一個人的手臂，白色部分則表現一個人的大腿，其特點為：三面封閉而一面是開放的。

虛實反轉2-3課題名稱：元素構成課題提示及要求：選擇一個數字或英文字母為素材，從以下6個方面作構成設計。精心選擇與內容相適合的字體作排列組合，要充分現字體本身所具有的表現力，提高文字的視覺傳意和情感傳達能力。作業規格：A4紙、黑白打印。1.點2.直線3.曲線4.面5.體6.虛實翻轉文字的排列設計有襯線字體來源于古代，有歷史感，有助于在水平方向引導受眾。無襯線字體出現在工業革命時期，反映出更現代的審美觀。其特點是簡潔、無襯線，具有光滑的流線形外觀。Helvetica是一種廣泛使用于西文的無襯線字體，由瑞士圖形設計師馬克思·米耶丁格于1957年設計，廣泛運用于商標、企業字體、地鐵標識等。字號文字排列的幾個設計要素字體字距輕重對齊方向韻律灰度圖底2-4設計課題：文字表現力要求：1.以中英文名人名言為素材，任選下列四種表現手法作文字構成設計。2.精心選擇與內容相適合的字體作排列組合，要充分現字體本身所具有的表現力，提高文字的視覺傳意和情感傳達能力。1.均衡2.對稱3.對比4.發射5.節奏6.比例7.互襯8.動感2-5設計課題：圖文排列設計要求：以點線面為圖形素材、中英文名人名言為文字素材，作圖文構成設計。精心選擇與內容相適合的字體作排列組合，要充分現字體本身所具有的表現力，提高文字的視覺傳意和情感傳達能力。作業規格：A4紙、黑白打印。2-6設計課題：文字排列設計要求：以中英文名人名言為素材，任選下列六種表現手法作文字構成設計。精心選擇與內容相適合的字體作排列組合，要充分現字體本身所具有的表現力，提高文字的視覺傳意和情感傳達能力。1.均衡2.對稱3.對比4.發射5.節奏6.比例7.互襯8.動感作業規格：A4紙、黑白打印。視覺設計基礎3.意義傳達人類創造的文字、符號、圖形，都是意義的代表者。箭頭意味著箭頭餐具意味著餐具鴿子意味著鴿子用文字表達含義

箭頭意味著方向、前進、步驟等餐具意味著餐廳、用餐的地方等鴿子意味著和平、愛情、希望等如果用標識符號表達含義會有變化：兩個例子可以引出符號學的兩個重要概念：“能指”和“所指”。

能指——語言符號的形式以及特定指代；所指——語言符號所代表的意義。比如“鴿子”，它的發音“gezi”和一種特定的鳥就是它的“能指”，而“和平”的概念就是“所指”。畢加索的和平鴿

在遠古時代，人類把鴿子看作愛情使者，比如在古代巴比倫，鴿子是法力無邊的愛與育之女神伊斯塔身邊的神鳥。后來在《圣經》中描述了讓鴿子去探明洪水是否已經退盡，上帝讓鴿子銜著一條橄欖枝回來，表示人間尚存希望，此時鴿子被賦予和平、希望的含義。在近代把鴿子作為世界和平的象征，是源于著名畫家畢加索在上個世紀五十年代初，為紀念社會主義國家在華沙召開的世界和平大會，畢加索畫了一只昂首展翅的鴿子，（如圖）智利詩人聶魯達把它稱為“和平鴿”。從此，作為世界和平使者的鴿子，就為各國所公認了。箭頭意味著方向、前進、步驟等餐具意味著餐廳、用餐的地方等鴿子意味著和平、愛情、希望等能指和所指之間可以存在多種關系：同一能指可以對應多個不同的所指；同一所指也可以有多個不同的能指。愛情真心相待中心重要部位重視高檔電子產品健康智慧之樹誘惑水果表達形式參考：

語文中的比喻是重要的修辭手段，而用在設計中稱之為隱喻。是把未知的東西變換成已知的事物進行傳遞的方式,也是構建目標對象與源對象相似性的方法和過程。例如：“車隊螞蟻般地前行”這個隱喻假定不清楚車隊走得有多慢，但我們知道螞蟻爬行的模樣。這個隱喻即把螞蟻的特征變換成了車隊的特征。隱喻是通過尋找事物之間暗含的相似性來獲得啟發性的展示形式。隱喻的兩個顯著目的是：抽象事物的具象化

陌生事物的可視化比如：《周易》用陰陽的對立統一、相互滲透、相互作用、相互轉化來說明宇宙萬物的一切現象(如人類的生命現象)，用陰陽兩種符號的排列組合來模擬各種事物的特征及變化規律，用深刻的哲理來啟示天道、地道、人道的相互關系。其研究內容十分復雜，如太極、乾坤、陰陽、道器、形而上、形而下、象數，等等。“閉嘴”的隱喻3-1設計課題：隱喻課題提示及要求：隱喻是用一種事物暗喻另一種事物。從下列主題中任選一個作隱喻練習。充分發揮想象力，通過聯想、象征、類比等不同的方法，從不同的角度去賦予對象物以新的概念。表現手段、工具不限。西紅柿鬧鐘太陽月亮企鵝魚

蘋果的隱喻蘋果的隱喻3-2設計課題：隱喻課題提示及要求：隱喻是用一種事物暗喻另一種事物。從下列主題中任選一對作隱喻練習。充分發揮想象力，通過聯想、象征、類比等不同的方法，賦予對象物以新的概念。表現手段、工具不限。男與女出與入新與舊老與少優與劣

視覺設計基礎4.色彩的表情復習下色彩原理什么是RGBRGB什么是CMYKYCMKYCMKRGB與CMYK兩種顯示模式的比較什么是色立體孟賽爾色立體是由美國教育家、色彩學家、美術家孟塞爾創立的以色彩的三要素為基礎的色彩表示法。三大色彩體系孟賽爾色彩體系奧斯特瓦德色彩體系日本色彩研究所色彩體系4-1色彩的象征

用手機在校園內采集色彩標本。須符合九方面的象征：春色、溫暖、愛情、熱烈、平靜、雅致、冷清、微寒、憂傷。

?要求：色彩不能太復雜，需簡練、清晰、一目了然。

?作業規格：A4，彩色打印。配色方案方案1.

補色搭配互補（或稱對比）色是指伊登色環上相對位置上的兩種顏色，搭配在一起，可以打造活力四射的強烈視覺效果，特別是在顏色飽和度最大的情況下。方案2.

三角對立配色采用等邊三角上的三種顏色進行搭配，可以在維持色彩協調的同時，制造強烈的對比效果。即便采用淡色或者不飽和色，這種搭配也可以營造出生氣盎然的效果。方案3.類似色搭配選擇色環上相鄰的2~5種（2~3種最佳）顏色進行搭配，可以打造出一種平和而又可愛的印象。方案4.分裂補色搭配是補色搭配的變種。選定某主色之后，選擇色環上與它的補色相鄰位置上的兩種顏色與之搭配。此種搭配既有對比，又不失和諧。如果你對補色搭配沒有自信的時候，不妨用此方案代替。方案5.四元組配色選定主色及其補色之后，第三種顏色可選擇色環上與主色相隔一個位置的顏色，最后一個顏色選擇第三種顏色的補色，在色環上正好形成一個矩形。方案6.正方形配色利用色環上四等分位置上的顏色進行搭配。這種方案，色調各不相同但又互補，可以營造出一種生動活潑又好玩的效果。色彩的性格紅色臉譜表示忠勇俠義，如關羽、姜維、常遇春；黑色的臉譜表示剛烈、正直、勇猛甚至魯莽，如包拯、張飛、李逵等；黃色的臉譜表示兇狠殘暴，如宇文成都、典韋。藍色或綠色的臉譜表示一些粗豪暴躁的人物，如竇爾敦、馬武等；白色的臉譜一般表示奸臣、壞人，如曹操、趙高等。紫色一般表示剛正、穩練、沉著，如徐延昭、專諸、黃蓋等；

金色和銀色則通常用來表示神怪，如孫悟空、土行孫等。京劇臉譜的色彩象征4-2

色彩的性格

·中國京劇臉譜中對色彩作了性格設計。紅色代表忠勇狹義，黑色代表剛烈正直等；

·現代生活中色彩具有更豐富的象征意義；

·在同一個圖案作四種性格的色彩設計（溫柔婉約、活潑外向、果斷潑辣、沉著穩重）；

·作業規格：A4版面，彩色打印。視覺全新化

本課題是“陌生化”的色彩訓練。通過材料的置換，將熟悉的事物陌生化，重新認識事物的概念，使普通的事物呈現出新穎的形象。物質的置換，常常能刺激人們庸懶的視覺體驗，質疑恒常的認知習慣，創造全新的視覺經驗。在當代藝術中，現成品的物質置換成為一種新的語法，成為反譏、揶揄、調侃的絕佳語意材料。

材料的肌理

肌理是由于材料自身的組織結構（包括自然材料和人工材料）所呈現出的特性，給人以視覺和觸覺感受。它是構成形態視覺美感的要素之一，也是一種重要的三維設計語言。海洋生物的形態肌理海洋生物形態對材料的開發4-3課題名稱：秀色可餐目的和要求：·本課題是“陌生化”的思維訓練。通過材料的置換，將熟悉的事物陌生化，重新認識事物的概念，使普通的事物呈現出新穎的形象?！な紫仍诨ヂ摼W、圖書館里查閱有關菜譜資料，并認真閱讀、研究。·選擇生活中常見的、廉價的、不易腐爛變質的、易加工的非食品類材料將菜譜中的材料進行置換?！ねㄟ^置換練習，對日常生活中“司空見慣”材料的重新認識，達到視覺的“全新化”，這是創新設計的基本技能之一。材料：9寸白瓷盤個、白乳膠等。工具：剪刀、美工刀、鑷子等。時間：8學時。評價標準：在材質、肌理、色彩和整體效果上有全新的表達。菜名：西湖醋魚材料：無紡布、包裝瓦楞紙、塑料電線菜名：臘味合蒸材料：洗衣肥皂、干樹枝、塑料電線剁椒魚頭材料：塑料瓶、吸管、絲帶、紙設計：章徐濤麻辣豆腐材料：紅蠟燭、肥皂、泡沫紙設計：林子婷視覺設計基礎5.視覺結構好的設計要“像磁鐵一樣吸引受眾”，要盡可能地讓人明白易懂，并能激起好奇心，促使受眾主動參與、理解和吸收。要達到視覺的簡潔性，就要刪除不必要的因素，并通過邏輯，協調地組織在一個系統中。設計不僅僅是讓畫面好看，關鍵在于提高畫面的可理解性。設計空間的運用要能幫助信息易于瀏覽接受，不要在頁面中填滿所有的空間，以大量信息來打動受眾。那樣會讓受眾被過多的信息淹沒而不知所措。設計是運用字體、圖和空間來揭示信息的含義，運用得當，含義闡明就會清晰，達到了視覺傳達目的；不然，含義就會因為不恰當的設計造成混亂，或被表面華麗漂亮而掩蓋。

在解讀信息時需要有一種邏輯性，這是由人的視覺特性決定的。因為人眼的生理構造——晶體只能產生一個焦點，而不能同時把視線停留在兩處或兩處以上的地方，只有先看什么，后看什么依次地進行，這種對信息感受的視覺順序就稱為視覺流程。

設計師了解了這一特點，在工作時要對設計要素進行先后、主次排序，這就是視覺流程設計。

視覺流程規律視覺流程規律視覺流程規律怎樣布局？處理字體？設計原則：1.清晰的表達：一致、準確、簡潔；2.使用符合受眾閱讀水平的語言；3.以符合閱讀需要的順序來表達內容；4.使用易于閱讀的字體，保持設計風格的一致性和清晰性；5.元素之間和元素周圍的間距處理要一致；6.色彩是設計的工具，而不是裝飾；7.對圖的選擇、加工，加上說明，來講述一個故事。23415-1設計課題：視覺流程

?運用視覺流程原理給自己做一張個人簡歷的設計。

?自我介紹離不開個人經歷的描述，不是報流水賬，有選擇、有重點。讓閱讀者按照作者的設計流程展開。

?作業規格：A4彩色打印。哪個是圖？哪個是底？

著名畫家埃舍爾有許多版畫作品是采用圖底交互的手法。

格式塔心理學基本觀點的形成，來源于其創始人創始人麥克斯?韋特海默（M.Wertheimer）關于知覺問題的心理學研究，其中包括“似動現象”（Phi－Phenomenon）的知覺實驗。

“格式塔”是德文Ｇestalt的譯音，英文往往譯成form（形式）或shape（形狀），但這兩個詞都不符合格式塔的確切含義。中文一般把它譯作“完形”，就比較接近其原意。因為格式塔心理學在談到“形”時，特別強調其“完整”性。任何“形”，都是知覺進行了積極組織或建構的結果，而不是客體本身就有的。所以，格式塔心理學又譯為完形心理學。韋特海默格式塔原理

上圖中并不存在三角形，然而由于視覺系統不斷的進行完形計算，讓人們的視覺認為“存在一個完整的三角形”

不是用主觀方法把原本存在的碎片結合起來的內容的總和，或主觀隨意決定的結構。它們不單純是盲目地相加起來的、基本上是散亂的難于處理的元素般的“形質”，也不僅僅是附加于已經存在的資料之上的形式的東西。相反，這里要研究的是整體，是具有特殊的內在規律的完整的歷程，所考慮的是有具體的整體原則的結構……總結成三句話：人們總是先看到整體，然后再去關注局部;

人們對事物的整體感受不等于局部感受的加法;

視覺系統總是在不斷的試圖在感官上將圖形閉合。在一個格式塔中存在的視覺關系：

和諧Harmony

變化Changes

沖突Conflict

混亂Confusion組成整體的每個局部，它們的形狀、大小、顏色趨近一致，并且排列有序，這時產生整體視覺感官就是“和諧”。

和諧來自所有局部的感官接近在一個格式塔中存在的視覺關系：

和諧Harmony

變化Changes

沖突Conflict

混亂Confusion在“和諧”的基礎上，局部產生了形狀、大小、顏色的變化，但這種變化沒有改變所有局部的同一性質，這就是“變化”。變化來自和諧基礎上局部的外觀改變在一個格式塔中存在的視覺關系：

和諧Harmony

變化Changes

沖突Conflict

混亂Confusion在“和諧”的基礎上,局部不僅僅產生了形狀、大小、顏色的“變化”，而且產生了性質上的改變，與整體中的其他局部“格格不入”。沖突來自某個局部與整體其他部分性質的格格不入AAA在一個格式塔中存在的視覺關系：

和諧Harmony

變化Changes

沖突Conflict

混亂Confusion整體當中包含太多性質不相關的局部，視覺系統很難判斷出整體到底是什么，這就產生了“混亂”。AAA大量局部互不相干，讓視覺系統看不懂整體，無法接受整體

眼睛-大腦作用是一個不斷組織、簡化、統一的過程，正是通過這一過程，才產生出易于理解、協調的整體。觀看這張圖的時候，你先看到了什么，后看到了什么？格式塔原理在視覺設計中的應用形式:均衡——觀者傾向于尋求視覺組合中的秩序或平衡。●●你會覺得左邊的圓形更重一點，其實屏幕上的圓形根本沒有重量。眼睛和大腦配合的視覺過程中，我們總是期望整個視場中存在一種均衡狀態。保持均衡就是“和諧”，打破均衡可能造成“沖突”，完全不均衡就是“混亂”。格式塔原理在視覺設計中的應用形式:閉合——觀者的視覺系統會認為封閉的形狀比較穩定（這也是一種均衡）你會覺得左邊的圖形是”Q”，在感知上，我們傾向于從視覺上封閉那些開放或為完成的輪廓。格式塔原理在視覺設計中的應用形式:貼近——觀者傾向于根據它們的貼近和靠近關系進行分組●●你會會把這些圓形分成幾組？元素與元素之間越貼近，觀者從視覺上認為它們越緊密（可以理解為一種閉合）我們可以使用貼近的辦法對同類內容進行分組，同時留下間距，給觀者以秩序和合理的休息?！瘛瘛瘛瘛瘛窀袷剿碓谝曈X設計中的應用形式:延續——當許多元素有組織的排列在一條直線或曲線路徑上，觀者傾向于尋求視覺正按照這個路徑在延續的趨勢?！瘛瘛瘛瘛褚曈X向量的指示作用。我們可以使用這個原理來引導觀者在點擊處停留，或者指引用戶滾動頁面進行瀏覽的延續，用戶會在向量的引導下一頁一頁地進行瀏覽。格式塔原理在視覺設計中的應用形式:相似——相似元素會被看成是一組，同組中的元素可能具有相似的顏色、外形、大小、文本樣式。相似度首先決定了區分度，此時貼近關系被弱化。當大量相似的元素出現時，視覺系統傾向于不把它們分開。當元素之間的相似性比較弱時，視覺系統傾向于使用貼近的原則對它們進行組織，形成統一的整體。因此在創建網站的風格時，設計者可以使用近似的文本、顏色、圖像和留白，讓網頁保持一致。圖底在環境設計中的體現清晰的圖底關系——圖與背景相似性小，對比強烈，圖形很容易與背景分離。這類圖形包括：居于視野中央的圖形，處于水平或者垂直方向的圖形，輪廓完整清晰的圖形，小面積的圖形，與眾不同的圖形，含有豐富細節表現的、充實的圖形，容易識別的圖形。模糊的圖底關系——圖形形態不是孤立存在的。任何一個圖形的顯現都需要背景來襯托。但如果圖形與背景非常相似，圖形就不容易被識別出來。模糊了圖底關系的界限，就像生物的“迷彩服”，需要花更多時間來識別?；閳D底關系——當“圖”與“底”提供的知覺線索都容易成為圖形時，視覺難于選擇誰是圖，誰是底，它們互為圖底。如果在圖形設計圖形時同時關注背景，使背景成為負形，也就形成了“圖底反轉”關系。這種狀態的正負形必然使用共用的輪廓線，形成視覺的不斷跳躍。5-3設計課題：圖底關系要求：以中英文字母和照片為素材，分別體現清晰、模糊、交互三種表現手法作文字構成設計。通過字體作排列組合，充分體現圖底關系所呈現視覺傳達效果，提高文字的視覺傳意和情感傳達能力。清晰—圖底分明模糊—圖底混淆轉換—互為圖底5-3課題名稱：生物說明書課題要求：選擇一種水果、蔬菜或昆蟲作為設計題材，在圖書館、網上收集其圖片（最好是矢量圖），以及有關生物類別、習性、食物方面的文字資料，根據視覺流程原理作版面設計。尺寸：A4參考選題：別把菠蘿不當菜、鯨魚不是魚、番茄你個西紅柿、土豆你個馬鈴薯、紡織娘視覺設計基礎6.認知設計所謂“認知”,簡單說就是“認識、知道”。譬如對蘋果的認知，可以拿在手上看一看、聞一聞，甚至咬一口嘗嘗味道，一連串動作后就對這種水果就有了初步了解。這個過程是通過我們的感官來完成的。而對一些抽象的概念，譬如“免疫”，就要通過閱讀上千字才能明白其原理。能否借助簡單的圖形和文字，像查地圖那樣簡要地了解事物的來龍去脈？概念地圖的特征（1）層級結構運用層級結構的方式表示概念之間的關系。在概念地圖中，概念是用層級結構的方式來呈現的。其中，最普遍或最一般的概念置于圖的上端，次一級和更具體的概念按等級排在下面。特殊知識領域的層級結構根據知識應用或思考情景而定。（2）交叉連接運用交叉連接表示概念之間的關系。交叉連接表明了概念圖上某些領域的知識相互聯系的方式。在新知識的創建中，交叉連接表明了知識創造的跳躍性。（3）理性與情感交融雖然概念圖表現的是概念和命題，但同樣反映了創建者在創建概念圖過程中的情感狀態，概念圖既有理性的、清晰性的特點，也映射了創建者的情感品質。如何構建概念圖？6-1課題名稱：概念地圖課題提示與要求：從下列議題中任選一題作概念地圖設計,可以適當用色彩作區別。1.設計2.中國夢3.一帶一路戰略4.轉基因食品5.霧霾6.公積金7.財政懸崖8.城市化9.工業4.0（第四次工業革命

10.北斗導航11.工匠精神12.品牌連鎖店13.免疫系統14.物聯網15.智慧制造16.網絡購物17.鴛鴦火鍋18.鳥的嘴型與食物的關系19.鳥類是如何起飛降落的20.生物的哪些品質值得人類學習信息可視化內容/來源工具/方法呈現可視化是什么？WhatisVisualization?——計算的視覺化目的是通過運用我們的視覺機制而獲得洞察。（McCormicketal.1987）——視覺化是一種計算方法。（MaCormicketal.，1987）——視覺化：不以圖像現實為目的，而是以增強理解為目的的數據展示。（ADictionaryofComputing.OxfordUniversityPress,1996）——視覺化本質來說，是一個從計算機表現到知覺表征的關系處理過程，通過編碼增強人的理解和溝通。（Owen，1999）——視覺化是以圖形揭示數據。實際上圖形能夠比傳統統計計算更加精準，并具有揭示性。（Tufte，2001）——視覺化是對數據進行交互的視覺表達，以增強認知的技術。（Hansen,2004）——視覺化僅僅是一個人類認知行為，和計算機無關。（Spence2007）——視覺化的目的是，將抽象信息轉譯為視覺形式，為信息帶來新的洞察方式。視覺化對于數據洞察看起來很成功。（Hearst2009）——信息視覺化的目的是運用視覺表征來揭示大型或抽象數據所隱含的結構，這些視覺表征運用了人的視覺感知系統的各種強大處理能力。（Berkeley,2010）——視覺化是一種表達數據的方式，是對現實世界的抽象表達。它像文字一樣，為我們講述各種各樣的故事。（NathanYau,2013）——視覺化不僅僅是一種工具，它更多的是一種媒介：探索、展示和表達數據含義的一種方法。（NathanYau,2013）計算、視覺計算、視覺、認知數據、視覺、交互、認知數據、視覺、認知視覺、媒介信息可視化是一種思維，開辟一種新的思考角度，將信息分析、分解、再整合。可視化是“讓一些現象或現實可見并且易懂；這些現象大多是肉眼不可見的，有些甚至不具備可見性”?！狫oanCosta,西班牙著名設計師6-2設計課題：用圖形說話·以圖形和符號作為主要元素繪制一個過程性解釋設計;·用不超過10個步驟，對主題進行調查、選材、編輯和視覺研究;·準確使用圖形傳達有效信息?！ぷ鳂I規格：A3，彩色打印。美國失業率：歷史觀察1984第三次經濟危機1986-1989第四次經濟危機1988第五次經濟危機2008第六次經濟危機展現的是抽象的現象，描述和被描述對象之間不存在模擬，二者之間的關系是約定俗成的，失業率根本不是方形的彩色格子?？梢暬阂浴皵祿寗印睘楹诵那疤酓ataDriven以數據為前提驅動可視化設計以數據內容為前提，搜集、數據預處理、繪制、顯示和交互……從數據中發現規律、總結、解決問題，并且最終呈現的是以搜集的數據決定的。情感的宇宙GraphSPOONVSFORK勺子與叉子（的區別）Country／Gender／Age／Status／He