視覺設(shè)計(jì)基礎(chǔ)

視覺設(shè)計(jì)基礎(chǔ)1.導(dǎo)論產(chǎn)品設(shè)計(jì)、平面設(shè)計(jì)等專業(yè)概念是在1980以后才確立的。在這以前，叫作“裝潢設(shè)計(jì)”，所謂“裝潢”就是：在產(chǎn)品、廣告上做“裝飾”設(shè)計(jì)——

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

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

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

法國具體主義代表人物馬克思·彼爾（1908—）的作品。彼爾在創(chuàng)造中借助數(shù)學(xué)模式的力量，研究支配幾何形態(tài)構(gòu)造的秩序法則,運(yùn)用邏輯秩序?qū)?jié)奏和關(guān)系的塑造形成數(shù)理思考。他的“數(shù)理構(gòu)成”所包含的就是一種邏輯推理的思路，確定一個(gè)圖形主構(gòu)架之后，其他附屬圖的點(diǎn)向面變化由此展開發(fā)展，形成系列作品。

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

點(diǎn)具有吸引視線的功能點(diǎn)的移動(dòng)規(guī)律點(diǎn)的排列會(huì)產(chǎn)生虛面膨脹感外在壓力感

將大小一致的點(diǎn)按一定的方向進(jìn)行有規(guī)律的排列，給人的視覺留下一種有點(diǎn)的移動(dòng)而產(chǎn)生線的感覺

由大到小的點(diǎn)按一定的軌跡、方向進(jìn)行變化，使之產(chǎn)生一種優(yōu)美的韻律感，具有視線的誘導(dǎo)作用；由點(diǎn)的有規(guī)律排列產(chǎn)生空間透視感

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

面面的構(gòu)成特性：1.面體現(xiàn)了充實(shí)、厚重、整體、穩(wěn)定的視覺效果；2.面在空間上占有的面積最多，因而在視覺上要比點(diǎn)、線來得強(qiáng)烈、實(shí)在，具有鮮明的個(gè)性特征；3.面也可以是半透明的、動(dòng)態(tài)的、強(qiáng)勢的、有韻律的、塑造成立體感的或具有錯(cuò)覺之感的形象；4.面與面之間的接觸、重疊可產(chǎn)生無數(shù)新的形。

體體的構(gòu)成特性：即平面的立體化表現(xiàn)?？梢杂枚喾N手法表現(xiàn)立體感，產(chǎn)生錯(cuò)覺。在構(gòu)成中增加了空間的深度，豐富了表現(xiàn)力。

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

虛實(shí)反轉(zhuǎn)圖形的構(gòu)形方法有其獨(dú)特性。大多數(shù)人看虛實(shí)反轉(zhuǎn)圖形時(shí)只能一心一用而不能同時(shí)一心二用，但虛實(shí)反轉(zhuǎn)圖形的表現(xiàn)恰恰需要一心二用才能領(lǐng)略其中的妙處，虛實(shí)反轉(zhuǎn)圖形是陰陽形狀(虛空間與實(shí)空間)之間的對(duì)應(yīng)。

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

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

箭頭意味著方向、前進(jìn)、步驟等餐具意味著餐廳、用餐的地方等鴿子意味著和平、愛情、希望等如果用標(biāo)識(shí)符號(hào)表達(dá)含義會(huì)有變化：兩個(gè)例子可以引出符號(hào)學(xué)的兩個(gè)重要概念：“能指”和“所指”。

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

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

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

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

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

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

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

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

?作業(yè)規(guī)格：A4，彩色打印。配色方案方案1.

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

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

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

色彩的性格

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

·現(xiàn)代生活中色彩具有更豐富的象征意義；

·在同一個(gè)圖案作四種性格的色彩設(shè)計(jì)（溫柔婉約、活潑外向、果斷潑辣、沉著穩(wěn)重）；

·作業(yè)規(guī)格：A4版面，彩色打印。視覺全新化

本課題是“陌生化”的色彩訓(xùn)練。通過材料的置換，將熟悉的事物陌生化，重新認(rèn)識(shí)事物的概念，使普通的事物呈現(xiàn)出新穎的形象。物質(zhì)的置換，常常能刺激人們庸懶的視覺體驗(yàn)，質(zhì)疑恒常的認(rèn)知習(xí)慣，創(chuàng)造全新的視覺經(jīng)驗(yàn)。在當(dāng)代藝術(shù)中，現(xiàn)成品的物質(zhì)置換成為一種新的語法，成為反譏、揶揄、調(diào)侃的絕佳語意材料。

材料的肌理

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

在解讀信息時(shí)需要有一種邏輯性，這是由人的視覺特性決定的。因?yàn)槿搜鄣纳順?gòu)造——晶體只能產(chǎn)生一個(gè)焦點(diǎn)，而不能同時(shí)把視線停留在兩處或兩處以上的地方，只有先看什么，后看什么依次地進(jìn)行，這種對(duì)信息感受的視覺順序就稱為視覺流程。

設(shè)計(jì)師了解了這一特點(diǎn)，在工作時(shí)要對(duì)設(shè)計(jì)要素進(jìn)行先后、主次排序，這就是視覺流程設(shè)計(jì)。

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

?運(yùn)用視覺流程原理給自己做一張個(gè)人簡歷的設(shè)計(jì)。

?自我介紹離不開個(gè)人經(jīng)歷的描述，不是報(bào)流水賬，有選擇、有重點(diǎn)。讓閱讀者按照作者的設(shè)計(jì)流程展開。

?作業(yè)規(guī)格：A4彩色打印。哪個(gè)是圖？哪個(gè)是底？

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

格式塔心理學(xué)基本觀點(diǎn)的形成，來源于其創(chuàng)始人創(chuàng)始人麥克斯?韋特海默（M.Wertheimer）關(guān)于知覺問題的心理學(xué)研究，其中包括“似動(dòng)現(xiàn)象”（Phi－Phenomenon）的知覺實(shí)驗(yàn)。

“格式塔”是德文Ｇestalt的譯音，英文往往譯成form（形式）或shape（形狀），但這兩個(gè)詞都不符合格式塔的確切含義。中文一般把它譯作“完形”，就比較接近其原意。因?yàn)楦袷剿睦韺W(xué)在談到“形”時(shí)，特別強(qiáng)調(diào)其“完整”性。任何“形”，都是知覺進(jìn)行了積極組織或建構(gòu)的結(jié)果，而不是客體本身就有的。所以，格式塔心理學(xué)又譯為完形心理學(xué)。韋特海默格式塔原理

上圖中并不存在三角形，然而由于視覺系統(tǒng)不斷的進(jìn)行完形計(jì)算，讓人們的視覺認(rèn)為“存在一個(gè)完整的三角形”

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

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

視覺系統(tǒng)總是在不斷的試圖在感官上將圖形閉合。在一個(gè)格式塔中存在的視覺關(guān)系：

和諧Harmony

變化Changes

沖突Conflict

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

和諧來自所有局部的感官接近在一個(gè)格式塔中存在的視覺關(guān)系：

和諧Harmony

變化Changes

沖突Conflict

混亂Confusion在“和諧”的基礎(chǔ)上，局部產(chǎn)生了形狀、大小、顏色的變化，但這種變化沒有改變所有局部的同一性質(zhì)，這就是“變化”。變化來自和諧基礎(chǔ)上局部的外觀改變?cè)谝粋€(gè)格式塔中存在的視覺關(guān)系：

和諧Harmony

變化Changes

沖突Conflict

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

和諧Harmony

變化Changes

沖突Conflict

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

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

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