《設(shè)計概論》 課件 9　信息與數(shù)字化設(shè)計；10　交互與體驗設(shè)計

普通高等教育“十一五”國家級規(guī)劃教材設(shè)計概論李立新王文聰編著｜第3版高等院校設(shè)計類專業(yè)新形態(tài)系列教材GAODENGYUANXIAOSHEJILEIZHUANYEXINXINGTAIXILIEJIAOCAI

目錄什么是設(shè)計01設(shè)計的形成與發(fā)展02設(shè)計的分類03設(shè)計的功能與形式04技術(shù)與藝術(shù)的統(tǒng)一05設(shè)計美學(xué)06設(shè)計管理08信息與數(shù)字化設(shè)計09交互與體驗設(shè)計10智能與計算設(shè)計11設(shè)計新形態(tài)12設(shè)計程序與方法07設(shè)計鑒賞與批評13CONTENTS信息與數(shù)字化設(shè)計9.1計算機(jī)與數(shù)字化設(shè)計/9.2媒介與數(shù)字媒體設(shè)計/9.3信息可視化設(shè)計09

9.1計算機(jī)與數(shù)字化設(shè)計9.1.1計算機(jī)設(shè)計的概念9.1.2數(shù)字化設(shè)計的發(fā)展歷史9.1.3計算機(jī)對數(shù)字化設(shè)計的影響9.1.1計算機(jī)設(shè)計的概念

計算機(jī)是一種用于數(shù)據(jù)處理的電子設(shè)備，它可以執(zhí)行各種任務(wù)，包括存儲、檢索、計算和傳輸信息，是現(xiàn)代科技的核心。它以高效的數(shù)據(jù)處理能力和無與倫比的計算速度，幫助人類解決了許多難題。在計算機(jī)發(fā)明之前，人們需要用手工計算器進(jìn)行復(fù)雜的計算，這極大地限制了科學(xué)技術(shù)的發(fā)展。而有了計算機(jī)之后，人們可以輕松地進(jìn)行大規(guī)模的數(shù)據(jù)處理和計算，這極大地促進(jìn)了科學(xué)技術(shù)的發(fā)展。計算機(jī)涉及的領(lǐng)域眾多，如醫(yī)療、金融、制造業(yè)、交通、農(nóng)業(yè)等，它的出現(xiàn)使得這些領(lǐng)域的效率和質(zhì)量都得到了大幅提升。數(shù)字化設(shè)計是指使用計算機(jī)軟件和硬件來創(chuàng)建、編輯和處理數(shù)字圖像、音頻和視頻等媒體形式的過程。9.1.2數(shù)字化設(shè)計的發(fā)展歷史

計算機(jī)技術(shù)的歷史可以追溯到20世紀(jì)中期。在那個時候，計算機(jī)技術(shù)剛剛開始興起，并被用于解決科學(xué)、工程和商業(yè)上的問題。下面是一些重要的歷史節(jié)點：1946年第一臺真正意義上的現(xiàn)代電子計算機(jī)ENIAC在美國賓夕法尼亞大學(xué)誕生，它的誕生滿足了當(dāng)時日益增長的計算需求。20世紀(jì)50年代計算機(jī)繪圖起步2000年數(shù)字化設(shè)計慢慢成為主流2010年HTML5技術(shù)發(fā)布后，使得數(shù)字化設(shè)計和Web設(shè)計更加密切相關(guān)2018年AutodeskNetfabb3D打印軟件發(fā)布2019年AI輔助設(shè)計工具又逐步興起9.1.3計算機(jī)對數(shù)字化設(shè)計的影響

數(shù)字化設(shè)計是指利用計算機(jī)技術(shù)和數(shù)字化工具進(jìn)行設(shè)計的過程和方法。計算機(jī)技術(shù)的發(fā)展，極大地推動了數(shù)字化設(shè)計的發(fā)展和應(yīng)用。在數(shù)字化設(shè)計領(lǐng)域中，計算機(jī)具有以下幾方面的影響：01計算機(jī)技術(shù)提高了數(shù)字化設(shè)計的效率和精確度設(shè)計方案02計算機(jī)技術(shù)為數(shù)字化設(shè)計提供了創(chuàng)新空間03計算機(jī)技術(shù)有助于數(shù)字化設(shè)計中的集成和協(xié)作

9.2媒介與數(shù)字媒體設(shè)計9.2.1媒介與媒體9.2.2數(shù)字媒體設(shè)計9.2.3數(shù)字媒體設(shè)計特征9.2.1媒介與媒體

從語言學(xué)的詞義辨析來講，媒介（medium）是信息傳播的載體與工具，具有物質(zhì)性和符號性。媒介既包括物理形式，如紙張、光纜等；也包括符號形式，如文字、聲波、色彩等。傳遞信息是媒介最基本的功能，廣泛意義講，其可以充當(dāng)傳輸中介的一切物質(zhì)，人、社會和世界都在這種中介化的關(guān)系中顯現(xiàn)和存在。媒介分為自然媒介（手勢、語音和象形文字等）、保存媒介（書籍、繪畫等）、技術(shù)媒介（電話、收音機(jī)、電視、電腦等）。媒介形態(tài)與媒體業(yè)態(tài)9.2.2數(shù)字媒體設(shè)計

從物理形態(tài)到數(shù)字形態(tài)在表述和重構(gòu)的過程，技術(shù)重構(gòu)著公眾對于價值的認(rèn)識和理解。數(shù)字化技術(shù)的多種優(yōu)勢賦予價值呈現(xiàn)在公眾社會生活中更多的機(jī)會，同時也賦予公眾更多的主動性，受眾從傳統(tǒng)的被動接受到主動的參與，審視的視角也實現(xiàn)了從“膜拜”的仰視到“展示”的平視，再到主動參與“體驗”的轉(zhuǎn)變。這種由數(shù)字技術(shù)引起的變化，傳播中的傳受關(guān)系的變化，重構(gòu)著數(shù)字化傳播環(huán)境中的生態(tài)局。在數(shù)字媒體設(shè)計的術(shù)語中，數(shù)字表達(dá)了其以技術(shù)為基礎(chǔ)，而媒體則強(qiáng)調(diào)了傳媒的媒介特性，設(shè)計則明確了其應(yīng)用領(lǐng)域的范圍界定。這種以數(shù)字化技術(shù)介入藝術(shù)設(shè)計的方式形成了與傳統(tǒng)藝術(shù)設(shè)計形式的鮮明對比。由于數(shù)字化時代及沉浸式藝術(shù)展覽的發(fā)展革新，數(shù)字媒體設(shè)計的浪潮迅速涌起。隨著互聯(lián)網(wǎng)科技的不斷發(fā)展，數(shù)字媒體設(shè)計逐漸成為新興領(lǐng)域，涵蓋了自然、人文、藝術(shù)、社會等多個學(xué)科，更是與計算機(jī)科學(xué)、計算機(jī)語言、計算機(jī)圖形學(xué)、交互設(shè)計、藝術(shù)設(shè)計、信息與通信技術(shù)相關(guān)聯(lián)，是一個綜合性學(xué)科領(lǐng)域。

社會人文科學(xué)交互設(shè)計藝術(shù)設(shè)計計算機(jī)藝術(shù)自然9.2.3數(shù)字媒體設(shè)計特征

數(shù)字媒體藝術(shù)建立在計算機(jī)科學(xué)與技術(shù)基礎(chǔ)之上，融合了科學(xué)與藝術(shù)的元素，能夠創(chuàng)作許多數(shù)字藝術(shù)作品。數(shù)字媒體藝術(shù)是一門綜合性學(xué)科，涵蓋自然科學(xué)、社會科學(xué)和人文科學(xué)等多個領(lǐng)域，它包括紙媒、手機(jī)傳媒、網(wǎng)絡(luò)傳媒、平面展示、影視傳媒等多種媒體形式，將其傳播的方式和特點融合，不僅能擁有更為廣泛的傳播渠道，并且形成了自身獨特的傳播特性。01虛擬性設(shè)計方案02交互性03融合性

9.3信息可視化設(shè)計9.3.1信息設(shè)計9.3.2信息可視化設(shè)計9.3.3信息可視化設(shè)計原則9.3.4信息可視化設(shè)計流程9.3.5信息圖表設(shè)計類型9.3.1信息設(shè)計

1831年美國科學(xué)家亨利發(fā)明了第一臺電報機(jī)，幾年之后的1837年，美國科學(xué)家薩繆爾·摩爾斯設(shè)計出了摩爾斯電，成為早期的一種數(shù)字化通信形式。不同于現(xiàn)代化的數(shù)字通信，摩爾斯電碼只使用0和1兩種狀態(tài)的二進(jìn)制代碼，摩爾斯電碼實現(xiàn)了電子脈沖轉(zhuǎn)化為語言分類信息，從而實現(xiàn)遠(yuǎn)距離傳輸信息的目的。電報機(jī)和電報的發(fā)明使得遠(yuǎn)程信息與交互成為了可能。1876年電話的發(fā)明使得信息與交互的邊界再次得到擴(kuò)展，成為早期最重要的人機(jī)交互設(shè)備，同時也為現(xiàn)代通信技術(shù)產(chǎn)業(yè)和互聯(lián)網(wǎng)的發(fā)展奠定了基礎(chǔ)。

摩爾斯電碼對照表

貝爾在測試電話9.3.2信息可視化設(shè)計

信息可視化是將數(shù)據(jù)或信息用圖形或者其他視覺形式呈現(xiàn)的一種設(shè)計，以便于人們能更清晰地展示、分析和傳達(dá)信息。信息可視化設(shè)計一般通過圖表、圖形、地圖、儀表盤等視覺元素，幫助人們發(fā)現(xiàn)數(shù)據(jù)之間的關(guān)系、趨勢和模式，并能夠更好地理解和解釋復(fù)雜的信息和數(shù)據(jù)集。信息可視化設(shè)計是一種交叉多個學(xué)科領(lǐng)域的綜合性研究，主要涉及圖形圖像處理、心理學(xué)、人工智能、人機(jī)交互等眾多學(xué)科，它從具體的應(yīng)用角度大致可分為文本可視化、社交媒體可視化、科學(xué)可視化、數(shù)據(jù)可視化等類別。9.3.3信息可視化設(shè)計原則

①信息傳達(dá)清晰準(zhǔn)確：信息可視化設(shè)計應(yīng)該確保所要傳達(dá)的信息清楚地傳達(dá)給觀眾，而不是試圖展示所有的細(xì)節(jié)。②設(shè)計精練簡明且主次分明：信息可視化設(shè)計應(yīng)該有重點，突出主要信息，以便更好地傳達(dá)所要表達(dá)的內(nèi)容。③注重視覺美感和表達(dá)意趣：設(shè)計者應(yīng)該根據(jù)所要表達(dá)的內(nèi)容和用戶的需求，設(shè)計出視覺效果獨特且風(fēng)趣的信息可視化圖表，這樣可以吸引觀眾的注意力以及閱讀興趣，從而提升信息傳遞的效率。④盡量以圖釋意：信息可視化設(shè)計應(yīng)該盡量用系統(tǒng)化的圖形語言來代替復(fù)雜繁多的語言文字，因為圖形語言往往更能夠無障礙地傳遞信息，使觀眾更好地理解傳達(dá)者所傳達(dá)的信息。⑤視覺設(shè)計要符合人的閱讀習(xí)慣：在進(jìn)行信息可視化設(shè)計時，設(shè)計者應(yīng)該給觀眾建立一個清晰的信息讀取流程，比如能夠明確地體現(xiàn)出信息表達(dá)的空間移動或時間的變化。01信息傳達(dá)清晰準(zhǔn)確設(shè)計方案02設(shè)計精練簡明且主次分明03注重視覺美感和表達(dá)意趣04盡量以圖釋意05視覺設(shè)計要符合人的閱讀習(xí)慣9.3.4信息可視化設(shè)計流程

第一，在進(jìn)行信息可視化設(shè)計之前，需要確定目標(biāo)受眾和目的。第二，在進(jìn)行信息可視化設(shè)計之前，需要先收集和準(zhǔn)備數(shù)據(jù)。第三，選擇最適合你的數(shù)據(jù)和目標(biāo)受眾的可視化類型?？傊?，信息可視化設(shè)計流程是一個復(fù)雜的過程，需要綜合考慮目標(biāo)受眾和目的、數(shù)據(jù)收集和準(zhǔn)備、可視化類型選擇、可視化設(shè)計、創(chuàng)建可視化、調(diào)整和修改可視化以及分享和傳播可視化等多個方面。通過遵循信息可視化設(shè)計流程，可以制作出優(yōu)秀的可視化作品，為人們的決策和行動提供支持和指導(dǎo)信息可視化設(shè)計流程圖9.3.5信息圖表設(shè)計類型

根據(jù)數(shù)據(jù)的不同類型和表達(dá)目的的不同，信息可視化可分為不同的類型。以下是幾種常見的信息可視化類型，1.線圖、2.餅圖、3.柱狀圖、4.堆疊柱狀圖、5.散點圖、6.氣泡圖、7.南丁格爾玫瑰圖、8.地圖、9.熱力圖、10.樹狀圖、11.弦圖、12.桑基圖、13力導(dǎo)向圖、14.雷達(dá)圖。不同的信息可視化類型適用于不同的數(shù)據(jù)類型和表達(dá)目的，設(shè)計者需要根據(jù)具體情況選擇合適的信息可視化類型，從而制作出高效、清晰、精確的可視化。信息可視化設(shè)計常見圖表類型謝謝觀看THANKYOU普通高等教育“十一五”國家級規(guī)劃教材設(shè)計概論李立新王文聰編著｜第3版高等院校設(shè)計類專業(yè)新形態(tài)系列教材GAODENGYUANXIAOSHEJILEIZHUANYEXINXINGTAIXILIEJIAOCAI

目錄什么是設(shè)計01設(shè)計的形成與發(fā)展02設(shè)計的分類03設(shè)計的功能與形式04技術(shù)與藝術(shù)的統(tǒng)一05設(shè)計美學(xué)06設(shè)計管理08信息與數(shù)字化設(shè)計09交互與體驗設(shè)計10智能與計算設(shè)計11設(shè)計新形態(tài)12設(shè)計程序與方法07設(shè)計鑒賞與批評13CONTENTS交互與體驗設(shè)計10.1人機(jī)交互設(shè)計/10.2圖形界面設(shè)計/10.3用戶體驗設(shè)計/10.4虛擬交互設(shè)計10

10.1人機(jī)交互設(shè)計10.1.1從人因工程到人機(jī)交互10.1.2交互設(shè)計的界定10.1.3交互設(shè)計流程與方法10.1.1從人因工程到人機(jī)交互

從人因工程到人機(jī)交互的發(fā)展可以追溯到20世紀(jì)初期。主要經(jīng)歷了三個主要發(fā)展階段：人因工程學(xué)階段、人機(jī)工程學(xué)階段、人機(jī)交互階段。最初的人因工程學(xué)是一門研究人類行為和技術(shù)交互的跨學(xué)科領(lǐng)域。在人因工程學(xué)階段，人們開始認(rèn)識到人的身體特性、生理特點和認(rèn)知特點對工作效率和健康的影響。因此人因工程學(xué)家開始以人為中心，設(shè)計適應(yīng)人體特性的工具和工作環(huán)境，以提高工作效率和生產(chǎn)力。1946年，“ENIAC”的出現(xiàn)，象征著計算機(jī)時代的到來。世界上第一臺計算機(jī)“ENIAC”10.1.1從人因工程到人機(jī)交互

伊凡·蘇澤蘭正在TX-2上操作SketchPad程序道格拉斯·恩格爾巴特和第一代鼠標(biāo)10.1.2交互設(shè)計的界定

交互設(shè)計就是“優(yōu)化用戶與系統(tǒng)、環(huán)境或產(chǎn)品的交互，以有效、實用的方式支持和擴(kuò)展用戶的活動”。交互設(shè)計并非憑空產(chǎn)生，它的源頭可以追溯到工業(yè)設(shè)計和人機(jī)工程學(xué)。交互設(shè)計關(guān)注的是如何通過機(jī)器實現(xiàn)人與人之間相互溝通和相互理解的方式，它注重的是人機(jī)交互的過程和體驗，設(shè)計師通過設(shè)計界面和功能來幫助用戶實現(xiàn)他們的目標(biāo)，強(qiáng)調(diào)用戶的需求和行為，希望能夠通過設(shè)計來使用戶能夠更加方便、快捷、有效地使用產(chǎn)品或系統(tǒng)。多通道交互設(shè)計圖10.1.3交互設(shè)計流程與方法

和工業(yè)設(shè)計相同，交互設(shè)計也有一套清晰的流程與方法，交互設(shè)計師在設(shè)計過程中也需要具備一定的能力。雖然交互設(shè)計的流程和方法因不同的設(shè)計團(tuán)隊、項目和產(chǎn)品而有所差異，但一般可以包括以下流程交互設(shè)計師應(yīng)具備的能力交互設(shè)計流程

10.2圖形界面設(shè)計10.2.1界面設(shè)計的演變10.2.2界面設(shè)計的原則10.2.3界面設(shè)計的規(guī)范10.2.1界面設(shè)計的演變

用戶界面是用戶與計算機(jī)系統(tǒng)之間進(jìn)行信息傳遞和交流的平臺。在進(jìn)行用戶界面設(shè)計的過程中，需要考慮到用戶的需求和行為特征。因此，它需要結(jié)合計算機(jī)科學(xué)和認(rèn)知心理學(xué)來進(jìn)行研究。作為一門涉及人工智能、自然語言處理、多媒體系統(tǒng)等多門計算機(jī)技術(shù)，吸收了工業(yè)設(shè)計、人機(jī)工程學(xué)、語言學(xué)和社會學(xué)等諸多學(xué)科領(lǐng)域的最新研究成果的綜合類、交叉性的學(xué)科，隨著人機(jī)工學(xué)理論和計算機(jī)技術(shù)的不斷發(fā)展，用戶界面也經(jīng)歷了多次演化，從最早的機(jī)械操作用戶界面（MUI）發(fā)展到字符用戶界面（CUI）、圖形用戶界面（GUI），之后又發(fā)展到自然用戶界面（NUI），并且與此相關(guān)的人機(jī)交互方式也隨之發(fā)生了巨大變化。字符命令界面10.2.2界面設(shè)計的原則

界面設(shè)計原則是為了創(chuàng)造易于使用、易于理解和易于學(xué)習(xí)的用戶界面而制定的一些指導(dǎo)性原則。唐納德·諾曼的設(shè)計心理學(xué)思想是把握設(shè)計原則的重要工具，其中本能層、行為層和反思層的設(shè)計思維方式被廣泛應(yīng)用。做設(shè)計的核心是以人為本，注重情感化設(shè)計，能夠把握人的情感需求。德國《愉快雜志》編著的《眾妙之門：網(wǎng)站UI設(shè)計之道》針對界面設(shè)計提出了以下幾個設(shè)計原則01簡潔化原則設(shè)計方案02反饋性原則03一致性原則04美感原則10.2.3界面設(shè)計的規(guī)范

界面設(shè)計規(guī)范是計算機(jī)軟件用戶界面設(shè)計的指導(dǎo)原則和標(biāo)準(zhǔn)，用于指導(dǎo)開發(fā)人員和設(shè)計師在創(chuàng)建用戶界面時決策。這些規(guī)范旨在確保界面易于使用、可靠、高效和一致。2000年發(fā)布的“人機(jī)工程設(shè)計準(zhǔn)則——界面設(shè)計規(guī)范”是中國國家標(biāo)準(zhǔn)GB/T15570—2000，該標(biāo)準(zhǔn)規(guī)定了計算機(jī)軟件用戶界面設(shè)計的基本要求和準(zhǔn)則。GoogleMaterialDesignUI設(shè)計規(guī)范

10.3用戶體驗設(shè)計10.3.1體驗與用戶體驗設(shè)計10.3.2用戶體驗設(shè)計要素10.3.3用戶體驗設(shè)計方法10.3.1體驗與用戶體驗設(shè)計

所謂“體驗”，是個泛化概念，它是指用實踐的方法去理解身邊的事，它是由親身體驗而獲得的一種感覺，是個人對某些刺激的一種反映，這種反應(yīng)通常是被誘發(fā)出來的。凡是通過自身體驗到的東西，就會使人們感到真實。《體驗經(jīng)濟(jì)》的作者約瑟夫·派恩曾說過：“體驗，事實上是當(dāng)一個人達(dá)到情緒、體力、智力甚至是精神的某一特定水平時，他意識中產(chǎn)生的美好感覺?！苯?jīng)驗僅僅是對個人內(nèi)心感受和情感狀況的一種表述，與物質(zhì)需求或一些手段這樣功利性目的一概無關(guān)。通常認(rèn)為，用戶體驗的概念最早是在20世紀(jì)90年代由唐納德·諾曼提出和推廣的。它是純粹主觀的，是用戶對某種商品或服務(wù)的使用過程所確立的心理感受。

深澤直人設(shè)計的無印良品CD播放器10.3.2用戶體驗設(shè)計要素

經(jīng)驗即生活，良好的交互是實現(xiàn)良好體驗的前提與基礎(chǔ)。設(shè)計師控制交互使用者自然地和物品進(jìn)行互動，無形中得到一種美妙的感覺，這就是體驗式設(shè)計的最高層次，要保證用戶對產(chǎn)品的一切體驗都是清晰的、有意識的，要把每個可能發(fā)生的行為都納入考慮范圍，要了解每個流程中每個階段的用戶期望是什么。可以將用戶體驗的設(shè)計劃分為不同的部分，從而對整體問題有一個更好的理解。使用者體驗式的設(shè)計流程和方法，其最主要的原理是：每個步驟都是以使用者為本而作出的決定。用戶體驗五要素（《用戶體驗要素》10.3.3用戶體驗設(shè)計方法

當(dāng)今社會，設(shè)計師不僅要為消費者提供一種產(chǎn)品，而且產(chǎn)品要真正滿足消費者所需。設(shè)計不是以“用戶想要什么樣的產(chǎn)品”為基礎(chǔ)，而是更要弄清楚“用戶看起來想要什么產(chǎn)品”和“實際上想要什么樣的產(chǎn)品”之間的區(qū)別。在此基礎(chǔ)上，需要提出一種新的用戶體驗分析方法，通過用戶研究，把它們歸類為初級、中等和專業(yè)用戶，通過深度分析中等、專業(yè)水平用戶可獲得目標(biāo)用戶群。同時通過目標(biāo)用戶使用場景、使用行為與習(xí)慣分析，獲取用戶需求與目的，為用戶體驗?zāi)Ｐ偷臉?gòu)建奠定基礎(chǔ)。定性定量研究

10.4虛擬交互設(shè)計10.4.1VR虛擬現(xiàn)實設(shè)計10.4.2AR增強(qiáng)現(xiàn)實設(shè)計10.4.3MR混合現(xiàn)實設(shè)計10.4.1VR虛擬現(xiàn)實設(shè)計

VR虛擬現(xiàn)實是一種先進(jìn)的信息技術(shù)，它將多種媒體技術(shù)融合在一起，并利用計算機(jī)技術(shù)、傳感器技術(shù)等現(xiàn)代高新技術(shù)，特別是交互設(shè)計，不僅能夠提升人們的生活質(zhì)量，還能為人們提供更加便捷、實用的技術(shù)服務(wù)，從而大大提高產(chǎn)品的實用性，改善使用者的體驗。VR技術(shù)在互動設(shè)計中的研究與