1-緒論-UI設(shè)計(jì)-Web網(wǎng)站與APP用戶界面設(shè)計(jì)教程-呂云翔-清華大學(xué)出版社

緒論——用戶界面設(shè)計(jì)概述目錄1.1什么是用戶界面設(shè)計(jì)1.2用戶界面設(shè)計(jì)研究?jī)?nèi)容1.3用戶界面設(shè)計(jì)發(fā)展歷史1.1什么是用戶界面設(shè)計(jì)什么是用戶界面用戶界面（UserInterface），簡(jiǎn)稱UI，是人與電子計(jì)算機(jī)系統(tǒng)進(jìn)行交互和消息交換的媒介，是用戶使用電子計(jì)算機(jī)的綜合環(huán)境用戶界面可以看作代表了一種人與電腦面對(duì)面的信息交流方式，用戶界面的形成來(lái)源于人造物的自身屬性，即人造物存在的目的是為了滿足人類的某種需求，需求的實(shí)現(xiàn)必須通過(guò)使用才能得到體現(xiàn)用戶界面是用戶和系統(tǒng)進(jìn)行交互方法的集合，也是電子計(jì)算機(jī)系統(tǒng)中實(shí)現(xiàn)用戶與計(jì)算機(jī)信息交換的軟件、硬件部分1.1什么是用戶界面設(shè)計(jì)什么是用戶界面用戶界面分為硬件界面和軟件界面硬件界面軟件界面1.1什么是用戶界面設(shè)計(jì)什么是用戶界面設(shè)計(jì)用戶界面設(shè)計(jì)主要是通過(guò)協(xié)調(diào)界面上各個(gè)部分構(gòu)件和操作邏輯，優(yōu)化和簡(jiǎn)化用戶與系統(tǒng)交流過(guò)程和步驟，在滿足用戶需求前提下，提高用戶使用計(jì)算機(jī)的效率的系統(tǒng)性設(shè)計(jì)用戶界面設(shè)計(jì)有以下特點(diǎn)：典型的人機(jī)互動(dòng)，設(shè)計(jì)與用戶緊密相關(guān)，用戶的反饋是界面設(shè)計(jì)的重要部分手段的多樣性，計(jì)算機(jī)能力的加強(qiáng)帶來(lái)了人機(jī)交互方式的多樣性緊密的技術(shù)相關(guān)性，新產(chǎn)品的出現(xiàn)會(huì)刺激新界面的產(chǎn)生，界面設(shè)計(jì)隨著新技術(shù)的不斷發(fā)展完善自身。1.2用戶界面設(shè)計(jì)研究?jī)?nèi)容人機(jī)工程學(xué)原理人機(jī)工程學(xué)是從人的體能和系統(tǒng)工程角度出發(fā)，研究人機(jī)關(guān)系的學(xué)科人機(jī)工程學(xué)著重研究一下內(nèi)容：人與機(jī)器之間是如何分工與配合系統(tǒng)的工作環(huán)境對(duì)于人操作的影響，讓操作者在舒適安全的工作環(huán)境中工作人機(jī)之間的信息傳遞和交互，人通過(guò)控制器向機(jī)器輸入信息，機(jī)器通過(guò)顯示器等方式向操作者展示命令的運(yùn)行成果1.2用戶界面設(shè)計(jì)研究?jī)?nèi)容認(rèn)知心理學(xué)認(rèn)知心理學(xué)是研究人類認(rèn)知心理的學(xué)科，這里所研究的人不單單是人的生理特征，還有人的社會(huì)屬性，即認(rèn)知心理學(xué)既研究生理、心理、環(huán)境等對(duì)人的影響，也研究人的文化、審美、價(jià)值觀等方面的要求和變化研究認(rèn)知心理學(xué)，從“以人為本”的角度進(jìn)行用戶界面設(shè)計(jì)。不同的人對(duì)計(jì)算機(jī)使用的熟悉程度不同，有剛剛接觸計(jì)算機(jī)的新手，也有經(jīng)常使用計(jì)算機(jī)的專業(yè)用戶；不同工作領(lǐng)域的人對(duì)計(jì)算機(jī)的使用要求和功能也不同1.2用戶界面設(shè)計(jì)研究?jī)?nèi)容交互性原理交互性原理包括交互方式、交互技術(shù)、交互設(shè)備、交互軟件等，其中交互方式確定了什么樣的交互技術(shù)和交互設(shè)備。在確定用戶模型后，以用戶功能需求為依據(jù)，選取合適的交互技術(shù)和交互設(shè)備，由交互軟件把整個(gè)交互過(guò)程串聯(lián)起來(lái)。研究交互性原理主要是解決人機(jī)交互中信息的交流問(wèn)題，具有人機(jī)參與性和互動(dòng)性1.2用戶界面設(shè)計(jì)研究?jī)?nèi)容設(shè)計(jì)藝術(shù)原理用戶界面設(shè)計(jì)不僅僅是一門技術(shù)，更是一門藝術(shù)，一個(gè)好的用戶界面設(shè)計(jì)，在滿足需求的基礎(chǔ)上，可以從中可以享受到美，欣賞到美。所以用戶界面設(shè)計(jì)與設(shè)計(jì)美學(xué)原理、符號(hào)學(xué)原理、色彩學(xué)原理都息息相關(guān)研究設(shè)計(jì)美學(xué)原理，從構(gòu)成“美”的原則和“美”的內(nèi)容出發(fā)，將“美”與“技術(shù)”相結(jié)合，消除僅靠程序員主觀想象而設(shè)計(jì)成的界面的乏味性。重視美學(xué)在界面設(shè)計(jì)中的指導(dǎo)地位，消除用戶在使用界面時(shí)的無(wú)聊、緊張和疲勞感，提高界面在用戶群體中的美感和親切感1.3用戶界面發(fā)展歷史命令行用戶界面命令行界面是最早出現(xiàn)的人機(jī)用戶界面。在1963年，美國(guó)麻省理工學(xué)院開(kāi)發(fā)了分時(shí)終端，并最早使用了文本編輯程序。交互終端可以把輸入和輸出信息顯示在屏幕上，分時(shí)系統(tǒng)使用戶可以分時(shí)共享計(jì)算機(jī)系統(tǒng)資源1.3用戶界面發(fā)展歷史圖形用戶界面圖形用戶界面也被稱為WIMP界面，是第二代人機(jī)界面，WIMP即窗口（Window）、圖標(biāo)（Icon）、菜單（Menu）、指示器（PointingDevice）四位一體形成桌面圖形用戶界面的出現(xiàn)，大大提高了人與計(jì)算機(jī)交互的效率1.3用戶界面發(fā)展歷史多媒體用戶界面在原來(lái)靜態(tài)的圖形用戶界面中引入了動(dòng)畫(huà)、音頻、視頻等動(dòng)態(tài)媒體，形成了多媒體用戶界面由于引入了多媒體技術(shù)，用戶界面的輸出從靜態(tài)的圖形變成了動(dòng)態(tài)的二維圖形，尤其是音頻和視頻的加入，大大豐富了界面的信息表現(xiàn)形式，也增加了用戶對(duì)于信息表現(xiàn)形式的選擇，大幅度提高了用戶對(duì)于計(jì)算機(jī)的控制能力以及對(duì)信息的處理能力實(shí)際上多媒體用戶界面可以看作是WIMP界面的另一種風(fēng)格，只是計(jì)算機(jī)信息的表現(xiàn)方式變得多種1.3用戶界面發(fā)展歷史多通道用戶界面多通道用戶界面是允許用戶通過(guò)多個(gè)通道與計(jì)算機(jī)進(jìn)行通信的人機(jī)交互界面，其中多通道包括視覺(jué)、聽(tīng)覺(jué)、觸覺(jué)、語(yǔ)言、手勢(shì)、表情等，這些都可作為計(jì)算機(jī)系統(tǒng)的輸入多通道用戶界面主要研究眼動(dòng)跟蹤、手勢(shì)識(shí)別、語(yǔ)音識(shí)別、表情識(shí)別、三維交互、自然語(yǔ)言理解等技術(shù)多通道用戶界面與多媒體用戶界面的結(jié)合，大幅度提高了人機(jī)交互的自然性和準(zhǔn)確性1.3用戶界面發(fā)展歷史虛擬現(xiàn)實(shí)人機(jī)界面虛擬現(xiàn)實(shí)是將用戶放置于一個(gè)完全人工的環(huán)境當(dāng)中，通過(guò)虛擬現(xiàn)實(shí)設(shè)備，如頭盔顯示器、手柄等讓用戶有“身臨其境”的感覺(jué)對(duì)于虛擬現(xiàn)實(shí)的人