資源描述：
《UI設(shè)計解析ppt課件.ppt》由會員上傳分享，免費(fèi)在線閱讀，更多相關(guān)內(nèi)容在教育資源-天天文庫。
1、UI設(shè)計概述UI的本意是用戶界面，是英文User和Interface的縮寫。從字面上看是用戶與界面2個部分組成，但實(shí)際上還包括用戶與界面之間的交互關(guān)系。所以這樣可分為3個方向，他們分別是：用戶研究、交互設(shè)計、界面設(shè)計。UI的定義界面設(shè)計不是單純的美術(shù)繪畫，他需要定位使用者、使用環(huán)境、使用方式并且為最終用戶而設(shè)計，是建立在科學(xué)性之上的藝術(shù)設(shè)計。檢驗(yàn)一個界面的標(biāo)準(zhǔn)既不是某個項(xiàng)目開發(fā)組領(lǐng)導(dǎo)的意見也不是項(xiàng)目成員投票的結(jié)果，而是終端用戶的感受。所以界面設(shè)計要和用戶研究緊密結(jié)合，是一個不斷為最終用戶設(shè)計滿意視覺效果的過程。對于交互設(shè)計再
2、一次的巨大推動是互聯(lián)網(wǎng)的出現(xiàn)，互聯(lián)網(wǎng)從20世紀(jì)90年代改變了人們的生活。如果沒有互聯(lián)網(wǎng)，個人計算機(jī)只能永遠(yuǎn)是“工具”，而不會成為“玩具”。豐富的互聯(lián)網(wǎng)通過界面交互設(shè)計給人們提供了無數(shù)種可能，也給計算機(jī)賦予了無數(shù)個面貌。它可能是一個集市，例如亞馬遜和淘寶，也可能是和朋友交流的平臺，就像facebook或者開心網(wǎng)，也可能是新聞報紙或者廣播。例如CNN.這么多的可能性推動著交互設(shè)計的快速發(fā)展。推動交互設(shè)計大踏步向前發(fā)展的是個人電腦的流行。在20世紀(jì)80年代，個人電腦的發(fā)展推動了圖形界面的大行其道。圖形界面即GUI（GraphicU
3、serInterface），這一界面模式真正商業(yè)化是蘋果的lisa及Macintish系統(tǒng)，同時代也出現(xiàn)了大批的基于GUI的操作系統(tǒng)，包括微軟的Windows.GUI的出現(xiàn)讓人與計算機(jī)的交互過程變得豐富而有趣起來，這一模式也成為以后二十多年界面交互設(shè)計的主流交互設(shè)計的發(fā)展歷程交互設(shè)計的發(fā)展歷程在目前這個“手機(jī)皆智能”的時代，人們當(dāng)初從桌面PC互聯(lián)網(wǎng)那里得到的新鮮感又來到了手掌中。蘋果的Iphone讓智能手機(jī)的操作系統(tǒng)擺脫了桌面PC的模式，形成了獨(dú)特的一套系統(tǒng)ios,結(jié)合靈敏的觸摸屏幕，讓掌中設(shè)備的用戶體驗(yàn)提高到了新的級別。另
4、一種流行的移動操作系統(tǒng)Andriod也給用戶提供了豐富多彩的移動應(yīng)用。微電子與傳感器的發(fā)展拓寬了交互設(shè)計的領(lǐng)域，交互設(shè)計師不必再拘泥于屏幕之上進(jìn)行設(shè)計。TUI(實(shí)體界面)、物聯(lián)網(wǎng)和普適計算機(jī)等概念讓交互設(shè)計的空間擴(kuò)充到生活中的每個角落，想象一下，超市里每個商品都能顯示自身的信息；帶有界面的辦公桌可以讓你忘掉計算機(jī)這樣的老古董；發(fā)送郵件只需要在屏幕墻面前揮幾下手。這樣的設(shè)計對象對于交互設(shè)計師來講是個巨大的挑戰(zhàn)。界面設(shè)計的基本視覺原則基本視覺原則文本內(nèi)容的位置，可以讓其邊緣按照普通的行或列對齊，或者讓其主體按照一個中心點(diǎn)排列。視
5、覺元素應(yīng)該以一個或者多個藥店對齊，這樣能創(chuàng)造出一致性與相符性，增加設(shè)計的整體美感，使人覺得清新舒適?！皩R”也可以帶領(lǐng)人去認(rèn)識一項(xiàng)設(shè)計的強(qiáng)大工具。1、對齊在分段的文本中，相對于中間對齊的文本格式，左對齊和右對齊的格式有更強(qiáng)烈的對齊暗示。比起其他對齊方式，左對齊和右對齊的文本格式，能夠創(chuàng)作出無形的列，呈現(xiàn)出一種清新的視覺暗示。相反，中間對齊的文本格式，視覺上的對齊暗示就很模糊，各個要點(diǎn)之間的并列關(guān)系不夠清楚。“對齊”能夠創(chuàng)造更整齊的版式，讓信息傳達(dá)更加快捷1、對齊界面設(shè)計的基本視覺原則界面設(shè)計的基本視覺原則在一切大系統(tǒng)中，大約
6、80%的效果是由20%的變量造成的。一切的大系統(tǒng)。包括經(jīng)濟(jì)、管理、用戶界面、品質(zhì)監(jiān)控和工程。例如80%的產(chǎn)品，只使用20%的功能；80%的受益，來自于20%的產(chǎn)品；80%的進(jìn)步，來自于20%的努力。。。。。2、80/20法則80/20法則，對集中資源有很大的幫助。它可以提高設(shè)計效率。比如，一個產(chǎn)品，設(shè)計師用的是它關(guān)鍵的20%的功能，那么設(shè)計師就應(yīng)該把80%的時間、設(shè)計和測試資源都用在這些功能上面。設(shè)計中的元素是有主次之分的。設(shè)計師可以利用80/20法則來評估系統(tǒng)元素之間的價值，并做出更加優(yōu)化的決策。界面設(shè)計的基本視覺原則“容
7、易使用”法則——設(shè)計應(yīng)該不需要特別的適應(yīng)或改變，就可以給不同能力的人使用。即：感官性、操作性、簡易型、回旋性。3、容易使用1.感官性，就是要每個人，不管他具有怎樣的感官能力，都能理解這個設(shè)計。提高感官性的基本方法是：用重復(fù)編碼的方式給出信息；使其他感官技術(shù)預(yù)制兼容，提供協(xié)助；控制板與信息的位置設(shè)置要讓站立坐著的人都容易使用。2.操作性，就是每個人，不論身體狀況如何，都可以使用。提高操作性的基本方法：最大限度地減少重復(fù)操作，減少體力消耗；通過把正確操作設(shè)置得明白易懂、把錯誤操作設(shè)置為無效，使控制更加容易；使與其他操作方式兼容以
8、便協(xié)助；控制板與信息的位置設(shè)置要讓站立、坐著的人都容易使用。界面設(shè)計的基本視覺原則人們往往會認(rèn)為美觀的設(shè)計更實(shí)用。許多實(shí)驗(yàn)都證實(shí)了這個效應(yīng)，這對于設(shè)計的接受、使用和表現(xiàn)具有重要的啟示。4、美觀實(shí)用效應(yīng)好用但不美觀的設(shè)計，往往接受度不高，也就談不到是否實(shí)用了。這些偏見及其帶來的一系列后續(xù)反應(yīng)
