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

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

多媒體設(shè)計

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

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

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

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

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

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

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

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

提高軟件設(shè)備獨立性的方法有很多，表格驅(qū)動就是其中一種。所謂表格，就是根據(jù)需要設(shè)計的數(shù)據(jù)結(jié)構(gòu)。表格中的數(shù)據(jù)由檢測例程填寫。表格中包含哪些欄目，應(yīng)在對各制造商提供的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)品的下面幾點差異。

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

×256色模式，對PVGA而言卻代

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

@@10A06500.GIF;附表@@

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

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

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

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

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

程度1:

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

;參數(shù):

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

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

；ptr-指向像素數(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)=頁號

calldwordptrcs:-PageSelect

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

movbx,cx

addbx,di;檢測傳送是否在一個頁內(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)整頁號

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ū)動的基本思想

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

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

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

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

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

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

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

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

VESA

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

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

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

三、范例

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

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

示系統(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

};

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

unsignedchar*Drivers[]={

"TVGA256",

"TVGA256",

"AVGA256",

...

"VESA256",

};

externintDetectVGA(void);

/*功能:檢測顯示卡的型號

返回值:0-Unknowm1-TridentVGA2-ParadiseVGA

...

x-不能檢測出的VGA，但支持VESA

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

externintVesaFound(void);

/*功能:檢測VESABIOS的存在性

返回:0-不支持VESA；

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

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

externvoidInitVesa(void);

/*功能:初始化VESA.根據(jù)-vga-mode模式號換算成VESA的標(biāo)準(zhǔn)模式號填寫頁粒度(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)(自動調(diào)用DetectVGA檢測顯示卡)

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

TVGA640x400(1)

TVGA640x480(2)

TVGA800x600(3)

TVGA1024x768(4)

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

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

必要時自動調(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è)計范文第3篇

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

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

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

（一）繪畫專業(yè)

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

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

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

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

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

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

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

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

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

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

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

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

三、考核形式

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

四、結(jié)束語

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

1、功能性界面

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

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

2、情感性界面

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

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

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

任何的設(shè)計都要與環(huán)境因素相聯(lián)系，它包括社會、政治和文化等綜合領(lǐng)域。處于外界環(huán)境之中，“是以社會群體而不是以個體為基礎(chǔ)的”，所以環(huán)境性因素一般處于非受控與難以預(yù)見的變化狀態(tài)。聯(lián)系到設(shè)計的歷史，我們可以利用藝術(shù)社會學(xué)的觀點去認(rèn)識各時期的設(shè)計潮流。18世紀(jì)起，西方一批美學(xué)家已注意到藝術(shù)創(chuàng)造與審美趣味深受地理、氣候、民族、歷史條件等環(huán)境因素的影響。法國實證主義哲學(xué)家孔德指出：“文學(xué)藝術(shù)是人的創(chuàng)造物，原則上是由創(chuàng)造它的人所處的環(huán)境條件決定?！狈▏乃?yán)碚摷业ぜ{認(rèn)為“物質(zhì)文明與精神文明的性質(zhì)面貌都取決于種族、環(huán)境、時代三大因素”。無論是工藝美術(shù)運動、包豪斯現(xiàn)代主義或20世紀(jì)80年代的反設(shè)計，現(xiàn)代的多元化，“游牧主義”(Nemadism)都反映著環(huán)境因素的影響。

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

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

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

五、設(shè)計界面的運用原則

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

1）固定背景層

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

2）同―方向移動的背景層和前景層

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

3）多方向差速前景層

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