user interface design examples

《user interface design examples》由會(huì)員上傳分享，免費(fèi)在線閱讀，更多相關(guān)內(nèi)容在教育資源-天天文庫(kù)。

1、UserInterfaceDesign用戶界面設(shè)計(jì)主講教師：張鋼Email:gzhang@tju.edu.cn2006年1創(chuàng)新界面設(shè)計(jì)案例一BumpTop：PhysicalDesktopInterface2BumpTop：PhysicalDesktopInterface（物理桌面交互）用真正的物理模式模擬桌面，管理資源文檔對(duì)傳統(tǒng)計(jì)算機(jī)桌面的一次顛覆，又是原始行為的回歸---現(xiàn)實(shí)生活中我們就是這樣整理文檔的。3使用BumpTop的計(jì)算機(jī)4BumpTop的立體桌面BumpTop立體桌面平臺(tái)它被框定在一個(gè)類似盒子的空間里桌子上堆滿了各種雜志、書和其它東西這些文檔

2、有物理特性有重力互相碰撞5BumpTop的操作方法可以用圈定法進(jìn)行操作右鍵有相應(yīng)的菜單出現(xiàn)6BumpTop的操作方法有不同的瀏覽方式圈拉平鋪式焦點(diǎn)放大式排列式翻書式群組操作7圈拉平鋪式8焦點(diǎn)放大式（魚眼）9排列式10翻書式11群組操作12創(chuàng)新界面設(shè)計(jì)案例二魚眼菜單（Fisheyemenus）13魚眼菜單（Fisheyemenus）可以動(dòng)態(tài)變換菜單條目的大小，將鼠標(biāo)所在區(qū)域放大可以在一個(gè)屏幕上顯示并操作整個(gè)菜單無(wú)需傳統(tǒng)的按鈕、滾動(dòng)條、或分級(jí)瀏覽結(jié)構(gòu)14創(chuàng)新界面設(shè)計(jì)案例三滑塊篩選(Slider-basedFiltering)15滑塊篩選(Slider-basedFi

3、ltering)點(diǎn)擊-拖拽滑塊戶可以擴(kuò)大和縮小搜索的篩選標(biāo)準(zhǔn)頁(yè)面可以自動(dòng)更新搜索結(jié)果16滑塊篩選(Slider-basedFiltering)使用滑塊縮小搜索范圍，可以減少搜索結(jié)果的數(shù)量對(duì)結(jié)果數(shù)量滿意時(shí)，就可以點(diǎn)擊Seeresults按鈕17創(chuàng)新界面設(shè)計(jì)案例四樹圖（Tree-maps）18樹圖（Tree-maps）大小表示數(shù)量，顏色表示價(jià)格升降了解詳細(xì)情況，可將鼠標(biāo)移至該矩形上面19Multitouch多點(diǎn)觸摸20微軟的SurfaceComputer21微軟的SurfaceComputer22微軟的SurfaceComputer允許多達(dá)52個(gè)觸點(diǎn)同時(shí)采集23iPh

4、one多點(diǎn)觸摸24MacOS和iPhone界面25最小化窗口的過(guò)程窗口不是立刻消失并被放入任務(wù)欄中窗口像是被一股強(qiáng)大的力量吸進(jìn)了任務(wù)欄中26類似魚眼菜單的任務(wù)欄向兩邊擴(kuò)展，縮小任務(wù)圖標(biāo)，具有魚眼效果27iPhone軟鍵盤輸入時(shí)的視覺(jué)反饋一般做法凸起形狀鍵的圖像轉(zhuǎn)變?yōu)榘枷碌膱D像，并輔之以某種聲音iPhone的做法字母的圖像快速放大到比較醒目的大小，以便不被手指遮擋，然后再迅速地恢復(fù)到原來(lái)的顯示大小，以使得用戶可以繼續(xù)察看并輸入下一個(gè)字母28根據(jù)手機(jī)的方位調(diào)整顯示內(nèi)容根據(jù)當(dāng)前手機(jī)的方位相應(yīng)地調(diào)整顯示內(nèi)容29簡(jiǎn)單、簡(jiǎn)單、再簡(jiǎn)單在iPhone中光線感應(yīng)器使得屏幕的亮度能夠

5、自動(dòng)調(diào)節(jié)，從而省去了用戶手工調(diào)整的動(dòng)作；方位感知器的運(yùn)用使得軟件能夠根據(jù)用戶手握設(shè)備的方位來(lái)自動(dòng)調(diào)整屏幕上的顯示布局和內(nèi)容，從而省去了用戶手工切換。界面設(shè)計(jì)的最高境界就是讓用戶感覺(jué)不到界面的存在。30什么是優(yōu)秀的設(shè)計(jì)？糟糕的設(shè)計(jì)簡(jiǎn)單的事情復(fù)雜化平庸的設(shè)計(jì)復(fù)雜的事情復(fù)雜化優(yōu)秀的設(shè)計(jì)復(fù)雜的事情簡(jiǎn)單化31