第四章產(chǎn)品視覺形象設計的構成課件

第四章產(chǎn)品視覺形象設計的構成2022/10/30第四章產(chǎn)品視覺形象設計的構成第四章產(chǎn)品視覺形象設計的構成2022/10/23第四章產(chǎn)品視11）界面的概念

用戶界面（UI，UserInterface）就字面來理解，是人和產(chǎn)品之間信息交流的“面”。這個“面”不僅僅是物理意義上的存在，而且包含了心理意義上的存在，通過界面這個媒介，人與產(chǎn)品之間的信息得以互相傳遞和溝通，即人機互動。

簡而言之，用戶界面就是人與產(chǎn)品之間互動方式的物化表象。

產(chǎn)品用戶界面是近年來伴隨IT產(chǎn)業(yè)突飛猛進而發(fā)展起來的一個新興復合專業(yè)領域，涉及學科：視覺藝術、人機工程、認知心理、邏輯分析、計算機圖形學等。第四章產(chǎn)品視覺形象設計的構成1）界面的概念第四章產(chǎn)品視覺形象設計的構成2關于廣義界面，美國學者赫伯特.A.西蒙提出:設計是人工物的內(nèi)部環(huán)境(人工物自身的物質(zhì)和組織)和外部環(huán)境(人工物的工作或使用環(huán)境)的接合。這種接合是圍繞人來進行的?！叭恕笔窃O計界面的一個方面，是認識的主體和設計服務的對象，而作為對象的“物”則是設計界面的另一個方面。它是包含著對象實體、環(huán)境及信息的綜合體，就如我們看見一件產(chǎn)品、一棟建筑，它帶給人的不僅有使用功能、材料的質(zhì)地，也包含著對傳統(tǒng)思考、文化理喻、科學觀念等的認知。應該說，廣義的界面設計是以功能性界面為基礎，以環(huán)境性界面為前提，以情感性界面為重心而構成的，它們之間形成有機和系統(tǒng)的聯(lián)系。我們平時提及的界面設計通常是指狹義的界面設計，較少地涉及到情感、文化等。但是，在實際的設計過程中，這些又都是必須考慮的因素，在某些時候，甚至是直接的設計對象，因為用戶是主體，那么人的因素也就自然而然地融入到設計過程中。第四章產(chǎn)品視覺形象設計的構成關于廣義界面，美國學者赫伯特.A.西蒙提出:設計是人工物的內(nèi)3界面對視覺形象的作用：從用戶的角度，人們感知方式是多種多樣的，但就工業(yè)產(chǎn)品來講，人們主要是通過視覺、觸覺和聽覺來感知和使用產(chǎn)品的。視覺感知主要起到了信息拾取的作用，比如產(chǎn)品上的各種標志與符號，以及按鍵的形狀和排布等；

觸覺主要是對拾取信息的操作，比如旋鈕的調(diào)節(jié)、按鍵的撥弄、屏幕的感壓等；聽覺感知更多地表現(xiàn)了對信息操作的一種反饋，比如按鍵的聲音等。因此，用戶界面作為一種傳達產(chǎn)品理念、操作等信息的綜合方式，同樣成為產(chǎn)品形象的一個重要部分。它直接影響到產(chǎn)品使用的便利性，而人們總能對使用方便的產(chǎn)品留下深刻的印象，并影響對產(chǎn)品形象的整體評價。第四章產(chǎn)品視覺形象設計的構成界面對視覺形象的作用：觸覺主要是對拾取信息的操4

根據(jù)不同的人機互動方式，用戶界面主要可以分為以下三種形式：實體用戶界面（SUI）圖形用戶界面（GUI）聲音用戶界面（AUI）硬界面軟界面第四章產(chǎn)品視覺形象設計的構成根據(jù)不同的人機互動方式，用戶界面主要可以分為以下三種形52）實體用戶界面（SUI，SolidUserInterface）

實體用戶界面是通過硬件設計來實現(xiàn)的一種既可視又可觸摸感知的人機交互界面，是對產(chǎn)品理念和使用方式的一種固化表現(xiàn)。實體用戶界面的表現(xiàn)內(nèi)容主要包括：（1）按鍵的形狀、大小、排布、位置、彈性等；（2）標志上的數(shù)字、文字、符號等（字體、大小、位置）；（3）發(fā)音孔和散熱孔的形狀、大小、位置；（4）各種端口的位置、間距等；（5）顯示液晶的形狀、大小、位置、角度、亮度（6）指示燈的形狀、大小、位置、顏色、亮度（7）銘牌及一些輔助圖形或造型等。第四章產(chǎn)品視覺形象設計的構成2）實體用戶界面（SUI，SolidUserInterf6第四章產(chǎn)品視覺形象設計的構成第四章產(chǎn)品視覺形象設計的構成7第四章產(chǎn)品視覺形象設計的構成第四章產(chǎn)品視覺形象設計的構成8第四章產(chǎn)品視覺形象設計的構成第四章產(chǎn)品視覺形象設計的構成9第四章產(chǎn)品視覺形象設計的構成第四章產(chǎn)品視覺形象設計的構成10第四章產(chǎn)品視覺形象設計的構成第四章產(chǎn)品視覺形象設計的構成11從上面的各種表現(xiàn)內(nèi)容看，實體用戶界面作為產(chǎn)品形象視覺層面的一個部分，還會在細節(jié)方面極大地影響產(chǎn)品的外觀（如圖）。

但為什么不納入產(chǎn)品的外觀中去？這主要是因為實體用戶界面與產(chǎn)品外觀在對產(chǎn)品形象塑造方面所起的作用是不同的：產(chǎn)品外觀中的形態(tài)、色彩和質(zhì)感等都是對產(chǎn)品理念的一種單向表達，并沒有包含產(chǎn)品使用方式的信息；而實體用戶界面對產(chǎn)品理念的一種雙向互動表達，包含產(chǎn)品使用方式的信息。從作用深度來看，產(chǎn)品外觀主要在視覺層面起作用，而實體用戶界面則主要在心理和行為層面上起作用。第四章產(chǎn)品視覺形象設計的構成從上面的各種表現(xiàn)內(nèi)容看，實體用戶界面作為產(chǎn)品形象視覺層面的一12實體用戶界面應用研究狀況：歐洲的產(chǎn)品一直很有優(yōu)勢。一方面歐洲企業(yè)和行業(yè)協(xié)會對其應用的重視程度，例如瑞典推行將TCO標準就將產(chǎn)品人機互動納入評價體系的重要部分；另一方面得益于濃厚的人文文化。其中的典型代表是NOKIA手機。就日本產(chǎn)品來講，在這方面很好的繼承了歐洲的設計傳統(tǒng)。SONY公司也是互動界面設計方面的典范?！皩o法言喻的優(yōu)點傳遞給無數(shù)的大眾”是他們的一貫目標。我國產(chǎn)品在這方面的研究很少，設計方面重視不夠。第四章產(chǎn)品視覺形象設計的構成實體用戶界面應用研究狀況：第四章產(chǎn)品視覺形象設計的構成13第四章產(chǎn)品視覺形象設計的構成第四章產(chǎn)品視覺形象設計的構成14SONYTR-2第四章產(chǎn)品視覺形象設計的構成SONYTR-2第四章產(chǎn)品視覺形象設計的構成15第四章產(chǎn)品視覺形象設計的構成第四章產(chǎn)品視覺形象設計的構成16第四章產(chǎn)品視覺形象設計的構成第四章產(chǎn)品視覺形象設計的構成173）圖形用戶界面（GUI,GraphicUserInterface）

圖形用戶界面是通過計算機編程來實現(xiàn)的一種可視化的人機交互界面。實際上是軟件的圖形界面，用來幫助人們認識和理解產(chǎn)品的設計理念和操作方式。就表現(xiàn)形式來講，主要有圖標、菜單、工具欄、事件動畫等元素。其作用有：對操作的可視化；顯示產(chǎn)品的運行狀態(tài)；增加產(chǎn)品使用樂趣等；第四章產(chǎn)品視覺形象設計的構成3）圖形用戶界面（GUI,GraphicUserInt18第四章產(chǎn)品視覺形象設計的構成第四章產(chǎn)品視覺形象設計的構成19第四章產(chǎn)品視覺形象設計的構成第四章產(chǎn)品視覺形象設計的構成20第四章產(chǎn)品視覺形象設計的構成第四章產(chǎn)品視覺形象設計的構成21應用現(xiàn)狀：在產(chǎn)品圖形用戶界面設計方面，Apple公司的水平可以說是傲視全球。作為全球軟件霸主Microsoft公司也具有相當實力。我國在這方面可以說是剛剛起步，發(fā)展迅速當參差不齊。比較好的代表QQ和盛大傳奇網(wǎng)絡游戲。

有研究表明，界面的美觀程度將影響用戶對其可用性評價。而且，若界面的“外觀和質(zhì)感”令人心情舒暢，如使用漂亮的圖形、巧妙地組合各種元素、設計精美的字體、使用優(yōu)雅的圖像和色彩，用戶就更容易容忍系統(tǒng)可用性方面的問題。第四章產(chǎn)品視覺形象設計的構成應用現(xiàn)狀：第四章產(chǎn)品視覺形象設計的構成22圖形設計師AaronMarcus設計了這兩個頗具吸引力的界面。界面設計(a)是為美國女性設計的，右面的界面(b)是為歐洲男性知識分子設計的。設計師Marcus的思想是，歐洲男性知識分子喜歡“溫和的散文，較為拘謹?shù)男畔⒎植?，古典的字體”相反地，美國女性“愛好更復雜的表現(xiàn)方式和彎曲的形狀，但是不喜歡過于豪放”。第四章產(chǎn)品視覺形象設計的構成圖形設計師AaronMarcus設計了這兩個頗具吸234）聲音用戶界面（AUI,AudioUserInterface）聲音用戶界面就是通過在產(chǎn)品中使用過程中引入聲音而實現(xiàn)的人機交互界面。聲音用戶界面是對圖形用戶界面和實體用戶界面的有益補充，并與后兩者共同構成三位一體的人機互動方式。其主要表現(xiàn)形式有：語音提示：主要是讓人明白下一步該如何操作；事件鈴聲：是為了提醒使用者一項功能的開始或完成；背景音樂：既可以緩解對某項操作的過長等待，又可以增加產(chǎn)品使用的樂趣；操作反饋聲音：主要是讓使用者明白操作的正確與否，當然有時也是為了表現(xiàn)一種使用的滿足感。第四章產(chǎn)品視覺形象設計的構成4）聲音用戶界面（AUI,AudioUserInter24需要注意的是：聲音用戶界面所傳遞的信息和情緒，必須與產(chǎn)品的形象相符合。對于企業(yè)來講：富有特色的聲音用戶界面的引入，既可以保持產(chǎn)品形象的識別性，又可以讓消費者使用產(chǎn)品更加方便、更有樂趣。聲音用戶界面應用：WindowsXP系統(tǒng)是一個典范；SONY公司在聲音界面設計方面同樣比較成功；國內(nèi)產(chǎn)品在這方面有一定的突破，但企業(yè)還沒有上升到進行系統(tǒng)研究與規(guī)劃層面上來。第四章產(chǎn)品視覺形象設計的構成需要注意的是：聲音用戶界面所傳遞的信息和情緒，必須與產(chǎn)品的形255）人機界面的評價

在同一用戶界面中，所有的菜單選擇、命令輸入、數(shù)據(jù)顯示和其他功能應保持風格的一致性。風格一致的人機界面會給人一種簡潔、和諧的美感。1、界面的色彩及風格統(tǒng)一產(chǎn)品軟件界面的總體色彩應該接近和類似實體界面的總體色調(diào)。1)一致性：一致性的界面設計讓使用者更易學習和記憶。2)親和性：界面應該親切地邀請使用者進一步探索系統(tǒng)。第四章產(chǎn)品視覺形象設計的構成5）人機界面的評價第四章產(chǎn)品視覺形象設計的構成263)簡單明了：使用者需要能迅速了解界面的架構，開始使用它。不要使選單太雜，動畫及圖標不要使用太難理解的隱喻，或需要太多想象的隱喻。4)謹慎的使用顏色：顏色當然是高度有效的非語言方法(例如同樣是藍色的指令應該代表著它們互相關聯(lián))。但是如果隨機使用，顏色能夠讓使用者轉(zhuǎn)移注意力而感到混淆?？紤]使用相同色系但是深淺不一的顏色，而非徹底對比的顏色。2界面視覺元素的規(guī)范3聲音界面與實體界面和圖形界面的一致性第四章產(chǎn)品視覺形象設計的構成3)簡單明了：使用者需要能迅速了解界面的架構，開始使用它。不27EMP-ZII夏新u807第四章產(chǎn)品視覺形象設計的構成EMP-ZII夏新u807第四章產(chǎn)品視覺形象設計的構成28

怎樣評價一個人機界面設計質(zhì)量的優(yōu)劣，目前還沒有一個統(tǒng)一的標準。一般地，評價可以從以下幾個主要方面進行考慮：(1)用戶對人機界面的滿意程度；(2)人機界面的標準化程度；(3)人機界面的適應性和協(xié)調(diào)性；(4)人機界面的應用條件；(5)人機界面的性能價格比。

第四章產(chǎn)品視覺形象設計的構成怎樣評價一個人機界面設計質(zhì)量的優(yōu)劣，29目前人們習慣于用“界面友好性”這一抽象概念來評價一個人機界面的好壞，但“但面友好”與“界面不友好”恐怕無人能定一個確切的界線，一般認為一個友好的人機界應該至少具備以下特征：(1)操作簡單，易學，易掌握；(2)界面美觀，操作舒適；(3)快速反應，響應合理；(4)用語通俗，語義一致。下面我們從設計理論的角度分析界面友好的判定：界面友好即系統(tǒng)模型與心理模型具有良好的一致性。第四章產(chǎn)品視覺形象設計的構成目前人們習慣于用“界面友好性”這一抽象概30我們先介紹三個概念：心理模型：心理是存在于人們頭腦中的關于一個產(chǎn)品應該具有的概念和行為的知識。實現(xiàn)模型：是產(chǎn)品的內(nèi)部結構和工作原理。它存在于設計人員的頭腦中。系統(tǒng)模型：是指產(chǎn)品的最終外觀以及產(chǎn)品呈現(xiàn)給用戶后，用戶經(jīng)過觀察或使用而形成的關于產(chǎn)品如何使用和工作的知識。第四章產(chǎn)品視覺形象設計的構成我們先介紹三個概念：第四章產(chǎn)品視覺形象設計的構成31心理模型：將要扔掉的物品的名稱，或最多包括一些樸素的關于物品的分類方法：食品類、包裝類等；實現(xiàn)模型：“可回收”與“不可回收”；系統(tǒng)模型：標有“回收、不可回收物品”字樣的外觀的垃圾桶？作業(yè)：設計垃圾桶界面。例子：第四章產(chǎn)品視覺形象設計的構成心理模型：將要扔掉的物品的名稱，或最多包括一些樸素的關于物品32前面案例說到的“好用”，在交互界面設計領域，選擇的措辭是“界面友好”。但界面友好是一個比較模糊的概念，今兩年來，設計人員傾向于采用“可用性”(Usability)這個詞，并得到越來越多的相關專業(yè)人士的認同，其理論也在不斷的發(fā)展中，形成了一門學科:可用性工程(UsabilityEngineering)?？捎眯怨こ淌墙换ナ絀T產(chǎn)品/系統(tǒng)的一種先進開發(fā)方法，包括一整套工程過程、方法、工具和國際標準，它應用于產(chǎn)品生命周期的各個階段，核心是以用戶為中心的設計方法論(user-centereddesign一UCD)，強調(diào)以用戶為中心來進行開發(fā)，能有效評估和提高產(chǎn)品可用性質(zhì)量，彌補了常規(guī)開發(fā)方法無法保證可用性質(zhì)量的不足。第四章產(chǎn)品視覺形象設計的構成前面案例說到的“好用”，在交互界面設計領域，選擇的措辭是“界33錢抒，張福昌，MP3的界面設計研究，江南大學，2005.6周睿，張錫，基于可用性的手機交互界面設計研究，南京理工大學，2006.6霍發(fā)青，陳汗青，人機界面研究，武漢理工大學，2003.11第四章產(chǎn)品視覺形象設計的構成錢抒，張福昌，MP3的界面設計研究，江南大學，2005.6第34作品欣賞第四章產(chǎn)品視覺形象設計的構成作品欣賞第四章產(chǎn)品視覺形象設計的構成35第四章產(chǎn)品視覺形象設計的構成第四章產(chǎn)品視覺形象設計的構成36第四章產(chǎn)品視覺形象設計的構成第四章產(chǎn)品視覺形象設計的構成37美感：

往往有比例和尺度、均衡與穩(wěn)定、統(tǒng)一與變化、節(jié)奏與韻律等多種形式，產(chǎn)品的界面美是從人類長期實踐經(jīng)驗總結出的結論，對設計具有一定的指導作用。當然，這里的“美”，不單單是指產(chǎn)品的外觀能夠引起人們的喜愛，同時也包括使用產(chǎn)品的爽快感、擁有高科技產(chǎn)品的滿足感、以及在使用過程中因為產(chǎn)品造型風格的獨樹一幟而造就的炫耀感等等。第四章產(chǎn)品視覺形象設計的構成美感：第四章產(chǎn)品視覺形象設計的構成38演講完畢，謝謝聽講!再見，seeyouagain3rew2022/10/30第四章產(chǎn)品視覺形象設計的構成演講完畢，謝謝聽講!再見，seeyouagain3rew39第四章產(chǎn)品視覺形象設計的構成2022/10/30第四章產(chǎn)品視覺形象設計的構成第四章產(chǎn)品視覺形象設計的構成2022/10/23第四章產(chǎn)品視401）界面的概念

用戶界面（UI，UserInterface）就字面來理解，是人和產(chǎn)品之間信息交流的“面”。這個“面”不僅僅是物理意義上的存在，而且包含了心理意義上的存在，通過界面這個媒介，人與產(chǎn)品之間的信息得以互相傳遞和溝通，即人機互動。

簡而言之，用戶界面就是人與產(chǎn)品之間互動方式的物化表象。

產(chǎn)品用戶界面是近年來伴隨IT產(chǎn)業(yè)突飛猛進而發(fā)展起來的一個新興復合專業(yè)領域，涉及學科：視覺藝術、人機工程、認知心理、邏輯分析、計算機圖形學等。第四章產(chǎn)品視覺形象設計的構成1）界面的概念第四章產(chǎn)品視覺形象設計的構成41關于廣義界面，美國學者赫伯特.A.西蒙提出:設計是人工物的內(nèi)部環(huán)境(人工物自身的物質(zhì)和組織)和外部環(huán)境(人工物的工作或使用環(huán)境)的接合。這種接合是圍繞人來進行的?！叭恕笔窃O計界面的一個方面，是認識的主體和設計服務的對象，而作為對象的“物”則是設計界面的另一個方面。它是包含著對象實體、環(huán)境及信息的綜合體，就如我們看見一件產(chǎn)品、一棟建筑，它帶給人的不僅有使用功能、材料的質(zhì)地，也包含著對傳統(tǒng)思考、文化理喻、科學觀念等的認知。應該說，廣義的界面設計是以功能性界面為基礎，以環(huán)境性界面為前提，以情感性界面為重心而構成的，它們之間形成有機和系統(tǒng)的聯(lián)系。我們平時提及的界面設計通常是指狹義的界面設計，較少地涉及到情感、文化等。但是，在實際的設計過程中，這些又都是必須考慮的因素，在某些時候，甚至是直接的設計對象，因為用戶是主體，那么人的因素也就自然而然地融入到設計過程中。第四章產(chǎn)品視覺形象設計的構成關于廣義界面，美國學者赫伯特.A.西蒙提出:設計是人工物的內(nèi)42界面對視覺形象的作用：從用戶的角度，人們感知方式是多種多樣的，但就工業(yè)產(chǎn)品來講，人們主要是通過視覺、觸覺和聽覺來感知和使用產(chǎn)品的。視覺感知主要起到了信息拾取的作用，比如產(chǎn)品上的各種標志與符號，以及按鍵的形狀和排布等；

觸覺主要是對拾取信息的操作，比如旋鈕的調(diào)節(jié)、按鍵的撥弄、屏幕的感壓等；聽覺感知更多地表現(xiàn)了對信息操作的一種反饋，比如按鍵的聲音等。因此，用戶界面作為一種傳達產(chǎn)品理念、操作等信息的綜合方式，同樣成為產(chǎn)品形象的一個重要部分。它直接影響到產(chǎn)品使用的便利性，而人們總能對使用方便的產(chǎn)品留下深刻的印象，并影響對產(chǎn)品形象的整體評價。第四章產(chǎn)品視覺形象設計的構成界面對視覺形象的作用：觸覺主要是對拾取信息的操43

根據(jù)不同的人機互動方式，用戶界面主要可以分為以下三種形式：實體用戶界面（SUI）圖形用戶界面（GUI）聲音用戶界面（AUI）硬界面軟界面第四章產(chǎn)品視覺形象設計的構成根據(jù)不同的人機互動方式，用戶界面主要可以分為以下三種形442）實體用戶界面（SUI，SolidUserInterface）

實體用戶界面是通過硬件設計來實現(xiàn)的一種既可視又可觸摸感知的人機交互界面，是對產(chǎn)品理念和使用方式的一種固化表現(xiàn)。實體用戶界面的表現(xiàn)內(nèi)容主要包括：（1）按鍵的形狀、大小、排布、位置、彈性等；（2）標志上的數(shù)字、文字、符號等（字體、大小、位置）；（3）發(fā)音孔和散熱孔的形狀、大小、位置；（4）各種端口的位置、間距等；（5）顯示液晶的形狀、大小、位置、角度、亮度（6）指示燈的形狀、大小、位置、顏色、亮度（7）銘牌及一些輔助圖形或造型等。第四章產(chǎn)品視覺形象設計的構成2）實體用戶界面（SUI，SolidUserInterf45第四章產(chǎn)品視覺形象設計的構成第四章產(chǎn)品視覺形象設計的構成46第四章產(chǎn)品視覺形象設計的構成第四章產(chǎn)品視覺形象設計的構成47第四章產(chǎn)品視覺形象設計的構成第四章產(chǎn)品視覺形象設計的構成48第四章產(chǎn)品視覺形象設計的構成第四章產(chǎn)品視覺形象設計的構成49第四章產(chǎn)品視覺形象設計的構成第四章產(chǎn)品視覺形象設計的構成50從上面的各種表現(xiàn)內(nèi)容看，實體用戶界面作為產(chǎn)品形象視覺層面的一個部分，還會在細節(jié)方面極大地影響產(chǎn)品的外觀（如圖）。

但為什么不納入產(chǎn)品的外觀中去？這主要是因為實體用戶界面與產(chǎn)品外觀在對產(chǎn)品形象塑造方面所起的作用是不同的：產(chǎn)品外觀中的形態(tài)、色彩和質(zhì)感等都是對產(chǎn)品理念的一種單向表達，并沒有包含產(chǎn)品使用方式的信息；而實體用戶界面對產(chǎn)品理念的一種雙向互動表達，包含產(chǎn)品使用方式的信息。從作用深度來看，產(chǎn)品外觀主要在視覺層面起作用，而實體用戶界面則主要在心理和行為層面上起作用。第四章產(chǎn)品視覺形象設計的構成從上面的各種表現(xiàn)內(nèi)容看，實體用戶界面作為產(chǎn)品形象視覺層面的一51實體用戶界面應用研究狀況：歐洲的產(chǎn)品一直很有優(yōu)勢。一方面歐洲企業(yè)和行業(yè)協(xié)會對其應用的重視程度，例如瑞典推行將TCO標準就將產(chǎn)品人機互動納入評價體系的重要部分；另一方面得益于濃厚的人文文化。其中的典型代表是NOKIA手機。就日本產(chǎn)品來講，在這方面很好的繼承了歐洲的設計傳統(tǒng)。SONY公司也是互動界面設計方面的典范?！皩o法言喻的優(yōu)點傳遞給無數(shù)的大眾”是他們的一貫目標。我國產(chǎn)品在這方面的研究很少，設計方面重視不夠。第四章產(chǎn)品視覺形象設計的構成實體用戶界面應用研究狀況：第四章產(chǎn)品視覺形象設計的構成52第四章產(chǎn)品視覺形象設計的構成第四章產(chǎn)品視覺形象設計的構成53SONYTR-2第四章產(chǎn)品視覺形象設計的構成SONYTR-2第四章產(chǎn)品視覺形象設計的構成54第四章產(chǎn)品視覺形象設計的構成第四章產(chǎn)品視覺形象設計的構成55第四章產(chǎn)品視覺形象設計的構成第四章產(chǎn)品視覺形象設計的構成563）圖形用戶界面（GUI,GraphicUserInterface）

圖形用戶界面是通過計算機編程來實現(xiàn)的一種可視化的人機交互界面。實際上是軟件的圖形界面，用來幫助人們認識和理解產(chǎn)品的設計理念和操作方式。就表現(xiàn)形式來講，主要有圖標、菜單、工具欄、事件動畫等元素。其作用有：對操作的可視化；顯示產(chǎn)品的運行狀態(tài)；增加產(chǎn)品使用樂趣等；第四章產(chǎn)品視覺形象設計的構成3）圖形用戶界面（GUI,GraphicUserInt57第四章產(chǎn)品視覺形象設計的構成第四章產(chǎn)品視覺形象設計的構成58第四章產(chǎn)品視覺形象設計的構成第四章產(chǎn)品視覺形象設計的構成59第四章產(chǎn)品視覺形象設計的構成第四章產(chǎn)品視覺形象設計的構成60應用現(xiàn)狀：在產(chǎn)品圖形用戶界面設計方面，Apple公司的水平可以說是傲視全球。作為全球軟件霸主Microsoft公司也具有相當實力。我國在這方面可以說是剛剛起步，發(fā)展迅速當參差不齊。比較好的代表QQ和盛大傳奇網(wǎng)絡游戲。

有研究表明，界面的美觀程度將影響用戶對其可用性評價。而且，若界面的“外觀和質(zhì)感”令人心情舒暢，如使用漂亮的圖形、巧妙地組合各種元素、設計精美的字體、使用優(yōu)雅的圖像和色彩，用戶就更容易容忍系統(tǒng)可用性方面的問題。第四章產(chǎn)品視覺形象設計的構成應用現(xiàn)狀：第四章產(chǎn)品視覺形象設計的構成61圖形設計師AaronMarcus設計了這兩個頗具吸引力的界面。界面設計(a)是為美國女性設計的，右面的界面(b)是為歐洲男性知識分子設計的。設計師Marcus的思想是，歐洲男性知識分子喜歡“溫和的散文，較為拘謹?shù)男畔⒎植?，古典的字體”相反地，美國女性“愛好更復雜的表現(xiàn)方式和彎曲的形狀，但是不喜歡過于豪放”。第四章產(chǎn)品視覺形象設計的構成圖形設計師AaronMarcus設計了這兩個頗具吸624）聲音用戶界面（AUI,AudioUserInterface）聲音用戶界面就是通過在產(chǎn)品中使用過程中引入聲音而實現(xiàn)的人機交互界面。聲音用戶界面是對圖形用戶界面和實體用戶界面的有益補充，并與后兩者共同構成三位一體的人機互動方式。其主要表現(xiàn)形式有：語音提示：主要是讓人明白下一步該如何操作；事件鈴聲：是為了提醒使用者一項功能的開始或完成；背景音樂：既可以緩解對某項操作的過長等待，又可以增加產(chǎn)品使用的樂趣；操作反饋聲音：主要是讓使用者明白操作的正確與否，當然有時也是為了表現(xiàn)一種使用的滿足感。第四章產(chǎn)品視覺形象設計的構成4）聲音用戶界面（AUI,AudioUserInter63需要注意的是：聲音用戶界面所傳遞的信息和情緒，必須與產(chǎn)品的形象相符合。對于企業(yè)來講：富有特色的聲音用戶界面的引入，既可以保持產(chǎn)品形象的識別性，又可以讓消費者使用產(chǎn)品更加方便、更有樂趣。聲音用戶界面應用：WindowsXP系統(tǒng)是一個典范；SONY公司在聲音界面設計方面同樣比較成功；國內(nèi)產(chǎn)品在這方面有一定的突破，但企業(yè)還沒有上升到進行系統(tǒng)研究與規(guī)劃層面上來。第四章產(chǎn)品視覺形象設計的構成需要注意的是：聲音用戶界面所傳遞的信息和情緒，必須與產(chǎn)品的形645）人機界面的評價

在同一用戶界面中，所有的菜單選擇、命令輸入、數(shù)據(jù)顯示和其他功能應保持風格的一致性。風格一致的人機界面會給人一種簡潔、和諧的美感。1、界面的色彩及風格統(tǒng)一產(chǎn)品軟件界面的總體色彩應該接近和類似實體界面的總體色調(diào)。1)一致性：一致性的界面設計讓使用者更易學習和記憶。2)親和性：界面應該親切地邀請使用者進一步探索系統(tǒng)。第四章產(chǎn)品視覺形象設計的構成5）人機界面的評價第四章產(chǎn)品視覺形象設計的構成653)簡單明了：使用者需要能迅速了解界面的架構，開始使用它。不要使選單太雜，動畫及圖標不要使用太難理解的隱喻，或需要太多想象的隱喻。4)謹慎的使用顏色：顏色當然是高度有效的非語言方法(例如同樣是藍色的指令應該代表著它們互相關聯(lián))。但是如果隨機使用，顏色能夠讓使用者轉(zhuǎn)移注意力而感到混淆。考慮使用相同色系但是深淺不一的顏色，而非徹底對比的顏色。2界面視覺元素的規(guī)范3聲音界面與實體界面和圖形界面的一致性第四章產(chǎn)品視覺形象設計的構成3)簡單明了：使用者需要能迅速了解界面的架構，開始使用它。不66EMP-ZII夏新u807第四章產(chǎn)品視覺形象設計的構成EMP-ZII夏新u807第四章產(chǎn)品視覺形象設計的構成67

怎樣評價一個人機界面設計質(zhì)量的優(yōu)劣，目前還沒有一個統(tǒng)一的標準。一般地，評價可以從以下幾個主要方面進行考慮：(1)用戶對人機界面的滿意程度；(2)人機界面的標準化程度；(3)人機界面的適應性和協(xié)調(diào)性；(4)人機界面的應用條件；(5)人機界面的性能價格比。

第四章產(chǎn)品視覺形象設計的構成怎樣評價一個人機界面設計質(zhì)量的優(yōu)劣，68目前人們習慣于用“界面友好性”這一抽象概念來評價一個人機界面的好壞，但“但面友好”與“界面不友好”恐怕無人能定一個確切的界線，一般認為一個友好的人機界應該至少具備以下特征：(1)操作簡單，易學，易掌握；(2)界面美觀，操作舒適；(3)快速反應，響應合理；(4)用語通俗，語義一致。下面我們從設計理論的角度分析界面友好的判定：界面友好即系統(tǒng)模型與心理模型具有良好的一致性。第四章產(chǎn)品視覺形象設計的構成目前人們習慣于用“界面友好性”這一抽象概69我們先介紹三個概念：心理模型：心理是存在于人們頭腦中的關于一個產(chǎn)