前言：想要寫出一篇令人眼前一亮的文章嗎？我們特意為您整理了5篇界面設(shè)計(jì)范文，相信會(huì)為您的寫作帶來幫助，發(fā)現(xiàn)更多的寫作思路和靈感。

界面設(shè)計(jì)范文第1篇

多媒體設(shè)計(jì)

多媒體技術(shù)是指將多種單媒體復(fù)合而成的技術(shù)。多媒體技術(shù)融合了各種視覺和聽覺媒體，包括動(dòng)畫、文字、圖形、圖像、語言、音樂和立體聲響等，多媒體網(wǎng)頁UI界面可以讓用戶同時(shí)接受多樣的媒體信息來源。網(wǎng)頁UI界面設(shè)計(jì)中使用多媒體技術(shù)可以體現(xiàn)以下幾個(gè)特點(diǎn)：1）集成性，對(duì)遠(yuǎn)程多媒體的影音信息統(tǒng)一取得與。2）交互性，人性化的實(shí)現(xiàn)信息傳播，能夠主動(dòng)選擇和控制信息流方向。3）非線性，創(chuàng)建了超文本鏈接方法，把靈活展示瀏覽內(nèi)容。4）實(shí)時(shí)性，實(shí)時(shí)控制多媒體信息，及時(shí)配合用戶指令。5）動(dòng)態(tài)性，用戶可以按照自己的需求選擇信息使用方式，甚至重組信息的各種表現(xiàn)形式。

網(wǎng)頁交互設(shè)計(jì)

交互設(shè)計(jì)需要解決的是人與機(jī)器之間互動(dòng)的問題，是表現(xiàn)層的東西，好的交互設(shè)計(jì)方案能夠讓用戶感覺網(wǎng)頁非常好用。怎樣的網(wǎng)頁交互設(shè)計(jì)才算是好的方案呢？1.讓人有耐心等待。根據(jù)網(wǎng)絡(luò)調(diào)查，大多數(shù)用戶對(duì)網(wǎng)頁打開的等待時(shí)間最多堅(jiān)持5秒鐘，如果5秒內(nèi)頁面都不能打開，那這個(gè)頁面上的內(nèi)容將沒有任何意義都就將。所以在交互設(shè)計(jì)時(shí)，需要考慮網(wǎng)頁等待時(shí)給用戶提供的信息。最好的方式是反饋，當(dāng)用戶等待時(shí)，告訴用戶他的操作是否成功并且將剩余的等待時(shí)間實(shí)時(shí)呈現(xiàn)，這樣就能有效解決用戶不能耐心等待的問題。2.讓人不用動(dòng)腦筋想。好的網(wǎng)站能夠幫助用戶快速完成任務(wù)，要達(dá)到快速完成任務(wù)的目的，交互設(shè)計(jì)必須使頁面簡(jiǎn)單，盡量讓用戶瀏覽時(shí)不收不必要的干擾，最好能夠符合用戶心智模型。因?yàn)?，大部分的用戶在瀏覽網(wǎng)站時(shí)希望的是能快速找到勉強(qiáng)應(yīng)付的方案，而不愿意主動(dòng)尋找方案，百分之八十的用戶只會(huì)用百分之二十的功能。

網(wǎng)頁UI界面設(shè)計(jì)展望

目前，網(wǎng)頁UI界面設(shè)計(jì)主要是三維的視覺界面和二維的圖形界面，同時(shí)輔以動(dòng)畫、聲音等多媒體插件布局設(shè)計(jì)。隨著計(jì)算機(jī)技術(shù)的不斷發(fā)展，三維立體的操作界面系統(tǒng)會(huì)在網(wǎng)頁設(shè)計(jì)中逐步普及，三維立體界面的直接操作是虛擬現(xiàn)實(shí)（VirtualReality）交互性的一個(gè)重要表現(xiàn)方式。三維虛擬空間中的直接操作包括平移、拾取和旋轉(zhuǎn)等操作，例如如今比較前沿的3D影裝和多點(diǎn)觸控技術(shù)。三維直接操作使得網(wǎng)頁UI界面設(shè)計(jì)不再僅僅局限于視覺效果的三維變換，可以實(shí)現(xiàn)類似于四維空間的人機(jī)直接交互，從而更好的完成用戶操作。

界面設(shè)計(jì)范文第2篇

隨著各種超級(jí)VGA的出現(xiàn)，同時(shí)具有高分辨率和豐富色彩的圖形用戶界面已經(jīng)成為程序員和用戶共同追求的目標(biāo)。然而由于各制造商提供的VGA產(chǎn)品之間的差異，使得高分辨率256色圖形界面的兼容性受到影響，常常會(huì)出現(xiàn)這樣的情況:在一個(gè)顯示系統(tǒng)下運(yùn)行良好的程序，在另一種顯示系統(tǒng)下變得面目全非，甚至根本不顯示。這表明程序員對(duì)程序的可移植性重視不夠，或?qū)Ω鞣N顯示設(shè)備缺乏足夠的了解。

軟件的可移植性是指軟件產(chǎn)品從一個(gè)硬件/軟件環(huán)境轉(zhuǎn)移到另一個(gè)硬件/軟件環(huán)境的難易與繁簡(jiǎn)程度。它從軟件對(duì)新環(huán)境的適應(yīng)性這一方面，反映了軟件的質(zhì)量。為了提高軟件的可移植性，應(yīng)盡量使軟件與具體的設(shè)備無關(guān)，即提高軟件的設(shè)備獨(dú)立性。對(duì)于256色圖形界面而言，就是要使程序不依賴于某種特定的顯示器。例如，程序員沒有任何理由假定用戶使用的是TVGA。為此，程序員必須提供顯示卡的常規(guī)檢測(cè)例程，并能根據(jù)檢測(cè)的結(jié)果決定圖形算法的具體實(shí)現(xiàn)。

提高軟件設(shè)備獨(dú)立性的方法有很多，表格驅(qū)動(dòng)就是其中一種。所謂表格，就是根據(jù)需要設(shè)計(jì)的數(shù)據(jù)結(jié)構(gòu)。表格中的數(shù)據(jù)由檢測(cè)例程填寫。表格中包含哪些欄目，應(yīng)在對(duì)各制造商提供的SuperVGA產(chǎn)品足夠了解的基礎(chǔ)上取舍，欄目應(yīng)體現(xiàn)各產(chǎn)品之間的差異。

一、SuperVGA編程綜述

SuperVGA產(chǎn)品在體系結(jié)構(gòu)上和標(biāo)準(zhǔn)的IBMVGA有所不同。但編程思想基本上是一樣的，這些編程方法已有許多文章介紹，這里不再重復(fù)。

影響256色圖形界面可移植性的主要障礙來自各制造商提供的VGA產(chǎn)品的下面幾點(diǎn)差異。

1.顯示模式的定義不同。如5DH對(duì)TVGA而言，代表640×480

×256色模式，對(duì)PVGA而言卻代

表1024×768×16色模式。因此，直接用這種模式號(hào)初始化顯示系統(tǒng)是不可取的。和顯示模式密切相關(guān)的是水平分辨率和垂直分辨率。盡管各VGA的256色顯示模式定義迥異，但大都支持如下幾種流行的分辨率，現(xiàn)用統(tǒng)一的模式號(hào)定義見附表。

@@10A06500.GIF;附表@@

不同分辨率之間的區(qū)別，體現(xiàn)在編程上就是同一屏幕坐標(biāo)映射到顯存的地址不同，但映射機(jī)理卻是一樣的。具體地說，坐標(biāo)(x,y)對(duì)應(yīng)顯存的偏移地址(相對(duì)于A000)為Addr=-vga-width*y+x

2.分頁機(jī)制不同。SuperVGA使用256K、512K或1M

的顯示存儲(chǔ)器結(jié)構(gòu)。為了使處理器可通過一個(gè)64K主窗口來存取這樣大的顯示存儲(chǔ)器，SuperVGA有一個(gè)存儲(chǔ)器分頁機(jī)制，使得只將顯示存儲(chǔ)器的一部分映射到處理器的地址空間。值得注意的是，不同的VGA產(chǎn)品，其頁的大小不同，頁起始地址的粒度也是可變的。具體的頁選擇算法請(qǐng)查閱制造商提供的資料。

不同的顯示模式，顯示一屏圖像所需的頁數(shù)是不同的。

除了可移植性外，效率也是一個(gè)不可忽視的因素。圖形系統(tǒng)的核心部分應(yīng)使用匯編語言編程。這不僅是因?yàn)閰R編語言的效率高，而且還因?yàn)閰R編語言子程序的可再用性和可協(xié)用性也很好。核心部分應(yīng)十分重視下面幾點(diǎn):(1)減少不必要的頁邊界檢查次數(shù)；(2)只有在必要時(shí)才進(jìn)行頁選擇；(3)選擇高效的機(jī)器指令?，F(xiàn)舉例說明。程序1是圖像顯示系統(tǒng)中常用的函數(shù)，其功能是將解包后的圖像數(shù)據(jù)送到顯存。為便于閱讀同時(shí)給出了C語言調(diào)用原型。程序在傳送每一行數(shù)據(jù)時(shí)，提前預(yù)測(cè)是否會(huì)遇到頁邊界，如果沒有，直接傳送；如果有，則將數(shù)據(jù)分成兩部分，分別傳送，中間插入頁選擇。所有的傳送均用字操作代替字節(jié)操作。頁邊界檢查只有一次，分頁操作只有在必要時(shí)才發(fā)生，圖像的顯示用最高效的指令REPMOVSW。

程度1:

；原型:voidLineDump(intx,inty,intnum,charfar*ptr)

;參數(shù):

；x,y-屏幕坐標(biāo)

；num-本行的像素個(gè)數(shù)

；ptr-指向像素?cái)?shù)據(jù)的遠(yuǎn)指針

LineDumpprocfar

pushbp

movbp,sp

subsp,2;WORDReservedforlocalvar.

pushds

pushes

pushsi

pushdi

reservedequ[bp-2];Localvar.saveseg(DGROUP)

xequ[bp+6];LargeModel

yequ[bp+8]

numequ[bp+10]

offsequ[bp+12]

psegequ[bp+14]

movreserved,ds

movds,pseg

movsi,offs;DS:SI圖像數(shù)據(jù)所在源地址

movax,0a000h;顯存段址

moves,ax;ES:DI顯存目的地址

movax,y

pushds

movds,reserved

mulwordptrDGROUP:-vga-width

popds

addax,x

adcdx,0

movdi,ax;DI=-vga-width*y+x

movah,dl;進(jìn)位部分(DL)=頁號(hào)

calldwordptrcs:-PageSelect

movcx,num;本行要傳送字節(jié)數(shù)

movbx,cx

addbx,di;檢測(cè)傳送是否在一個(gè)頁內(nèi)

jncDump-In-One-Page

subcx,bx;CX=本頁字節(jié)數(shù)，BX=下頁字節(jié)數(shù)

shrcx,1;CX/2=字?jǐn)?shù)

repmovsw;本頁內(nèi)的傳送

adccx,0

repmovsb;處理可能的奇數(shù)字節(jié)數(shù)

incah;調(diào)整頁號(hào)

calldwordptrcs:-PageSelect

movcx,bx;新頁內(nèi)要寫的字節(jié)數(shù)

jcxzDump-Done

Dump-In-One-Page:

shrcx,1;CX/2=字?jǐn)?shù)

repmovsw;圖像傳送

adccx,0

repmovsb;處理可能的奇數(shù)字節(jié)數(shù)

Dump-Done:

popdi

popsi

popes

popds

movsp,bp

popbp

ret

LineDumpendp

二、表格驅(qū)動(dòng)的基本思想

根據(jù)上面的分析，用以驅(qū)動(dòng)顯示系統(tǒng)的表格，至少應(yīng)當(dāng)包含下列項(xiàng)目:

(1)實(shí)際顯示模式:vga-mode

(2)水平分辨率:vga-width

(3)垂直分辨率:vga-depth

(4)頁選擇例程的入口地址:PageSelect

(5)當(dāng)前顯示方式所使用的最大頁號(hào):vga-pages

這個(gè)表格由圖形初始化例程來填寫。圖形初始化例程接收的顯示模式是統(tǒng)一的模式號(hào)，這樣可以撇開具體的設(shè)備，如InitVGA(TVGA800×600)。該例程調(diào)用顯示設(shè)備檢測(cè)程序DetectVGA來判斷顯示器的類型，從而填寫表格中的各欄目，并初始化圖形系統(tǒng)為所需的圖形方式。所有圖形算法都要查此表。

除了用上述方法來實(shí)現(xiàn)兼容外，視頻電子學(xué)標(biāo)準(zhǔn)協(xié)會(huì)(VESA)為我們提供了另一種方法。

VESA

提供了一組附加的BIOS功能，這組功能以標(biāo)準(zhǔn)的方式訪問SuperVGA擴(kuò)充的模式。VESA的附加功能都是通過BIOS中斷10H的4FH功能來實(shí)現(xiàn)的。VESA的子功能01能返回非常有用的SuperVGA模式信息，包括分頁例程的地址。

因此，程序員可以按照VESA的標(biāo)準(zhǔn)來編寫圖形系統(tǒng)，這樣的程序可以在所有支持VESA的顯示器上運(yùn)行。由于VESA包括了世界上的主要VGA供應(yīng)商，寫出來的程序可移植性是很好的。但是，其效率卻可能是最低的。所以最好采用一種折衷的辦法，對(duì)于熟悉的產(chǎn)品，可以不用VESA的功能，對(duì)于不熟悉(資料不全)或檢測(cè)不出來的顯示器嘗試用VESA提供的手段來編程，當(dāng)然要檢測(cè)顯示設(shè)備是否支持VESA。

有時(shí)出于某種考慮，不希望支持所有顯示設(shè)備的代碼集中在一個(gè)程序中，可以為每個(gè)顯示設(shè)備分別提供驅(qū)動(dòng)模塊，主程序根據(jù)檢測(cè)的結(jié)果選擇一個(gè)合適的模塊加載。Borland的C++就是這樣，它有一套BGI驅(qū)動(dòng)程序，各驅(qū)動(dòng)程序提供統(tǒng)一的圖形函數(shù)接口。筆者在實(shí)際工作中，為每一種顯示設(shè)備編寫了一個(gè)256色的BGI格式的驅(qū)動(dòng)程序，這樣，在編寫圖形系統(tǒng)時(shí)，再也沒有必要考慮用戶的實(shí)際顯示設(shè)備了。

三、范例

本文附有兩個(gè)圖形顯示的例子。ShowGif能顯示16/256色GIF格式圖像，能以任何256色模式啟動(dòng)，支持多種顯示器。圖像可以漫游，并可隨時(shí)通過按鍵切換顯示方式。Main則是一個(gè)BGI驅(qū)動(dòng)的鼠標(biāo)/鍵盤控制的256色漢字圖形菜單。它自己會(huì)挑選一個(gè)合適的BGI，也可以從命令行指定一個(gè)BGI(比如指定VESA256給TVGA顯示器)。

限于篇幅，這里僅給出有關(guān)的數(shù)據(jù)結(jié)構(gòu)和部分函數(shù)的說明(程序2)。然后給出一個(gè)初始化顯

示系統(tǒng)的C語言片斷(程序3)。

程序2(TVGA256.H):

/*統(tǒng)一的模式集*/

enumTVGA-MODE

TVGA320x200=0,

TVGA640x400=1,

TVGA640x480=2,

TVGA800x600=3,

TVGA1024x768=4,

;

voidTVGA256-driver(void);

voidPVGA256-driver(void);

voidAVGA256-driver(void);

...

voidVESA256-driver(void);

externintfar-CdeclTVGA256-driver-far[];

externintfar-CdeclPVGA256-driver-far[];

externintfar-CdeclAVGA256-driver-far[];

...

externintfar-CdeclVESA256-driver-far[];

/*支持的VGA集合*/

enumVGAs{

UnKnownVGA,

TridentVGA,

ParadiseVGA,

AheadVGA,

...

VesaVGA

};

/*對(duì)應(yīng)的BGI驅(qū)動(dòng)程序名*/

unsignedchar*Drivers[]={

"TVGA256",

"TVGA256",

"AVGA256",

...

"VESA256",

};

externintDetectVGA(void);

/*功能:檢測(cè)顯示卡的型號(hào)

返回值:0-Unknowm1-TridentVGA2-ParadiseVGA

...

x-不能檢測(cè)出的VGA，但支持VESA

返回值同時(shí)寫入全局變量vga-type*/

externintVesaFound(void);

/*功能:檢測(cè)VESABIOS的存在性

返回:0-不支持VESA；

其它-VESA版本號(hào)(0x0102即1.02版)；

返回值同時(shí)寫入全程變量vesa-found.*/

externvoidInitVesa(void);

/*功能:初始化VESA.根據(jù)-vga-mode模式號(hào)換算成VESA的標(biāo)準(zhǔn)模式號(hào)填寫頁粒度(WinGranularity)，頁大小(WinSize),

和分頁例程的入口地址(WinFuncPtr)

VESA的標(biāo)準(zhǔn)模式解釋如下:

100h-640x400256

101h-640x480256

102h-800x60016

103h-800x600256

104h-1024x76816

105h-1024x768256etc.

InitVesa供給InitVGA調(diào)用*/

externvoidInitVGA(intmode);

/*功能:初始化顯示系統(tǒng)(自動(dòng)調(diào)用DetectVGA檢測(cè)顯示卡)

參數(shù):mode=TVGA320x200(0)

TVGA640x400(1)

TVGA640x480(2)

TVGA800x600(3)

TVGA1024x768(4)

返回:InitVGA沒有顯式的返回值，但它初始化下列全程變量:

vga-mode,vga-width,vga-depth,vga-pages,PageSelect

必要時(shí)自動(dòng)調(diào)用InitVesa

*/

externintvga-type;

externintvga-mode;

externintvga-width;

externintvga-depth;

externintvga-pages;

externintvga-pages;

externcharpage-number;

externintvesa-found;

...

程序3(初始化顯示系統(tǒng)的程序片斷):

...

intGraphDriver,GraphMode;

unsignedchar*bgiDriver="PVGA256";

bgiDriver=Drivers[DetectVGA()];

GraphDriver=installuserdriver(bgiDriver,NULL);

GraphMode=TVGA800x600;

initgraph(&GraphDriver,&GraphMode,"");...

參考文獻(xiàn)

界面設(shè)計(jì)范文第3篇

關(guān)鍵詞：界面設(shè)計(jì)；教學(xué)；考核

中圖分類號(hào)：G42 文獻(xiàn)標(biāo)識(shí)碼：A 文章編號(hào)：1005-5312（2013）29-0237-01

一、教學(xué)內(nèi)容：不同專業(yè)側(cè)重點(diǎn)不同

（一）繪畫專業(yè)

本專業(yè)學(xué)生主要學(xué)習(xí)繪畫藝術(shù)方面的基本理論和基本知識(shí)，受到藝術(shù)思維與繪畫造型的基本訓(xùn)練，具有繪畫創(chuàng)作的基本能力。與其他專業(yè)相比，繪畫專業(yè)大學(xué)生表現(xiàn)出不同的特點(diǎn)。由于美術(shù)專業(yè)對(duì)技能有很高的要求，他們的創(chuàng)新精神和實(shí)踐能力較強(qiáng)。此外，繪畫專業(yè)大學(xué)生的思想開放、思維活躍，容易接受新觀念。因此在創(chuàng)新能力方面比設(shè)計(jì)類的學(xué)生更豐富、更大膽，在課程教學(xué)中多發(fā)揮其本專業(yè)的特點(diǎn)，多培養(yǎng)創(chuàng)新能力。手繪能力強(qiáng)，但是其軟件操作能力差，在作業(yè)設(shè)置時(shí)可以強(qiáng)調(diào)其手繪能力而避免軟件操作。

（二）工業(yè)設(shè)計(jì)專業(yè)

工業(yè)設(shè)計(jì)的核心是產(chǎn)品設(shè)計(jì)。工業(yè)設(shè)計(jì)專業(yè)培養(yǎng)的學(xué)生具有理性分析能力與感性藝術(shù)表現(xiàn)雙重能力。在設(shè)計(jì)追求美觀、易用、個(gè)性化的同時(shí)，產(chǎn)品界面設(shè)計(jì)的內(nèi)容得以體現(xiàn)。工業(yè)設(shè)計(jì)中的新產(chǎn)品開發(fā)過程中需要考慮產(chǎn)品造型和軟件設(shè)計(jì)的一致性和易用性。故對(duì)于工業(yè)設(shè)計(jì)專業(yè)界面設(shè)計(jì)的教學(xué)應(yīng)當(dāng)以硬件界面設(shè)計(jì)與軟件界面設(shè)計(jì)結(jié)合為重點(diǎn)。掌握其軟、硬件界面的設(shè)計(jì)原則與技能。所以教學(xué)重點(diǎn)在培養(yǎng)其界面的交互行為、信息構(gòu)建及產(chǎn)品功能需求方面。

（三）視覺傳達(dá)專業(yè)

在我國界面設(shè)計(jì)最初等同于圖形設(shè)計(jì)，最初的界面設(shè)計(jì)師這一角色大多是由平面設(shè)計(jì)專業(yè)的“美工”充當(dāng)?shù)?。因?yàn)榻缑嬖O(shè)計(jì)中視覺設(shè)計(jì)部分占有重要比重。對(duì)于視覺傳達(dá)專業(yè)的學(xué)生來說，長處是具有較強(qiáng)的圖形、色彩、版式等視覺設(shè)計(jì)能力，欠缺的是邏輯分析能力以及結(jié)構(gòu)設(shè)計(jì)與交互設(shè)計(jì)能力。相關(guān)學(xué)科基礎(chǔ)知識(shí)也相對(duì)缺乏。視覺傳達(dá)的設(shè)計(jì)領(lǐng)域包括字體設(shè)計(jì)、標(biāo)志設(shè)計(jì)、編排設(shè)計(jì)、廣告設(shè)計(jì)、包裝設(shè)計(jì)等，其設(shè)計(jì)對(duì)象是視覺符號(hào)。因此應(yīng)當(dāng)以軟件界面設(shè)計(jì)部分為重點(diǎn)。發(fā)揮專業(yè)所長，加強(qiáng)軟件界面的美觀、個(gè)性、創(chuàng)新等設(shè)計(jì)能力。同時(shí)強(qiáng)化相關(guān)理論知識(shí)，在界面設(shè)計(jì)的理論原則指導(dǎo)下進(jìn)行設(shè)計(jì)。在教學(xué)中側(cè)重其視覺元素的訓(xùn)練和創(chuàng)意。

綜上因素，在教學(xué)內(nèi)容上主要分了幾個(gè)模塊，根據(jù)不同的專業(yè)特點(diǎn)采取不同側(cè)重點(diǎn)。

1.圖標(biāo)設(shè)計(jì)。繪畫專業(yè)和視覺專業(yè)其作業(yè)占主要，工業(yè)設(shè)計(jì)專業(yè)次要，培養(yǎng)創(chuàng)新能力，視覺表達(dá)能力。

2.手機(jī)界面設(shè)計(jì)。工業(yè)設(shè)計(jì)專業(yè)占主要，視覺及繪畫專業(yè)占次要，主要培養(yǎng)其邏輯思維能力、分析能力。

3.網(wǎng)頁界面設(shè)計(jì)。綜合能力考核。

二、教學(xué)方法：不同專業(yè)教學(xué)方法不同

在教學(xué)中，總體上是采用任務(wù)驅(qū)動(dòng)式教學(xué)模式，通過一個(gè)個(gè)任務(wù)來達(dá)到教學(xué)目標(biāo)。對(duì)不同任務(wù)又采用不同的教學(xué)方法，例如在圖標(biāo)UI設(shè)計(jì)模塊，采用學(xué)生自主設(shè)計(jì)為主，沒有對(duì)錯(cuò)好壞之分，只要學(xué)生設(shè)計(jì)出相關(guān)的主題界面就算成功。主要在于培養(yǎng)學(xué)生的創(chuàng)新思維能力，在此階段繪畫專業(yè)的學(xué)生表現(xiàn)的非常突出，每個(gè)方案都非常有意思而且手繪表達(dá)也非常到位。

而在手機(jī)UI 設(shè)計(jì)模塊，則采用設(shè)計(jì)比賽形式，以小組形式來做作業(yè)，其作業(yè)必須按照設(shè)計(jì)比賽的標(biāo)準(zhǔn)，從草圖到成型整過過程，在此作業(yè)中設(shè)計(jì)專業(yè)的學(xué)生表現(xiàn)非常好，發(fā)揮了其軟件操作能力，作品完成的非常好。同時(shí)設(shè)計(jì)出來的作品即可作為作業(yè)也可參加比賽，這樣很好鍛煉學(xué)生動(dòng)手操作能力，同時(shí)，要求學(xué)生在組內(nèi)互幫互助，共同合作完成一個(gè)比才賽項(xiàng)目。通過這種形式讓學(xué)生提早了解企業(yè)以小組、團(tuán)隊(duì)形式做設(shè)計(jì)模式，做到理論與實(shí)踐相結(jié)合教學(xué)方法。

三、考核形式

由于課程的特殊性，課程的考核采用過程化考核方式，將整個(gè)學(xué)習(xí)過程都納入到考核當(dāng)中，學(xué)生的每一任務(wù)的完成都有相應(yīng)的分?jǐn)?shù)，學(xué)生的總成績=平時(shí)表現(xiàn)+學(xué)生互評(píng)成績+任務(wù)完成成績。這樣，在UI設(shè)計(jì)沒有一個(gè)統(tǒng)一標(biāo)準(zhǔn)的情況下，逐步將學(xué)生的成績進(jìn)行量化，使學(xué)生重視平時(shí)的學(xué)習(xí)，弱化最后課程的考核，改變學(xué)生最后突擊的現(xiàn)狀。

四、結(jié)束語

界面設(shè)計(jì)是伴隨著信息時(shí)代的發(fā)展而產(chǎn)生的新興學(xué)科。界面設(shè)計(jì)領(lǐng)域具有廣闊的發(fā)展前景。在市場(chǎng)中符合界面設(shè)計(jì)的具有綜合學(xué)科素質(zhì)的專業(yè)人才仍然相對(duì)缺乏。我國高校教育開設(shè)界面設(shè)計(jì)專業(yè)還比較少，教學(xué)還不完善、成熟。因此，根據(jù)不同專業(yè)特點(diǎn)調(diào)整界面設(shè)計(jì)的教學(xué)內(nèi)容及教學(xué)方法，在提高專業(yè)水平的同時(shí)潛在的培養(yǎng)界面設(shè)計(jì)專業(yè)人才是十分必要的。

界面設(shè)計(jì)范文第4篇

關(guān)鍵詞：界面符號(hào)人機(jī)工程環(huán)境

一、設(shè)計(jì)界面的涵義

界面的說法以往常見的是在人機(jī)工程學(xué)中?！叭藱C(jī)界面”是指人機(jī)間相互施加影響的區(qū)域，凡參與人機(jī)信息交流的一切領(lǐng)域都屬于人機(jī)界面?！岸O(shè)計(jì)藝術(shù)是研究人一物關(guān)系的學(xué)科，對(duì)象物所代表的不是簡(jiǎn)單的機(jī)器與設(shè)備，而是有廣度與深度的物；這里的人也不是“生物人”，不能單純地以人的生理特征進(jìn)行分析。“人的尺度，既應(yīng)有作為自然人的尺度，還應(yīng)有作為社會(huì)人的尺度；既研究生理、心理、環(huán)境等對(duì)人的影響和效能，也研究人的文化、審美、價(jià)值觀念等方面的要求和變化”。

設(shè)計(jì)的界面存在于人一物信息交流，甚至可以說，存在人物信息交流的一切領(lǐng)域都屬于設(shè)計(jì)界面，它的內(nèi)涵要素是極為廣泛的?？蓪⒃O(shè)計(jì)界面定義為設(shè)計(jì)中所面對(duì)、所分析的一切信息交互的總和，它反映著人一物之間的關(guān)系。

二、設(shè)計(jì)界面的存在

美國學(xué)者赫伯特．A．西蒙提出：設(shè)計(jì)是人工物的內(nèi)部環(huán)境(人工物自身的物質(zhì)和組織)和外部環(huán)境(人工物的工作或使用環(huán)境)的接合。所以設(shè)計(jì)是把握人工物內(nèi)部環(huán)境與外部環(huán)境接合的學(xué)科，這種接合是圍繞人來進(jìn)行的?！叭恕笔窃O(shè)計(jì)界面的一個(gè)方面，是認(rèn)識(shí)的主體和設(shè)計(jì)服務(wù)的對(duì)象，而作為對(duì)象的“物”則是設(shè)計(jì)界面的另一個(gè)方面。它是包含著對(duì)象實(shí)體、環(huán)境及信息的綜合體，就如我們看見一件產(chǎn)品、一棟建筑，它帶給人的不僅有使用的功能、材料的質(zhì)地，也包含著對(duì)傳統(tǒng)思考、文化理喻、科學(xué)觀念等的認(rèn)知?！叭魏我患髌返膬?nèi)容，都必須超出作品中所包含的那些個(gè)別物體的表象。”分析“物”也就分析了設(shè)計(jì)界面存在的多樣性。

為了便于認(rèn)識(shí)和分析設(shè)計(jì)界面，可將設(shè)計(jì)界面分類為：

1)功能性設(shè)計(jì)界面接受物的功能信息，操縱與控制物，同時(shí)也包括與生產(chǎn)的接口，即材料運(yùn)用、科學(xué)技術(shù)的應(yīng)用等等。這一界面反映著設(shè)計(jì)與人造物的協(xié)調(diào)作用。

2)情感性設(shè)計(jì)界面即物要傳遞感受給人，取得與人的感情共鳴。這種感受的信息傳達(dá)存在著確定性與不確定性的統(tǒng)一。情感把握在于深入目標(biāo)對(duì)象的使用者的感情，而不是個(gè)人的情感抒發(fā)。設(shè)計(jì)師“投入熱情，不投入感情”，避免個(gè)人的任何主觀臆斷與個(gè)性的自由發(fā)揮。這―界面反映著設(shè)計(jì)與人的關(guān)系。

3)環(huán)境性設(shè)計(jì)界面外部環(huán)境因素對(duì)人的信息傳遞。任何一件或一個(gè)產(chǎn)品或平面視覺傳達(dá)作品或室內(nèi)外環(huán)境作品都不能脫離環(huán)境而存在，環(huán)境的物理?xiàng)l件與精神氛圍是不可忽缺的界面因素。

應(yīng)該說，設(shè)計(jì)界面是以功能性界面為基礎(chǔ)，以環(huán)境性界面為前提，以情感性界面為重心而構(gòu)成的，它們之間形成有機(jī)和系統(tǒng)的聯(lián)系。

三、設(shè)計(jì)界面存在的方法論意義

當(dāng)機(jī)械大工業(yè)發(fā)展起來的時(shí)候，如何有效操縱和控制產(chǎn)品或機(jī)械的問題導(dǎo)致了人機(jī)工程學(xué)。二戰(zhàn)后，隨著體力的簡(jiǎn)單勞動(dòng)轉(zhuǎn)向腦力的復(fù)雜勞動(dòng)，人體工學(xué)也進(jìn)一步地?cái)U(kuò)大到人的思維能力的設(shè)計(jì)方面，“使設(shè)計(jì)能夠支持、解放、擴(kuò)展人的腦力勞動(dòng)”。在目前的知識(shí)經(jīng)濟(jì)時(shí)代，在滿足了物質(zhì)需求的情況下，人們追求自身個(gè)性的發(fā)展和情感訴求，設(shè)計(jì)必須要著重對(duì)人的情感需求進(jìn)行考慮。設(shè)計(jì)因素復(fù)雜化導(dǎo)致設(shè)計(jì)評(píng)價(jià)標(biāo)準(zhǔn)困難化。一個(gè)個(gè)性化的設(shè)計(jì)作品能否被消費(fèi)者所認(rèn)同?新產(chǎn)品開發(fā)能不能被市場(chǎng)所接受?在目前，我國大部分企業(yè)實(shí)力還并不強(qiáng)大，設(shè)計(jì)開發(fā)失利承受力還不很強(qiáng)的情況下，如何系統(tǒng)地、有根據(jù)地認(rèn)識(shí)、評(píng)價(jià)設(shè)計(jì)，使其符合市場(chǎng)，就需要對(duì)設(shè)計(jì)因素再認(rèn)識(shí)。利用界面分析法，正是使設(shè)計(jì)因素條理化，避免將人作為“生物人”的片面和走出籠統(tǒng)地說“設(shè)計(jì)＝科學(xué)十藝術(shù)”的簡(jiǎn)單誤區(qū)。

現(xiàn)代的人機(jī)工程學(xué)和消費(fèi)心理學(xué)為設(shè)計(jì)提供了科學(xué)的依據(jù)，它們的成功就在于實(shí)驗(yàn)、調(diào)查和數(shù)理表述，是較為可系的。同樣對(duì)設(shè)計(jì)藝術(shù)而言，進(jìn)行設(shè)計(jì)界面的分析，也要有生理學(xué)、心理學(xué)、文化學(xué)、生物學(xué)、技術(shù)學(xué)學(xué)科基礎(chǔ)。從理論上來說，它要直接建立在信息論和控制論的基礎(chǔ)之上。相對(duì)于機(jī)械、電子設(shè)計(jì)和人機(jī)設(shè)計(jì)，以往人機(jī)界面設(shè)計(jì)把握了技術(shù)科學(xué)的認(rèn)識(shí)和手段，忽視了人文科學(xué)觀念與思想。它的界面設(shè)計(jì)只能存在于局部的思考范圍內(nèi)，只成為一個(gè)設(shè)計(jì)的階段。

有人以功能論來評(píng)判設(shè)計(jì)?！肮δ軟Q定形態(tài)”曾是20世紀(jì)上半葉的設(shè)計(jì)格言，它的提法是片面的。這是因?yàn)椋旱谝?，功能不是單一的，它包括使用功能、審美功能、社?huì)功能、環(huán)境功能等?！斑^分追求單一的功能會(huì)導(dǎo)致將許多重要內(nèi)容(裝飾性、民族性、中間性)被排斥掉”。而且“有些內(nèi)容并不是‘功能’的概念所能包括了的，更何況物質(zhì)和精神的內(nèi)容也并不是時(shí)時(shí)處處等質(zhì)等量的融洽在一個(gè)統(tǒng)一體中，隨產(chǎn)品的不同、時(shí)期的不同，它們各自的主次地位也隨之變化”。在現(xiàn)今信息技術(shù)高度發(fā)展的時(shí)代，情感因素越來越成為設(shè)計(jì)的主要方面。物質(zhì)意義上的功能在保持其基礎(chǔ)地位的情況下，卻日益不能代表情感訴求的表述；第二，按“形態(tài)服從功能”而設(shè)計(jì)的產(chǎn)品，對(duì)于不熟悉它的使用者來說是難以理解的，產(chǎn)品要為人們所理解，必須要借助公認(rèn)的信碼，即符號(hào)系統(tǒng)；第三，滿足同一功能的產(chǎn)品形態(tài)本來就不是唯一的，象汽車等成熟的產(chǎn)品，年度換型計(jì)劃等措施成為商品經(jīng)濟(jì)中日益不可避免的現(xiàn)象。社會(huì)經(jīng)濟(jì)發(fā)展到一定程度，才能出現(xiàn)設(shè)計(jì)的專業(yè)需求，而這時(shí)人們的基本物質(zhì)需求已能滿足，簡(jiǎn)單地以物質(zhì)來決定設(shè)計(jì)是不恰當(dāng)?shù)摹?/p>

相反，設(shè)計(jì)界面體現(xiàn)了人一物交流信息的本質(zhì)，也是設(shè)計(jì)藝術(shù)的內(nèi)涵，它包括了設(shè)計(jì)的方方面面，明確了設(shè)計(jì)的目標(biāo)與程序。

四、設(shè)計(jì)界面的分析

按照設(shè)計(jì)界面的三類劃分，有助于考察設(shè)計(jì)界面的多種因素。當(dāng)然，應(yīng)該說設(shè)計(jì)界面的劃分是不可能完全絕對(duì)的，三類界面之間有涵義上也可能交互與重疊，如宗教文化是一種環(huán)境性因素，但它帶給信仰者的往往更多的卻是宗教的情感因素。在這里環(huán)境性和情感性是不好區(qū)分的，但這并不妨礙不同分類之間所存在的實(shí)質(zhì)性的差異。

1、功能性界面

對(duì)功能性界面來說，它實(shí)現(xiàn)的是使用性內(nèi)容，任何‘件產(chǎn)品或內(nèi)外環(huán)境或平面視覺傳達(dá)作品，其存在的價(jià)值首要的是在于使用性，由使用性牽涉到多種功能因素的分析及實(shí)現(xiàn)功能的技術(shù)方法與材料運(yùn)用。在這一方面，分析思維作為一種理性思維而存在。如果作為一種處理方式來設(shè)計(jì)產(chǎn)品，則這種產(chǎn)品會(huì)使多種特征性(如民族性、純粹性)因素中性化，如果去除產(chǎn)品商標(biāo)，就很難認(rèn)出是哪國的或哪個(gè)公司的產(chǎn)品。當(dāng)然，這方面也說明了產(chǎn)品中存在著共同性因素，它使全人類能做出同樣的反應(yīng)。人的感覺和判斷能力有著國際性的、客觀性的特征。

功能性界面設(shè)計(jì)要建立在符號(hào)學(xué)的基礎(chǔ)上。國際符號(hào)學(xué)會(huì)對(duì)符號(hào)學(xué)所下定義是：符號(hào)是關(guān)于信號(hào)標(biāo)志系統(tǒng)(即通過某種渠道傳遞信息的系統(tǒng))的理論，它研究自然符號(hào)系統(tǒng)和人造符號(hào)系統(tǒng)的特征。廣義的說，能夠代表其他事物的東西都是符號(hào)，如字母、數(shù)字、儀式、意識(shí)、動(dòng)作等，最復(fù)雜的一種符號(hào)系統(tǒng)可能就是語言。設(shè)計(jì)功能界面，不可避免地要讓使用者明白功能操作。每一操作對(duì)人來說應(yīng)是符合思維邏輯的，是人性的，而對(duì)機(jī)械、電子來說則應(yīng)是準(zhǔn)確的、確定無疑的，這雙方的信息傳遞是功能界面的核心內(nèi)涵。

2、情感性界面

一個(gè)家庭裝飾要賦予人家居的溫馨，一副平面作品要以情動(dòng)人，一件宗教器具要體現(xiàn)信仰者的虔誠。其實(shí)任何一件產(chǎn)品或作品只有與人的情感產(chǎn)生共鳴才能為人所接受，“敝帚自珍”正體現(xiàn)著人的感情寄托，也體現(xiàn)著設(shè)計(jì)作品的魅力所在。

現(xiàn)代符號(hào)學(xué)的發(fā)展也日益這一領(lǐng)域開拓，以努力使這種不確定性得到壓縮，部分加強(qiáng)理性化成分。符號(hào)學(xué)逐漸應(yīng)用于民俗學(xué)、神話學(xué)、宗教學(xué)、廣告學(xué)等領(lǐng)域，如日本符號(hào)學(xué)界把符號(hào)學(xué)用于認(rèn)識(shí)論研究，考察認(rèn)識(shí)知覺、認(rèn)識(shí)過程的符號(hào)學(xué)問題。同時(shí)，符號(hào)學(xué)還用于分析利用人體感官進(jìn)行的交際，并將音樂、舞蹈、服裝、裝飾等都作為符號(hào)系統(tǒng)加以分析研究，這都為設(shè)計(jì)藝術(shù)提供了寶貴與有借鑒價(jià)值的情感界面設(shè)計(jì)方法與技術(shù)手段。

3、環(huán)境性界面

任何的設(shè)計(jì)都要與環(huán)境因素相聯(lián)系，它包括社會(huì)、政治和文化等綜合領(lǐng)域。處于外界環(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ì)潮流。18世紀(jì)起，西方一批美學(xué)家已注意到藝術(shù)創(chuàng)造與審美趣味深受地理、氣候、民族、歷史條件等環(huán)境因素的影響。法國實(shí)證主義哲學(xué)家孔德指出：“文學(xué)藝術(shù)是人的創(chuàng)造物，原則上是由創(chuàng)造它的人所處的環(huán)境條件決定?！狈▏乃?yán)碚摷业ぜ{認(rèn)為“物質(zhì)文明與精神文明的性質(zhì)面貌都取決于種族、環(huán)境、時(shí)代三大因素”。無論是工藝美術(shù)運(yùn)動(dòng)、包豪斯現(xiàn)代主義或20世紀(jì)80年代的反設(shè)計(jì)，現(xiàn)代的多元化，“游牧主義”(Nemadism)都反映著環(huán)境因素的影響。

環(huán)境性界面設(shè)計(jì)所涵蓋的因素是極為廣泛的，它包括有政治、歷史、經(jīng)濟(jì)、文化、科技、民族等，這方面的界面設(shè)計(jì)正體現(xiàn)了設(shè)計(jì)藝術(shù)的社會(huì)性。

以上說明了設(shè)計(jì)藝術(shù)界面存在的特征因素，說明在理性與非理性上都存在明確、合理、有規(guī)則、有根據(jù)的認(rèn)識(shí)方法與手段。

成功的作品都是完善地處理了這三個(gè)界面的結(jié)晶。如貝聿銘設(shè)計(jì)的盧浮宮擴(kuò)建工程，功能性處理得很好，沒有屈從于形式而損害功能；但同時(shí)又通過新材料及形式反映新的時(shí)代性特征及美學(xué)傾向，這是環(huán)境性界面處理的典范；人們觀看盧浮宮，不是回到古代，而是以新的價(jià)值觀去重新審視、欣賞，它的三角形外觀符合了人們的心理期望，這是情感性界面處理的極致。

五、設(shè)計(jì)界面的運(yùn)用原則

1)合理性原則，即保證在系統(tǒng)設(shè)計(jì)基礎(chǔ)上的合理與明確。

任何的設(shè)計(jì)都既要有定性也要有定量的分析，是理性與感性思維相結(jié)合。努力減少非理性因素，而以定量優(yōu)化、提高為基礎(chǔ)。設(shè)計(jì)不應(yīng)人云亦云，一定要在正確、系統(tǒng)的事實(shí)和數(shù)據(jù)的基礎(chǔ)上，進(jìn)行嚴(yán)密地理論分析，能以理服人、以情感人。

2)動(dòng)態(tài)性原則，即要有四維空間或五維空間的運(yùn)作觀念。一件作品不僅是二維的平面或三絕的立體，也要有時(shí)間與空間的變換，情感與思維認(rèn)識(shí)的演變等多維因素。

3)多樣化原則，即設(shè)計(jì)因素多樣化考慮。當(dāng)前越來越多的專業(yè)調(diào)查人員與公司出現(xiàn)，為設(shè)計(jì)帶來豐富的資料和依據(jù)。但是，如何獲取有效信息，如何分析設(shè)計(jì)信息實(shí)際上是一個(gè)要有創(chuàng)造性思維與方法的過程體系。

4)交互性原則，即界面設(shè)計(jì)強(qiáng)調(diào)交互過程。一方面是物的信息傳達(dá)，另一方面是人的接受與反饋，對(duì)任何物的信息都能動(dòng)地認(rèn)識(shí)與把握。

5)共通性原則，即把握三類界面的協(xié)調(diào)統(tǒng)一，功能、情感、環(huán)境不能孤立而存在。

六、設(shè)計(jì)界面的應(yīng)用方法

設(shè)計(jì)界面所包含的因素是極為廣泛的，但在運(yùn)用中卻只能有側(cè)重、有強(qiáng)調(diào)的把握。設(shè)計(jì)因素雖多，但它仍是一個(gè)不可分割的整體。它的結(jié)果是物化的形，但這個(gè)形卻是代表了時(shí)代、民族等方面的意識(shí)，并最終反映出人的“美”的心理活動(dòng)。

設(shè)計(jì)界面的運(yùn)用，核心是設(shè)計(jì)分析。在一些國際性的大公司，如索尼、松下、柯尼卡等，都有許多的成功案例可為借鑒。如柯尼卡公司設(shè)計(jì)其相機(jī)時(shí)，首先不是去繪制“美”的形和考慮技術(shù)的進(jìn)步，而是進(jìn)行對(duì)象人的日常行為分析，作出故事版(STORY)。它先假定對(duì)象人的年齡為35歲，名：xxx，從而分析他的家庭、喜好與憎惡，分析他的日常行為，進(jìn)而考察其人在什么場(chǎng)合需要僚機(jī)，從而為設(shè)計(jì)提供概念(CONCEPT)與目標(biāo)(TARGET)，進(jìn)行設(shè)計(jì)。經(jīng)過分析，設(shè)計(jì)師有了明確的概念與目標(biāo)，并隨信息的交互產(chǎn)生了創(chuàng)造力。

界面設(shè)計(jì)范文第5篇

關(guān)鍵詞：擬物化 視差設(shè)計(jì) 手機(jī)界面設(shè)計(jì)

一、視差設(shè)計(jì)和擬物化設(shè)計(jì)的定義

視差設(shè)計(jì)定義：視差設(shè)計(jì)是指計(jì)算機(jī)圖形用戶界面中多個(gè)視覺元素以不同的速度移動(dòng)，在二維的界面上形成三維立體的運(yùn)動(dòng)效果，給觀者帶來更強(qiáng)烈的視覺沖擊力，一般出現(xiàn)在界面切換轉(zhuǎn)場(chǎng)時(shí)。視差設(shè)計(jì)早在1982年，一款名為Moon Patrol的紅白機(jī)游戲上就出現(xiàn)了，歷經(jīng)在電腦界面設(shè)計(jì)20余年不溫不火的發(fā)展，隨著近年來以Iphone為代表的觸屏智能手機(jī)的風(fēng)行，這種設(shè)計(jì)手法又獲得了設(shè)計(jì)師和用戶的青睞。

所謂擬物化設(shè)計(jì)就是在計(jì)算機(jī)圖形用戶界面設(shè)計(jì)中，根據(jù)軟件產(chǎn)品自身特點(diǎn)，通過模擬真實(shí)世界已有的物品，現(xiàn)實(shí)生活中的場(chǎng)景，實(shí)物的質(zhì)感，以及人們的日常行為習(xí)慣等，為用戶營造身臨其境的交互方式，使產(chǎn)品的設(shè)計(jì)更富有品質(zhì)和情感，用戶能夠更快的理解它們的運(yùn)行方式，使用起來也就越簡(jiǎn)單。擬物化設(shè)計(jì)最初是出現(xiàn)在模擬類游戲上，逐漸被應(yīng)用在其他軟件界面設(shè)計(jì)中，隨著移動(dòng)設(shè)備硬件的迅猛發(fā)展，更大的屏幕尺寸和全新的觸摸交互方式讓擬物化設(shè)計(jì)在手機(jī)端也獲得了很大的發(fā)展空間。

二、擬物化的視差設(shè)計(jì)

擬物化設(shè)計(jì)最重要特征是對(duì)現(xiàn)實(shí)的模仿和再現(xiàn)，視差設(shè)計(jì)遵循了這一特征。從視差界面的視覺元素構(gòu)成和表現(xiàn)方式進(jìn)行分析可以得到：視差界面視覺元素由背景層和前景層共同構(gòu)成。背景層占據(jù)界面大部分空間，處于界面底部，以圖片形式出現(xiàn)，移動(dòng)速度慢距離短或者不移動(dòng)，一般情況下只有一個(gè)視覺元素；前景層位于界面的視覺中心，背景層之上，視覺元素?cái)?shù)量不定（可能是一個(gè)，也可能是多個(gè)），移動(dòng)速度快距離遠(yuǎn)。視差界面通常是單頁布局，所有視覺元素在一個(gè)超出幾倍屏幕尺寸的頁面上，通過背景層和前景層不同的速度移動(dòng)，在二維的界面中形成三維的多層次景深。

在現(xiàn)實(shí)生活中，旅客坐在高速運(yùn)行的火車上，通過窗外看到的風(fēng)景和視差界面幾乎是一致的：天空和遠(yuǎn)山幾乎靜止不動(dòng)；稻田和農(nóng)屋較快的移動(dòng)；而火車旁的樹木和電桿則飛速地向后退去。在這個(gè)場(chǎng)景中，車窗是屏幕，天空和遠(yuǎn)山是背景層，稻田、農(nóng)屋、樹木和電桿是前景層，通過火車的高速運(yùn)動(dòng)，旅客從窗口“屏幕”欣賞到有景深的界面。

從這個(gè)例子可以看出，視差界面設(shè)計(jì)完全是現(xiàn)實(shí)生活場(chǎng)景的再現(xiàn)，是一種擬物化設(shè)計(jì)。

三、擬物化的手機(jī)端視差界面設(shè)計(jì)

1.視差界面設(shè)計(jì)在手機(jī)端發(fā)展的優(yōu)勢(shì)條件

長久以來，視差界面設(shè)計(jì)在電腦端一直不溫不火，作為一個(gè)小眾的設(shè)計(jì)風(fēng)格存在。歸其原因，主要是受界面開發(fā)技術(shù)和交互方式的限制。自互聯(lián)網(wǎng)誕生以來，界面開發(fā)經(jīng)歷了文本、表格、Flash和CSS四個(gè)時(shí)期。文本和表格時(shí)期，受制于硬件技術(shù)、開發(fā)語言的限制，這時(shí)的界面視覺效果較為簡(jiǎn)單，以“靜”為主，視差設(shè)計(jì)主要用于游戲界面；進(jìn)入Flash時(shí)期，界面可以呈現(xiàn)更豐富的動(dòng)畫和交互效果，但受制于鍵鼠交互方式、Flash兼容性和后臺(tái)管理方式限制，這時(shí)的視差設(shè)計(jì)應(yīng)用范圍有一定擴(kuò)大，一般應(yīng)用于Flas和一些小眾個(gè)性化網(wǎng)頁；隨著CSS時(shí)代的來臨，界面更新更加敏捷，且響應(yīng)速度更快，并且電腦硬件技術(shù)和網(wǎng)絡(luò)帶寬不斷提高，界面設(shè)計(jì)正處于由“靜”向“動(dòng)”轉(zhuǎn)變中，這為擬物化的手機(jī)視差界面設(shè)計(jì)發(fā)展創(chuàng)造了硬件條件。

2007年，iPhone引領(lǐng)了智能手機(jī)革命，創(chuàng)造性地將手機(jī)交互方式由按鍵轉(zhuǎn)變?yōu)槭种赣|控，用戶對(duì)手機(jī)的控制絕大多數(shù)是通過手指在觸摸屏幕表面滑拉和點(diǎn)擊完成。很多應(yīng)用軟件界面跳轉(zhuǎn)跟隨用戶手指運(yùn)動(dòng)方向――從屏幕側(cè)邊進(jìn)入切換，這種界面跳轉(zhuǎn)方式恰好和視差界面視覺元素的運(yùn)動(dòng)方向吻合。與鍵鼠操控界面相比，手指觸控界面是一種擬物化的交互方式。用戶在觸控屏幕上滑拉手指的時(shí)候，一個(gè)交互動(dòng)作是可以任意停止和返回，手機(jī)界面也可以跟隨著這個(gè)動(dòng)作作出相應(yīng)的變化。例如，向左滑拉到的時(shí)候手指可以停止不動(dòng)或者滑拉回右邊，這時(shí)界面中的前景層和背景層也可以跟隨手指的動(dòng)作向左、停止或向右進(jìn)行差速運(yùn)動(dòng)，這種控制方式和反饋提供了鍵鼠操控所不能及的體驗(yàn)，增強(qiáng)了用戶操控的積極性，這為擬物化的手機(jī)視差界面設(shè)計(jì)發(fā)展創(chuàng)造了交互優(yōu)勢(shì)。

2.手機(jī)視差界面的表現(xiàn)形式

結(jié)合以上兩個(gè)有利因素，視差界面設(shè)計(jì)在手機(jī)端得到了長足發(fā)展，用戶可以自由地控制界面跳轉(zhuǎn)和內(nèi)容切換。隨著視差設(shè)計(jì)的不斷深入，這種設(shè)計(jì)方式有了三種不同的表現(xiàn)形式：

1）固定背景層

這種形式出現(xiàn)時(shí)間最早，當(dāng)界面內(nèi)容切換時(shí)，背景層不動(dòng)，前景層按一定速度移動(dòng)。這種表現(xiàn)形式一般運(yùn)用在手機(jī)系統(tǒng)桌面、看書軟件、設(shè)置、聊天窗口等需要用戶專注于內(nèi)容的界面。典型界面是lOs系統(tǒng)桌面，當(dāng)用戶手指左右滑動(dòng)切換屏幕圖標(biāo)時(shí)，背景層不動(dòng)，屏幕上所有圖標(biāo)形成一個(gè)前景層進(jìn)行左右移動(dòng)（圖1）。

2）同―方向移動(dòng)的背景層和前景層

在固定背景層表現(xiàn)形式上發(fā)展而來，內(nèi)容切換時(shí)，背景層以較慢的速度移動(dòng)，前景層以較快速度和背景層相同方向移動(dòng)，所有視覺元素同時(shí)移動(dòng)，同時(shí)停止。這種表現(xiàn)形式一般用在系統(tǒng)桌面、聊天窗口、網(wǎng)頁等界面。如：Android系統(tǒng)手機(jī)桌面，當(dāng)桌面圖標(biāo)移動(dòng)時(shí)，桌面壁紙以較慢的速度同時(shí)移動(dòng)，使界面內(nèi)容變化時(shí)更加生動(dòng)（圖2）。

3）多方向差速前景層

表現(xiàn)方式最為生動(dòng)，界面中具有多個(gè)前景層視覺元素，且按不同運(yùn)動(dòng)方向移動(dòng)，一般用于營造界面氣氛，增加界面生動(dòng)性。如uc瀏覽器9.0版歡迎頁，背景層不動(dòng)，前景層有文字、圖例和輔助圖形三種，按照不同的移動(dòng)方向和移動(dòng)速度，用戶在切換內(nèi)容的過程中，文字和圖例的慢速移動(dòng)了解uc瀏覽器核心賣點(diǎn)，通過輔助圖形快速移動(dòng)感受瀏覽器暢快的運(yùn)行速度（圖3）。