界面設計

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

界面設計范文第1篇

多媒體設計

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

網頁交互設計

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

網頁UI界面設計展望

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

界面設計范文第2篇

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

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

提高軟件設備獨立性的方法有很多，表格驅動就是其中一種。所謂表格，就是根據需要設計的數據結構。表格中的數據由檢測例程填寫。表格中包含哪些欄目，應在對各制造商提供的SuperVGA產品足夠了解的基礎上取舍，欄目應體現各產品之間的差異。

一、SuperVGA編程綜述

SuperVGA產品在體系結構上和標準的IBMVGA有所不同。但編程思想基本上是一樣的，這些編程方法已有許多文章介紹，這里不再重復。

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

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

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

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

@@10A06500.GIF;附表@@

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

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

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

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

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

程度1:

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

;參數:

；x,y-屏幕坐標

；num-本行的像素個數

；ptr-指向像素數據的遠指針

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圖像數據所在源地址

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;進位部分(DL)=頁號

calldwordptrcs:-PageSelect

movcx,num;本行要傳送字節數

movbx,cx

addbx,di;檢測傳送是否在一個頁內

jncDump-In-One-Page

subcx,bx;CX=本頁字節數，BX=下頁字節數

shrcx,1;CX/2=字數

repmovsw;本頁內的傳送

adccx,0

repmovsb;處理可能的奇數字節數

incah;調整頁號

calldwordptrcs:-PageSelect

movcx,bx;新頁內要寫的字節數

jcxzDump-Done

Dump-In-One-Page:

shrcx,1;CX/2=字數

repmovsw;圖像傳送

adccx,0

repmovsb;處理可能的奇數字節數

Dump-Done:

popdi

popsi

popes

popds

movsp,bp

popbp

ret

LineDumpendp

二、表格驅動的基本思想

根據上面的分析，用以驅動顯示系統的表格，至少應當包含下列項目:

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

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

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

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

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

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

除了用上述方法來實現兼容外，視頻電子學標準協會(VESA)為我們提供了另一種方法。

VESA

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

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

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

三、范例

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

限于篇幅，這里僅給出有關的數據結構和部分函數的說明(程序2)。然后給出一個初始化顯

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

程序2(TVGA256.H):

/*統一的模式集*/

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

};

/*對應的BGI驅動程序名*/

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.根據-vga-mode模式號換算成VESA的標準模式號填寫頁粒度(WinGranularity)，頁大小(WinSize),

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

VESA的標準模式解釋如下:

100h-640x400256

101h-640x480256

102h-800x60016

103h-800x600256

104h-1024x76816

105h-1024x768256etc.

InitVesa供給InitVGA調用*/

externvoidInitVGA(intmode);

/*功能:初始化顯示系統(自動調用DetectVGA檢測顯示卡)

參數:mode=TVGA320x200(0)

TVGA640x400(1)

TVGA640x480(2)

TVGA800x600(3)

TVGA1024x768(4)

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

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

必要時自動調用InitVesa

*/

externintvga-type;

externintvga-mode;

externintvga-width;

externintvga-depth;

externintvga-pages;

externintvga-pages;

externcharpage-number;

externintvesa-found;

...

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

...

intGraphDriver,GraphMode;

unsignedchar*bgiDriver="PVGA256";

bgiDriver=Drivers[DetectVGA()];

GraphDriver=installuserdriver(bgiDriver,NULL);

GraphMode=TVGA800x600;

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

參考文獻

界面設計范文第3篇

關鍵詞：界面設計；教學；考核

中圖分類號：G42 文獻標識碼：A 文章編號：1005-5312（2013）29-0237-01

一、教學內容：不同專業側重點不同

（一）繪畫專業

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

（二）工業設計專業

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

（三）視覺傳達專業

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

綜上因素，在教學內容上主要分了幾個模塊，根據不同的專業特點采取不同側重點。

1.圖標設計。繪畫專業和視覺專業其作業占主要，工業設計專業次要，培養創新能力，視覺表達能力。

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

3.網頁界面設計。綜合能力考核。

二、教學方法：不同專業教學方法不同

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

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

三、考核形式

由于課程的特殊性，課程的考核采用過程化考核方式，將整個學習過程都納入到考核當中，學生的每一任務的完成都有相應的分數，學生的總成績=平時表現+學生互評成績+任務完成成績。這樣，在UI設計沒有一個統一標準的情況下，逐步將學生的成績進行量化，使學生重視平時的學習，弱化最后課程的考核，改變學生最后突擊的現狀。

四、結束語

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

界面設計范文第4篇

關鍵詞：界面符號人機工程環境

一、設計界面的涵義

界面的說法以往常見的是在人機工程學中。“人機界面”是指人機間相互施加影響的區域，凡參與人機信息交流的一切領域都屬于人機界面。“而設計藝術是研究人一物關系的學科，對象物所代表的不是簡單的機器與設備，而是有廣度與深度的物；這里的人也不是“生物人”，不能單純地以人的生理特征進行分析。“人的尺度，既應有作為自然人的尺度，還應有作為社會人的尺度；既研究生理、心理、環境等對人的影響和效能，也研究人的文化、審美、價值觀念等方面的要求和變化”。

設計的界面存在于人一物信息交流，甚至可以說，存在人物信息交流的一切領域都屬于設計界面，它的內涵要素是極為廣泛的。可將設計界面定義為設計中所面對、所分析的一切信息交互的總和，它反映著人一物之間的關系。

二、設計界面的存在

美國學者赫伯特．A．西蒙提出：設計是人工物的內部環境(人工物自身的物質和組織)和外部環境(人工物的工作或使用環境)的接合。所以設計是把握人工物內部環境與外部環境接合的學科，這種接合是圍繞人來進行的。“人”是設計界面的一個方面，是認識的主體和設計服務的對象，而作為對象的“物”則是設計界面的另一個方面。它是包含著對象實體、環境及信息的綜合體，就如我們看見一件產品、一棟建筑，它帶給人的不僅有使用的功能、材料的質地，也包含著對傳統思考、文化理喻、科學觀念等的認知。“任何一件作品的內容，都必須超出作品中所包含的那些個別物體的表象。”分析“物”也就分析了設計界面存在的多樣性。

為了便于認識和分析設計界面，可將設計界面分類為：

1)功能性設計界面接受物的功能信息，操縱與控制物，同時也包括與生產的接口，即材料運用、科學技術的應用等等。這一界面反映著設計與人造物的協調作用。

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

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

應該說，設計界面是以功能性界面為基礎，以環境性界面為前提，以情感性界面為重心而構成的，它們之間形成有機和系統的聯系。

三、設計界面存在的方法論意義

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

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

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

相反，設計界面體現了人一物交流信息的本質，也是設計藝術的內涵，它包括了設計的方方面面，明確了設計的目標與程序。

四、設計界面的分析

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

1、功能性界面

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

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

2、情感性界面

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

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

3、環境性界面

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

環境性界面設計所涵蓋的因素是極為廣泛的，它包括有政治、歷史、經濟、文化、科技、民族等，這方面的界面設計正體現了設計藝術的社會性。

以上說明了設計藝術界面存在的特征因素，說明在理性與非理性上都存在明確、合理、有規則、有根據的認識方法與手段。

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

五、設計界面的運用原則

1)合理性原則，即保證在系統設計基礎上的合理與明確。

任何的設計都既要有定性也要有定量的分析，是理性與感性思維相結合。努力減少非理性因素，而以定量優化、提高為基礎。設計不應人云亦云，一定要在正確、系統的事實和數據的基礎上，進行嚴密地理論分析，能以理服人、以情感人。

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

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

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

5)共通性原則，即把握三類界面的協調統一，功能、情感、環境不能孤立而存在。

六、設計界面的應用方法

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

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

界面設計范文第5篇

關鍵詞：擬物化 視差設計 手機界面設計

一、視差設計和擬物化設計的定義

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

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

二、擬物化的視差設計

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

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

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

三、擬物化的手機端視差界面設計

1.視差界面設計在手機端發展的優勢條件

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

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

2.手機視差界面的表現形式

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

1）固定背景層

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

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

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

3）多方向差速前景層

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