【文章內(nèi)容簡(jiǎn)介】 較容易和舒適地使用軟件。換言之，人們的著眼點(diǎn)在于軟件的易用性和美觀，而易用與美觀主要取決于用戶界面，即UI的優(yōu)劣。本課主要講解UI的基本理論和設(shè)計(jì)屬性，以期在具體學(xué)習(xí)UI設(shè)計(jì)技巧和制作技術(shù)之前對(duì)UI設(shè)計(jì)有一個(gè)整體的了解。 UI設(shè)計(jì)基本介紹眾所周知，在當(dāng)今的硬件與軟件環(huán)境下，一個(gè)軟件沒有很好的界面設(shè)計(jì)就不能算是成功的軟件，因?yàn)椴还芩鼉?nèi)部有多么精巧的技術(shù)，只要用戶不愿意使用它，它的優(yōu)越性就得不到發(fā)揮，它的價(jià)值和作用也就無(wú)從談起。于是一個(gè)不涉及技術(shù)而著眼于易用和美觀的用戶界面顯得越來(lái)越重要，這就是軟件UI設(shè)計(jì)。教學(xué)步驟及教學(xué)內(nèi)容時(shí)間分配UI的本意是用戶界面(User Interface)，概括成一句話就是人和工具之間的界面。這個(gè)界面實(shí)際上體現(xiàn)在我們生活中的每一個(gè)環(huán)節(jié)，例如同學(xué)們切菜的時(shí)候，刀把手就是這個(gè)界面。開車的時(shí)候方向盤啊儀表盤也是為個(gè)界面?？碩V的時(shí)候遙控器亦是這個(gè)界面。用電腦的時(shí)候更不用說。于是乎，我們把UI分成兩大類：硬件界面和軟件界面。我們的教程所涉及的皆為軟件界面，同學(xué)們注意了，所以我們也可以稱之為特殊的或者狹義的UI設(shè)計(jì)。n! ^ 軟件設(shè)計(jì)可分為兩個(gè)部分：編碼設(shè)計(jì)與UI設(shè)計(jì)。編碼設(shè)計(jì)相信同學(xué)們都比較熟悉，但UI設(shè)計(jì)對(duì)許多貓來(lái)說可能還比較陌生，可能連一些專門從事網(wǎng)站多媒體設(shè)計(jì)的人員也不是很理解UI的含義。前面說了，UI是英文User和Interface的縮寫。從字面上看有用戶和界面兩個(gè)組成部分，但實(shí)際上還包括用戶與界面之后的交互關(guān)系，所以這樣可分為3個(gè)方向，分別是：用戶研究，交互設(shè)計(jì)和界面設(shè)計(jì)。后面我為同學(xué)們分描述。UI設(shè)計(jì)教程 設(shè)計(jì)界面通用性簡(jiǎn)單分析其實(shí)呢，按照界面的不同可以將其劃分為功能性界面、情感性界面以及環(huán)境性界面。將界面分為這3類有助于考察設(shè)計(jì)界面的諸多因素。當(dāng)然啦，設(shè)計(jì)界面的劃分并不是完全絕對(duì)的嘍，這三類界面的涵義和內(nèi)家可能也會(huì)有交差和重疊，這個(gè)同學(xué)們應(yīng)該比較好理解，譬如宗教文化是一種環(huán)境性因素，但它帶給信仰的人更多一層的肯定是情感的因素。嘿嘿！雖然說環(huán)境與情感性不好區(qū)分，但是并不妨礙不同分類之間所存在的實(shí)質(zhì)性的差異。下面我?guī)е瑢W(xué)們分別來(lái)了解這三類界面。$ W。 _1 IE6 y7 ~7 W同學(xué)們不要著急喔！學(xué)習(xí)是循序漸進(jìn)的，對(duì)UI設(shè)計(jì)來(lái)說，理論很重要喔！/ 功能性界面. o6 V/ M% VF 功能性界面主要是來(lái)實(shí)現(xiàn)使用性內(nèi)容，因?yàn)槟?，任何一件產(chǎn)品或內(nèi)外環(huán)境或平面視覺傳達(dá)作品，它們存在的價(jià)值和意義首先在于使用性，再由使用性牽涉到多種功能因素的分析及實(shí)現(xiàn)功能的技術(shù)方法與材料運(yùn)用。在這一方面，分析思維將作為一種更改思維存在。不難理解吧，同學(xué)？嘿嘿！如果作為一種處理方式來(lái)設(shè)計(jì)產(chǎn)品，那么這種產(chǎn)品會(huì)使多種特征性（譬如民族性，純粹性）因素中性化，如果去除產(chǎn)品商標(biāo)，就很難認(rèn)出是哪國(guó)的或哪個(gè)公司的產(chǎn)品。當(dāng)然，這方面也說明了產(chǎn)品中存在著共同性因素，它使全人類做出同樣的反應(yīng)。人的感覺和判斷能力存在國(guó)際性的、客觀性的特征。$ e: Y7 |8 {8 Q/ v4 \其實(shí)呢，功能性的界面是要建立在符號(hào)學(xué)的基礎(chǔ)上的。同學(xué)不知道什么是符號(hào)學(xué)？國(guó)際符號(hào)學(xué)會(huì)對(duì)符號(hào)學(xué)是這樣定義的：“符號(hào)是關(guān)于信號(hào)標(biāo)志系統(tǒng)（PS:也就是通過某種渠道傳遞信息的系統(tǒng)唄?。┑睦碚?，它研究自然符號(hào)系統(tǒng)的人造符號(hào)系統(tǒng)的特征?！睆V義地說呢，就是能夠代表其他事物的東西都是符號(hào)，如字母、數(shù)字、儀式、意識(shí)、動(dòng)作等，最復(fù)雜的一種符號(hào)系統(tǒng)可能就是語(yǔ)言嘍。設(shè)計(jì)功能界面，不可避免地要讓使用者明白功能操作界面的功能性標(biāo)志一定要很鮮明，這個(gè)很重要。5 }: ~: c1 T! c! k。 T/ }2 情感性界面8 yamp。 M/ j/ D1 H( z3 _% I* Z5 ` 一個(gè)family裝飾要賦予家居溫馨，一副design work要以情動(dòng)人，and so ，任何一件產(chǎn)品或者portiflio只有與人的情產(chǎn)生共鳴才能為我們所接受，像愛屋及烏也體現(xiàn)了人的感情寄托。所以呢，一件好設(shè)計(jì)作品設(shè)計(jì)作品是有相當(dāng)大的魅力在。我們現(xiàn)代icon的設(shè)計(jì)發(fā)展也一直在朝著這一領(lǐng)域在開拓。符號(hào)學(xué)日漸被應(yīng)用到廣告學(xué)，宗教學(xué)，神話學(xué)，民俗學(xué)等比較多的領(lǐng)域。譬如國(guó)外符號(hào)學(xué)界把符號(hào)學(xué)用于認(rèn)識(shí)論的研究，考察認(rèn)識(shí)知覺，認(rèn)識(shí)過程的符號(hào)學(xué)問題。同時(shí)，符號(hào)學(xué)還用于分析利用人體感官進(jìn)行的交流，并將music 服裝等都作為符號(hào)系統(tǒng)加以分析研究，這都為設(shè)計(jì)藝術(shù)提供了寶貴借鑒價(jià)值的情感界面設(shè)計(jì)方法和手段。j X K。 H G!環(huán)境性界面。 V, x4 z9 p9 ?+ S x) b就不說UI，任何的設(shè)計(jì)都要與環(huán)境這個(gè)因素相聯(lián)系。它包括比較多，例如社會(huì)、政治和文化，科技，民族等等等等。人處于外界環(huán)境中，是以社會(huì)群體而不是以個(gè)體為基礎(chǔ)的，所以環(huán)境性因素一般牌非受控與難以預(yù)見的變化狀態(tài)中。聯(lián)系到設(shè)計(jì)的歷史，我們可以利用藝術(shù)社會(huì)學(xué)的觀點(diǎn)去認(rèn)識(shí)各時(shí)期的設(shè)計(jì)潮流。其實(shí)呢，從18世紀(jì)的時(shí)候，西方的一批藝術(shù)家們已經(jīng)注意到藝術(shù)創(chuàng)造與審美趣味深受地理，氣候，民族以及歷史條件等環(huán)境因素的影響。這不難理解，因?yàn)檫@大抵就是同學(xué)們會(huì)看到不同國(guó)家民族的作品面大相徑庭的原因嘍。記得，法國(guó)有外比較著名的老外，嘿嘿，貌似是個(gè)學(xué)者，他說物質(zhì)文明和精神文明的性質(zhì)面貌都取決于種族，環(huán)境，時(shí)代三大因素。也就是這個(gè)理兒。無(wú)論是工藝美術(shù)運(yùn)動(dòng)，同學(xué)們熟知的包豪思現(xiàn)代主義還是我提起來(lái)都抖擻的80年代的反設(shè)計(jì)，乃至現(xiàn)代的多元化等等都很明顯地反應(yīng)了環(huán)境因素對(duì)咱們?cè)O(shè)計(jì)的影響。! k! }$ G F) @同學(xué)們都玩游戲，其實(shí)呢，游戲中的界面設(shè)計(jì)就是最典型的環(huán)境性界面。其實(shí)呢，成功的作品都能夠完美地把以上三種界面結(jié)合的作品。愛好設(shè)計(jì)的同學(xué)們肯定聽說過著名的盧浮宮擴(kuò)建工程，貌似是貝聿銘設(shè)計(jì)的，功能性處理的那是相當(dāng)?shù)呐＃]有屈于形式而損害功能。人們參觀盧浮宮，不是回到古代，而是以新的價(jià)值觀去重新審視與欣賞，尤其是它的三角形外教學(xué)步驟及教學(xué)內(nèi)容時(shí)間分配觀符合了人們的心理期望，但是他又把情感性界面處理到極致，嘿嘿，我在這里就不附圖了，同學(xué)們可以搜索看看。作業(yè)布置課后反思授課課題人本界面—回歸人性的界面設(shè)計(jì)教學(xué)目標(biāo)和要求理解“認(rèn)知摩擦”和“可用性”兩個(gè)概念教學(xué)重點(diǎn)和難點(diǎn)重點(diǎn)：理解“認(rèn)知摩擦”和“可用性”兩個(gè)概念難點(diǎn)：理解“認(rèn)知摩擦”和“可用性”兩個(gè)概念教學(xué)方法案例教學(xué)教學(xué)手段多媒體授課時(shí)間第 十 周課時(shí)累計(jì)10教 學(xué) 過 程教學(xué)步驟及教學(xué)內(nèi)容時(shí)間分配導(dǎo)入新課:人類的認(rèn)知水平在隨著問題的變化而變化過程中所遇到的阻力就是認(rèn)知摩擦。在軟件硬件不斷升級(jí)的過程中，認(rèn)知摩擦?xí)r刻存在。例如:我們?cè)诿鎸?duì)一個(gè)升級(jí)到新版本的軟件時(shí)，通常需要花上一段時(shí)間才能熟悉掌握它，而升級(jí)所帶來(lái)的新功能又很少能用到，或者是通過一段時(shí)間的學(xué)習(xí)后才能正確使用，這其實(shí)就是“認(rèn)知摩擦”在作祟。 當(dāng)然，少量的認(rèn)知摩擦對(duì)于提升我們的認(rèn)知能力是有幫助的，因此我們提倡回歸人性的界面設(shè)計(jì)，就是通過各種方法讓這種認(rèn)知摩擦控制在一定范圍之內(nèi)。但在實(shí)際操作中要做到這一點(diǎn)并不容易。比如，在設(shè)計(jì)微波爐的界面時(shí)，是不是讓按鈕和把手都更加適合人的眼睛和手指，讓信息更容易被讀取就解決了認(rèn)知摩擦的問題呢？教學(xué)步驟及教學(xué)內(nèi)容時(shí)間分配為用戶而設(shè)計(jì)可用性可用性的標(biāo)準(zhǔn)對(duì)任何的人實(shí)施中心的活動(dòng)都有效，界面設(shè)計(jì)尤其如此。 在一組可用性不錯(cuò)的手機(jī)圖標(biāo)設(shè)計(jì)中，通過圖形我們就能明白其意義而不需要翻閱說明書?？捎眯允窃u(píng)估用戶界面是否容易使用的程度屬性。一般來(lái)說，可用性由5個(gè)屬性組成。（1） 可學(xué)習(xí)性，也就是初次接觸界面時(shí)，用戶在沒有任何經(jīng)驗(yàn)的情況下使用界面完成基本任務(wù)的難易程度。（2） 效率，當(dāng)用戶熟悉了這個(gè)界面后，其完成任務(wù)的速度。（3） 可記憶性，在一段時(shí)間沒有使用之后再次使用界面，用戶重新熟練操作的難易程度。（4） 出錯(cuò)，用戶在使用界面是除了多少錯(cuò)誤，這些錯(cuò)誤的嚴(yán)重程度，以及是否能夠方便迅速的覺察錯(cuò)誤并恢復(fù)。（5） 滿意度，用戶使用這個(gè)界面的滿意程度。實(shí)現(xiàn)可用性的途徑有如下5個(gè)方面。（1） 為用戶的實(shí)際工作而設(shè)計(jì)。（2） 學(xué)會(huì)與客戶溝通。（3） 避免為創(chuàng)新而創(chuàng)新。（4） 努力建立有效的交互。（5） 用實(shí)際工作來(lái)測(cè)試界面。 操作界面的類型與特征 操作界面可以分為連續(xù)性和不連續(xù)性操作界面兩大類，其中不連續(xù)性操作界面可分為三種情況：一是開關(guān)，如電燈開關(guān)等；二是不連續(xù)性調(diào)整控制。如電視機(jī)的頻道按鈕；三是符號(hào)輸入按鈕，如電腦鍵盤。 連續(xù)性操作界面也可以分為兩種情況:一是定量調(diào)節(jié)控制，其作用是調(diào)節(jié)機(jī)器到莫一種狀態(tài)，如收音機(jī)上的電臺(tái)波段調(diào)諧鈕；二是連續(xù)調(diào)節(jié)控制，其作用是不斷調(diào)節(jié)機(jī)器狀態(tài)，使其沿理想方向運(yùn)行，如方向盤。教學(xué)步驟及教學(xué)內(nèi)容時(shí)間分配作業(yè)布置