網頁界面設計論文
前言：想要寫出一篇令人眼前一亮的文章嗎？我們特意為您整理了5篇網頁界面設計論文范文，相信會為您的寫作帶來幫助，發現更多的寫作思路和靈感。
網頁界面設計論文范文第1篇
中圖分類號：TP393文獻標識碼：A文章編號：1009-3044(2011)04-0779-03
1 感性化網頁界面設計
1.1 界面設計的發展
界面設計的概念首先是在西方國家提出來的，而且存在了很長的時間，發展到今天己經有了一套自己成熟的理論和實踐經驗,韓國和日本對于網頁界面設計的研究已經走在這方面研究的前端。雖然感性的人機界面設計成為設計領域的焦點，其理論主要用在產品界面設計，在歷年研究生的論文中，大多是從網頁界面設計的色彩、存在的形態及學科相關性方面闡述、或者只是網站建模，很少將理論與設計實踐相結合來研究。人機界面設計的一個細小分支:網頁人機界面的感性化設計在國內還處于起步階段。
1.2 感性工學
上個世紀80年代末在日本出現了感性工學的課題和研究。感性工學(KanseiEngineering)是界于設計學、工學及其他學科之間的一門綜合叉學科。“感性”是一種主觀的難以用文字來描述的心理體驗，它是一種認知的概念，受個人知識、經驗和個性的影響，是個性化的認識。同時感性也是直覺與理智相互作用的結果，感性對美的、情趣的事物特別敏感。對于設計者而言就是把消費者腦海中的構建法則探尋出來，通過破譯消費者的感受，再利用這些探尋出來的法則去進行設計，這就是感性工學設計的首要任務。
1.3 感性工學與界面設計的關系
首先從指導思想上講，感性工學設計的出發點是考慮人的感受即以人為本。從人的角度度上考慮問題高于一切，因為設計的目的就是為了讓產品更好的為人服務。只有以人的感受作為基礎和原始資料，以“以人為本”作為指導思想，從人的感受方面去尋找設計靈感，才能保證設計符合使用者的需求，這是設計的源頭也是設計的動力。其次從設計周期方面講，基于感性工學的網頁界面設計方法論精簡了傳統的設計理念的步驟，設計程序不再那么復雜。對設計過程的精簡不僅提高了設計效率，簡化了繁瑣的設計流程，而且從根本上解除了設計師在思想上的束縛，使設計更加靈活。最后，從設計結果上講，它避免了許多不必要的或者是重復的信息設置，無論是布局還是內容，每一個小細節都來自用戶的真實感受，都經過設計師的深思熟慮。由基于感性工學的網絡形象設計理念設計出來的“產品”應該是符合用戶群體需求，符合市場需求的。網頁界面設計發展到現今的階段，功能合理，適用有效或是有某種外在的美感已經不再能滿足網頁用戶的需求了，感性化網頁界面設計已經成為設計的必然。在網頁界面的設計過程中，研究用戶是其最基礎的一個環節。為了提供自然和直觀的網頁界面，我們就需要表現出以用戶和交流為向導的新的設計方法。對于用戶來說，用恰當的文字和語言來表達自己的“感性”并不是一件容易的事情，設計師就更難辨別出產品的哪些屬性可以喚起人們的何種感性，以及人們的感性是如何隨著產品屬性的改變而改變的，在更多情況下，人們的感性并不只由某一種產品屬性決定。感性工學，因其運用科學先進的現代工具和技術，可以幫助消費者表達自己的感性，甚至是一些他們自己都沒有意識到的情感，設計師可以準確便捷地獲取消費者基于產品和概念的特性的主觀評價，取得消費者對于產品的潛在感受和需求。感性工學除了是可以運用的設計上的工具，更是可以輔助設計師弄清人們感性的利器，從而可以針對不同消費者和消費群體的感性需求，設計出不同的產品造型，在客戶滿意度與設計制造成本之間取得一個平衡點。
2 少兒網頁界面感性化設計現狀調查
本文以常用少兒網站新浪少兒網，希望谷，迪斯尼中國站為例，分析目前的少兒網站感性化設計發展現狀，為下文的研究提供數據依據。
2.1 數據來源及其分析
這項研究分別從用戶和網站角度進行研究。通過對用戶的調查，可以得到用戶的體驗，以及從用戶的角度得到對網站的評價，并且可以發現網站中存在的一些問題。通過對少兒網站的調查，可以了解到網站中吸引用戶的重要因素，以及用戶對網站的評價，從而為網站的設計提供建議。
2.1.1 問卷調查
問卷調查是以書面提出問題的方式搜集資料的一種研究方法。研究者將所要研究的問題編制成問題表格，以郵寄方式、當面作答或者追蹤訪問方式填答，從而了解被試對某一現象或問題的看法和意見，所以又稱問題表格法。在各種調查研究當中，所得結果是否達到調查的目的和要求，以及所搜集到的資料的可靠程度和完善程度都取決于調查問卷設計水平的高低，在可用性研究中，問卷調查可以用來了解用戶的滿意度和遇到的問題，也可以根據客戶服務的反饋，實際使用的記錄或實地測試的方法來了解用戶的實際使用情況。 問卷調查方式可以得到在特定的情況下對使用網絡的體驗，比如少兒上網是為了娛樂，結交朋友還是還是其他，可以得到在這個使用范圍內的精細的用戶需求。本次調查的用戶對象是深圳地區少年兒童。由于深圳是個移民城市，來深建設者來自全國各地，人口多樣化，少年兒童也都是來自全國各地，從而使得調查的數據人口廣泛而具有代表性。在問卷調查的這個環節里，我們的主要目的是發現少兒網站用戶瀏覽網站的目的，瀏覽網站過程中的喜好，期望得到什么，這些期望是如何滿足的，或者為什么沒有滿足。在知己知彼網發表調查問卷，再通過學而思教育機構將將網站公布給深圳五區各小學，每個區都有學生作答問卷，網站對調查問卷的結果進行統計分析，由于篇幅有限只列舉部分問卷結果，問卷調查大多為多項選擇題。從圖1可以看出，少年兒童瀏覽網站時的目的有70%以上是娛樂。
圖1 學生瀏覽網站的目的 圖2 網站吸引用戶因素調查
從圖中可以看出人們在瀏覽一個網站的時候，喜歡一個網站的原因74%的人表示是因為娛樂；瀏覽網站的目的學習與娛樂的需要各占一半；有50%的人是被這個網站的內容所吸引；大多數的用戶喜歡清新，可愛，卡通的界面風格；44%的人認為目前的網站學習資源比較少，同時35%的人認為網站不容易操作，只有65%的人表示在三次以內就能熟練操作一個陌生的網站；59％的人表示容易找到需要的內容；大多數少年兒童希望能夠將資料年級分類以便查找； 59%的人表示希望能夠在線互動；大多數人喜歡網站提供展示自己才藝的平臺；從目前網站存在四個比較嚴重的問題，這個問題分別是網頁彈出廣告，出現錯誤的信息，網頁打開慢，網頁內容更新慢，這四個方面比較嚴重的問題也是我們今后網站設計改進的方向。
2.1.2 文案法
文案調查以收集少兒上網的文獻性信息為主，具體表現為各種文獻資料，可以通過網絡搜索,少兒報紙雜志和報紙來收集相關信息,尤其是通過網絡,可以從更寬廣得角度來獲得更多地有關少兒上網的知識。它可以用來發現少兒上網的問題并為研究提供重要參考依據。這些收集來的數據無法直接使用,需要經過加工才能使用,整個過程對調查者的要求比較高。
2.1.3 啟發性測試
為了得到用戶深層次的體驗，我們以”新浪少兒網”，”希望谷”，為例對用戶進行啟發性測試,在整個過程中從各個方面進行測試,整個界面測試涉及17個問題.比如,發現其中的三個比較嚴重的問題是:打開網站時彈出廣告，這一點是用戶非常反感的。還有一個問題就是網站不容易操作,而有的用戶發現網站不容易操作之后就幾乎放棄再次進入該網站.還有一個問題是,當孩子遇到不會的問題時,沒有老師在線答疑，甚至沒有留言等功能,也就是說這樣的網站缺少互動功能。
3 少兒網站感性意向分析
3.1 設計原則與方法
可用性的設計觀念采用的是逆向式推理感性工學的方法，它將設計的重點放在用戶對真實產品的體驗上，通過對“體驗”的觀察和總結對產品進行不斷的修改和糾正，最終達到“可用性”的目的。
感性網頁界面設計必須把重點放在以用戶為中心，從用戶的需要和用戶的感受出發，設計符合用戶需求的網頁界面,而不是讓用戶來適應界面，從而使界面友好使用。以用戶為中心的設計(UCD)是一種關于產品/系統設計過程的方法論，這個方法論以使用產品系統的人的信息為基礎。無論產品的使用流程、產品的信息架構、人機交互方式等，都需要考慮用戶的使用習慣、預期的交互方式、視覺感受等方面。UCD過程通過產品的計劃、設計和開發聚焦在用戶身上，整個過程包含了以人為中心的活動，它貫穿于產品開發的整個生命周期。
一個好的以用戶為中心的設計方法包括以下三個維度：效率，效能，用戶在特定環境下使用產品的滿意度，滿意度包括產品的易用性，吸引用戶的程度，用戶使用完產品后心理層面的感受。在感性設計的過程中,捕捉用戶的感性需求是感性網頁界設計的最為重要的一步。以少兒網站為例,通過以用戶為中心的感性工學方法提取出少兒網站設計的感性意向。具體從以下三個方面著手：
1) 調查網站和瀏覽者背景信息。
2) 選擇具有代表性的網站進行研究，從而得到用戶體驗。
3) 分析統計實驗得來的數據，并將其轉化成可設計因素。
3.2 少兒網站感性意向分析
每一種類型的少兒網站都有自己的優勢，綜合考慮影響訪問量的因素有以下幾點:網站用戶群體的定位、網站頁面的可用性、網站頁面的易用性、網站頁面的交互性。除此之外，還有一些小細節的設計也能影響用戶的感受，比如網站的注冊流程繁瑣且填寫過的內容不能被存儲記憶，這就會讓用戶感到異常的煩躁不安。基于上述的調查,得出少兒網站形象設計應該簡單，可愛，易用,這才符合少年兒童的心理發展，符合使用需求。
階層分析法
感性工學的階層類別分析法是根據新產品的感性層面來進行分析和分類，以建立產品的感性結構來獲取設計細節，因此主要運用在新產品的開發過程中，將運用階層類別分析法研究出的某種產品屬性決策歸納采入到新產品設計中去。在階層類別分析法操作過程中，首先要對目標產品做一個感性市場的調查。調查主要收集來自于各種渠道的信息，如用戶訪談、市場調研、報刊網絡資料收集等。在此之后，著重的是研究小組成員間的想法表達與充分討論，通過討論凝聚成一個產品概念作為0階感性概念。考慮到0階感性概念的抽象性及難懂性，將其轉譯成稍微具體的1階感性概念就很有必要了。研究人員采用層次遞推的方法，將用戶對產品的感性認識范疇向下拆解形成1階感性概念。接著再由1階感性概念逐次逐步層次分解推論子概念，每一個衍生子概念再分別向下拆解展開成樹狀結構。假如設計團隊無法從某一階層得到具體的設計細節部分，則將繼續往下拆解，直到能夠得到出現物理量的細節設計的詳細說明的階層（作為“N階”）為止，最終獲得符合感性訴求的產品設計物理特性，作為產品開發的基礎。這個“感性――物理特性”的樹狀圖關系，就是貫穿階層類別分析法的一條主要脈絡。
捕捉用戶的感性體驗是是一個網站成功的關鍵地方，從調查設計中的幾個常用的網站看都缺乏這方面的設計。將少兒網站的調查研究結果利用階層分析法,我們將少兒網站的設計定位于以用戶為中心，通過娛樂性，易用性，美觀性，交互性四個一次感受來體現以用戶為中心的0次感受。比如，一次感受中的娛樂性，又是通過趣味性和可玩性的二次感受來體現的。因為少年兒童的心理具有特殊性，所以內容不能嚴肅和呆板，要讓網站達到寓教于樂的目的，內容要充滿童趣，少年兒童對外在的世界還充滿無比的好奇，所以開發交友功能來滿足他們的好奇心。再將1次感性繼續細分,經過N次感性化后最終得出物理上的設計細節。這樣我們就將過去難以量化、只能定性的、非理性無邏輯可言的感性反應，轉化為設計要素。少兒網站感性樹狀圖如圖3所示。
4 結論
通過對以上幾個網站的感性設計現狀調查 ，再將調查的結果運用感性工學方法得出感性意向樹狀圖，得出一下幾點結論：1）增強少兒網站的娛樂性，少兒上網的目的性不是很強，網站的內容要達到寓教于樂的效果；2）增強少兒網站內容易用性，少兒處于接觸網絡的初始階段，操作的簡易性符合少兒用戶心理；3）界面應該卡通化充滿童趣，這樣才能符合兒童的審美；4）增強網站的交互性可以從數據庫方面來考慮，再就是網站的的功能，提供在線問答，問題反饋功能能增強網站的可性度，也是吸引和留住用戶的一個重要方面。樹狀圖的具體物理設計細節就是將瀏覽用戶的感性體驗轉化成了具體的設計細節，這樣的設計符合用戶需求，達到了少兒網站感性化設計的目的。
參考文獻：
[1] 方惠敏,楊國勝,丁文珂.基于人性化網站界面設計的用戶建模[J].計算機技術與發展,2008(2):187-190.
[2] 鐘廈,宋曉晨,孫亞云.感性工學中量化的基本程序介紹[C]//2005年國際工業設計研討會暨第十屆全國工業設計學術年會論文集.北京:機械工業出版社,2005:728-731.
[3] 梅云.感性設計:人機界面設計新思維[J].科技資訊,2008(9):217.
[4] 徐曉莉.基于感性工學的網絡形象設計理念研究[D].濟南:山東大學,2008.
[5] 吳潔.設計藝術學[D].上海:上海交通大學,2007.
[6] 劉增.以用戶為中心的網絡界面設計研究[D].南京:南京航空航天大學,2007.
[7] 李立新.感性工學-門新學科的誕生[J].藝術生活,2006(3):71-73.
[8] 羅仕鑒,潘云鶴.產品設計中的感性意向理論,技術與研究進展[J].機械工程學報,2007(3):8-13.
[9] 喻中華.基于用戶體驗的購物網站設計中可信賴感研究[D].上海:上海交通大學,2008.
網頁界面設計論文范文第2篇
【論文摘要在互聯網飛速發展的今天，網絡已成為人們生活中不可缺少的一部分,無論是在商業、工業還是政府部門中都早已普及開來，如今就連教育事業也都承載著網絡這四通八達的命脈迅速的發展起來。網站建設越來越接近于一門藝術而不僅僅是一項技術。網頁界面藝術設計，日益被網站建設者所注重。結合自身的經驗，闡述了如何制作一個完整的豐富多彩的頁面，主要從色彩、框架，布局、優化這幾個大方面對頁面設計進行描述,對網頁界面藝術設計的文字、圖形、色彩、多媒體四個要素做了具有特色的分析和歸納，最后對其藝術設計風格進行了深入的分類和闡述，這一部分的重點是對網頁界面藝術設計風格的探究。網頁作為新興媒體,有著比報刊、雜志、廣播、電視等傳統媒體更多的構成要素,如文字、圖形、聲音、圖像和動畫等。最后得出頁面設計需要時間和耐心去鉆研，才能做出好的網頁界面藝術設計這一觀點。
網頁界面藝術設計是伴隨著計算機互聯網絡的產生而形成的藝術設計新課題，是網頁設計者以所處時代所能獲取的技術和藝術經驗為基礎，依照設計目的和要求自覺地對網頁的構成元素進行藝術規劃的創造性思維活動，必然要成為設計藝術的重要組成部分，并隨著網絡技術的發展而發展。表面上看，它表面上看，它不過是有關網頁版式編排的技巧和方法，而實際上，它不僅是一種技能，更是藝術和技術的高度統一。?網頁設計包括風格定位、版面編排、色彩處理、瀏覽方式、鏈接功能等諸多方面,其中色彩處理有著舉足輕重的功能。色彩既是網頁作品的表述語言,又是視覺傳達的手。所以首先要了解一個新問題那就是摘要：
1制作網頁包括具體都包括哪幾部分呢?
1.1圖形、圖像處理制作網頁界面藝術設計，提到界面還有藝術，那在網頁上插入一些精美、適當的圖片是必要的，否則，不會有人去瀏覽你的頁面，因此，在設計網頁之前，就應搜集或制作一些好看、適用的圖片。提到圖形、圖像處理，大家都會想到的軟件是Photoshop這個軟件，對，這個軟件是進行圖形、圖像處理的軟件，但是，它不是專門的處理網絡圖像的軟件，Photoshop這個軟件會用到去進行一些平面的圖形圖像，我們網絡的圖形、圖像處理用的是Fireworks軟件，它可以制作出傳輸較快的gif格式的圖片，占的空間也比較小，一般大小也就是KB，而Photoshop制作出來的是jpg格式的位圖，并且是有損壓縮，象素大了圖像就清楚，但這樣的話上傳到網上會影響瀏覽速度，象素小了就會出現模糊或者馬賽克小方格，所以我們采用的是Fireworks軟件進行處理圖形、圖像。
1.2動畫制作網頁界面藝術設計，肯定也少不了動畫的加入，并且還要有藝術氣息在里面，這就要求我們的設計者要有藝術修養和對顏色的綜合把握了，在沒有FLASH軟件之前，用的是Golive這個軟件，再后來就用傳統的做法，在html中嵌入Java程序編寫的動畫，但這要求設計者要對Java語言熟悉。隨著軟件的發展，如今有了許多制作動畫的軟件，二維的、三維的等等，如現在我們用的FLASH軟件，用它制作的動畫，小巧迷人，只需作為一個.swf格式文件導出，再導入到網頁編輯器里就可以了。
1.3文本的編寫一般是采用在網頁中用html語言中的標簽編寫,也可以用網頁編輯工具的“所見即所得”功能直接寫入文字，如摘要：Dreamweaver軟件或者Frontpage軟件等都可以進行文本的編寫。還有一點要注重的就是，顯示文本的時候，設計者的機器上裝了很多漂亮的字體，設計的時候采用了，但是等上傳到網上以后，別人在瀏覽的時候，假如別人機器上沒有安裝字體，那就顯示不出來我們采用的漂亮樣式字體，因此，在考慮網頁界面藝術設計的基礎上，我們是把文字提前在Photoshop或Fireworks可以將字體先選擇自己喜歡的樣式，然后轉換柵格化圖片再用切片切成小塊，分別進行優化。輸出的格式可以為gif或jpeg，再導入到Dreamweaver進行具體編輯，做鏈接可以用圖片特有的屬性進行熱區鏈接，這樣就完成我們想要的字體樣式效果了，就不會出現字體樣式顯示不出來的情況啦。
1.4框架的應用框架是網頁的常用形式，它可以使網頁更為清楚，可以把不同的頁面超鏈接到同一框架中，使的頁面更加緊湊。一般框架用在小說瀏覽頁面，或者介紹圖書章節的部分，或者教學網頁用到的的框架比較多。
1.5表格的應用表格是網頁中用處最廣泛的，可以布局，定位等等，它是網頁中最活躍的元素。它的應用可以使用網頁更加靈活。表格(br)是頁面中的重要元素,是頁面排版的主要手段。我們可以設定表格的寬度、高度、邊框、背景色、對齊方式等參數。很多時候，我們將表格的邊框設為0，以此來定位頁面中的元素，或者籍此確定頁面中各元素的相對位置。我們知道摘要：瀏覽器在讀取網頁html源代碼時，是讀完整個br才將它顯示出來的。假如一個大表格中含有多個子表格，必須等大表格讀完，才能將子表格一起顯示出來。我們在訪問一些站點時，等待多時無結果，按“停止”按鈕卻一下顯示出頁面就是這個原因。因此，我們在設計頁面表格的時候，應該盡量避免將所有元素嵌套在一個表格里，而且表格嵌套層次盡量要少。在使用Dreamweaver制作網頁時，會自動在每一個td內添加一個空字符。假如單元格內沒有填充其它元素，這個空字符會保留，在指定td的寬度或高度后，可以在源代碼內將其刪去。
2色彩的運用
網頁界面藝術設計離不開色彩的應用，當打開一個網站的時候，給用戶留下第一印象的既不是網站豐富的內容，也不是網站合理的布局，而是網站的色彩，尤其是在體現界面的時候，色彩對人的視覺效果非常明顯，一個網站設計的成功和否，在某種程度上取決于設計者對網頁界面設計顏色的運用和搭配。
網頁界面設計是一種審美活動，成功的設計作品一般都很藝術化。但藝術只是設計的手段，而并非設計的任務。設計的任務是要實現設計者的意圖，而并非創造美。網頁界面頁面設計的任務，是指設計者要表現的主題和要實現的功能。站點的性質不同，設計的任務也不同。從形式上，可以將站點分為以下三類摘要：第一類是資訊類站點，像新浪、網易、搜狐等門戶網站。這類站點將為訪問者提供大量的信息，而且訪問量較大。因此需注重網頁界面設計頁面的分割、結構的合理、頁面的優化、界面的親和等新問題。第二類是資訊和形象相結合的網站，像一些較大的公司、國內的高校等。這類網站在設計上要求較高，既要保證資訊類網站的上述要求，同時又要突出企業、單位的形象。第三類則是形象類網站，比如一些中小型的公司或單位。這類網站一般較小，有的則有幾頁，需要實現的功能也較為簡單，頁面設計的主要任務是突出企業形象。這類網站對設計者的美工水平要求較高。
3網頁界面的優化
在頁面設計中，網頁界面的優化是較為重要的一個環節。它的成功和否會影響頁面的瀏覽速度和頁面的適應性，影響觀者對網站的印象。
在資訊類網站中，文字是頁面中最大的構成元素，因此字體的優化顯得尤為重要。使用css樣式表指定文字的樣式是必要的，通常我們將字體指定為宋體，大小指定為12px，顏色要視背景色而定，原則上以能看清且和整個頁面搭配和諧為準。在白色的背景上，我們一般使用黑色，這樣不易產生視覺疲憊，能保證瀏覽者較長時間地瀏覽網頁。一般我們網頁默認的字體是宋體。為了體現站點的“和眾不同”和特有風格，我門可以根據需要選擇一些非凡字體。例如，為了體現專業可以使用粗仿宋體，體現設計精美可以用廣告體，體現親切隨意可以用手寫體等等。當然這些都是個人看法，你可以根據實際情況，選擇更貼切的字體。目前常見的中文字體有二三十種，常見的英文字體有近百種，網絡上還有許多專用藝術字體下載，要尋找一款滿足的字體并不算困難。需要說明的是摘要：使用非默認字體只能用圖片的形式，因為很可能瀏覽者的PC里沒有安裝你的非凡字體，那么你的辛勞設計制作便將付之東流。
網頁的適應性是很重要的，在不同的系統上，不同的分辨率下，不同的瀏覽器上，我們將會看到不同的結果，因此設計時要統籌考慮。一般我們在800×600下制作網頁，最佳瀏覽效果也是在800×600分辨率下，在其它情況下只要保證基本一致，不出現較大新問題即可。現在我們設計網頁，一般要考慮800×600和1024×768兩種分辨率，因此我們的表格一般為居中的770左右的表格，表格的寬度最寬不要超過778。事實上，"做網頁"不是單純意義上的"制作網頁"，假如想讓自己制作的網頁美觀大方，就必須要考慮"設計網頁"的過程，一個好的作品，不通過仔細的"設計"就成形是絕對不可能的。
我國的網頁界面頁面設計水平總體上不及韓國，創新的頁面極少，基本都是一種風格，這也是因以前我國的寬帶水平跟不上有原因，一個漂亮的頁面，必然體積會比較龐大，網絡比較慢的話打開的速度也就可想而之，打開速度慢正是網頁的一個最大殺手，所以我國以前的頁面基本都是以框架式居多。隨著我國寬帶的普及，我們也迅速括起了一陣韓風，很多大膽創新的頁面出現，這是一個好現象，但是一味的模擬韓國也不行，我們也要有自己的特色，不能一味的拿來主義。
網頁界面設計論文范文第3篇
【關鍵詞】Unity3D；HTML；腳本；交互；虛擬裝配
1、引言
Unity3D不只是單純的游戲引擎，而是已經涉及到多種不同領域的一個跨平臺的三維游戲與虛擬現實開發工具，該工具支持多腳本語言以及強大的物理引擎等特點。論文通過研究Unity3D與HTML交互機制，實現場景中對象的動態交互行為，也就是控制各裝配體的裝配順序并實現碰撞檢測、零件實時編輯等功能，從而使得整個裝配過程具有邏輯合理性和可控制性。
2、Unity3D與HTML交互機理
2.1 Unity3D瀏覽器調用HTML網頁中的函數
Unity3D瀏覽器通過執行Application.ExternalCall（）來調用任何在HTML網頁里定義JavaScript函數，比如下面一句調用了HTML網頁里SayHello（）函數，并傳遞了一句話作為參數。
Application.ExternalCall（ "SayHello"， "The game says hello！" ）；
2.2 HTML網頁調用Unity3D瀏覽器中的腳本函數
Unity3D 瀏覽器的插件或ActiveX控件都有一個SendMessage（）的函數，HTML網頁通過這個函數與Unity3D進行通信，通過該函數可以傳遞對象名、函數名以及簡單參數，然后SendMessage（）就會調用Unity3D中GameObject上綁定的函數。在調用SendMessage（）函數之前，必須先得到Unity Web Player的引用。這里可以使用JavaScript 對象Document的getElementById（）函數來獲得該引用。
3、減速器虛擬裝配的實現
3.1交互界面設計
交互式虛擬裝配的重點不僅在于產品虛擬裝配的過程，還在于它可以與用戶進行實時交互。系統界面分為兩部分：網頁中為利用HTML提供的控件加入按鈕、列表框、滾動條、文本區、標簽等；Unity3D瀏覽器中為利用Unity提供的GUI接口加入按鈕、窗口、標簽等控件分別實現了減速器裝配體的自動裝配、手動裝配、原理演示、零件查看、零部件實時編輯等功能，充分實現用戶參與下的人機實時交互。
3.2碰撞檢測及裝配順序規劃
虛擬裝配是一個實時交互系統，如用戶可以在虛擬場景中用鼠標選取裝配體的零件進行拆裝。Unity3D引擎本身提供了基本形體的碰撞器，通過PhysX物理引擎自動檢測碰撞。根據Unity3D碰撞器提供的OnCollisionEnter方法，獲得相關碰撞信息，然后由它繼續調用其他處理過程（相對位置檢測、碰撞檢測等），實現手動裝配過程。
虛擬裝配過程中零件拆裝順序的檢測也是一個關鍵問題，用戶選擇零件正確與否直接決定該零件是否進行拆裝。系統為每一個零件定義一個唯一識別拆裝順序的順序號，當用戶選擇某一零件后，調用相應的拆裝順序檢測模塊進行比較當前選擇零件的順序號與系統預定的順序號是否一致決定拆裝是否進行或者根據零件間的位置約束關系判斷某零件當前是否可以移動來決定拆裝是否進行。
3.3 裝配體零件的任意移動及實時編輯
在虛擬裝配中，用戶對場景中零件的選取及操作（位移、顏色等的實時修改）是交互性最充分的體現。當用戶在虛擬場景中用鼠標點擊或指向某一零件時，系統應該做出響應，如被指向或點擊的零件應實時改變顏色或彈出對話框提示用戶等。Unity3D的GUI接口提供了各種控件可以非常方便的編輯一些按鈕、窗口等用戶界面，通過重寫鼠標事件可以檢測用戶的各中輸入信息并作出正確的響應。通過變換組件可以完成產品的平移和任意角度旋轉操作以及裝配體零件某一方向比例變換。
4、結論
本文對基于Unity3D的虛擬裝配相關技術進行了研究，并實現了在用戶參與的人機界面下的虛擬裝配實例。對在虛擬裝配過程中零件的碰撞檢測、裝配順序規劃、零件選取及實時編輯等功能的實現提出了有效的方法，具有一定的參考價值。
【參考文獻】
[1]郭海新.Unity3D與HTML交互機理的研究[J].煤炭技術，2011（09）.
網頁界面設計論文范文第4篇
關鍵詞：電商交互界面；應用與實現；汽車電商平臺
DOI：10.16640/ki.37-1222/t.2016.03.178
1 汽車電商平臺綜述
在這個信息日益全球化的今天智能終端影響著人們生活的方方面面，然而，相當多的智能終端產品因其復雜的操作方法讓人們望而卻步。而傳統工業設計方法著重強調形式和功能的辯證關系，在強調產品可用性和用戶體驗的今天很難解決智能終端產品“難用”的問題。這就突出了“以用戶為中心”交互設計在工業設計中的重要性。
本論文對汽車電商平臺的分析主要從視覺設計和交互設計兩個方面進行。現在獨自創建的汽車電商平臺有：汽車之家、易車網、等等。我們通過分析網頁設計、框架設計、內容排版、圖片運用等等，來總結個個平臺的優劣勢，從而為我們提供一定的依據和參考。
首先拿汽車之家舉例：網頁欄目留白的間距不夠多，每個欄目之間區分的不明顯。整體框架三列板塊式布局，視覺給人扎實穩重，重點地方的色彩突出的比較明顯，給人一目了然。但是在搜索車型的用戶體驗沒有易車網好，對于人們關心的價格搜索并沒有設置。
在網站內部的搜索欄給用戶體驗的感覺也沒有易車網那樣簡潔明了。在品牌和車型海選的時候沒有產品縮略圖，僅僅是文字的敘述，略顯單調。
然后我們從另一個角度分析一下易車網，我們從視覺設計的角度來看，比如圖標設計：
這兩組網站的圖標，都存在一定的問題，首先第一組圖標風格不統一，第一個汽車報價大全圖標做了投影浮雕效果，而后面的確實扁平化的風格。然后圖標設計沒有簡潔實用，圖標差異性也沒有表達出來。
第二組圖標的設計以扁平化為主，色彩樣式統一，圖標表達的含義也較為簡單清晰，但是可以明顯的發現缺乏設計元素和想法，僅僅只是簡單的幾何圖形配上一個文字或者符號。在互聯網高速發展的今天，為了追求一個工作效率和時間成本，這樣的設計從另一個角度上來說是可行，但是這樣的圖標后期是一定要去優化和修改的。我們可以從它的樣式、風格、藝術性、識別性、獨創性上進行改善。從而在提升視覺效果的同時也可以節省用戶的時間，提升點擊效率。
2 汽車網站用戶需求和構架
汽車電商的平臺的興起，就一定要分析和研究用戶需求，從而帶來好的用戶體驗。
分析用戶需求我們主要從用戶特點來分析。目標用戶主要是指進行網上購物的人群，年齡階層偏向上班組的中年段，在用戶的使用中也要考慮不會用按鈕點擊，復雜操作的中老年人。
網站構架，以功能需求為主，大的構架包括新車買賣、二手車買賣、汽車配件三大板塊。
3 用戶體驗與界面設計
好的界面設計可以大幅度提升用戶體驗，我們的設計要充分符合中國人的使用習慣并結合人們的審美需求。
以下是通過實際的案例來分析和研究，好的交互設計是如何實現和運用的。這個首頁的界面設計，視覺沖擊力非常強，簡潔明了，顏色的運用的也非常的好。先從色彩上來說，以白色為主，在需要強調的地方運用了紅色和深灰色，不僅色彩的對比強烈，也充分符合企業VI手冊的色彩識別標準。再如購物車橙色的按鈕，符合人們的心理需求，橙色讓用戶更有點擊的欲望。
接著我們分析一下恒信首頁的圖標設計。最顯而易見的是六個欄目的大圖標，寫實風格，有一定的趣味性，圖標的色彩雖然五顏六色，但并不雜亂，主要原因是因為色彩多，但色彩的使用面積并不大，整個頁面的主色調依然是白色和灰色為主，圖標的色彩很好的作為輔助顏色，點綴其中。然后六個圖標的風格統一，識別性強，給人們的體驗是看圖即知道含義。接著登陸框的兩個小圖標也與之前的圖標做了很好的對比，層次清晰。底部六個常駐圖標，在色彩上略顯過深，從形式上來說具有一定的藝術性，下面的文字也很好的和圖標形成了一個層次對比，黑白灰的運用不會給你帶來審美疲勞。
網站的整體設計風格，我們可以看出，設計以簡潔為主，這樣設計的原因，主要還是基于前期的需求分析和產品經理給的產品原型來定的。不難發現這樣的設計很好的明確了目標，沒有多余的地方，一方面給用戶節省了時間，另一方面也可以減少服務器負擔，節省企業成本，優化網站運行速度。
所以在界面設計中如何做到盡量的簡潔和好的用戶體驗顯的格外的重要。圖標在當今的web端和移動端都大量的運用到，它的特點視覺沖擊力比文字強，帶給人們新鮮感，吸引人們點擊和使用。當然用戶體驗的提升不僅僅局限于圖標的視覺設計。
在這兩個頁面中，登錄框的大小、擺放的位置、文字的大小、色彩、頁面布局、點擊樣式、鼠標放上去的樣式、頁面跳轉的合理性都是影響用戶提的方面。
中國人的使用習慣是視覺中心偏向右邊，登錄框放在banner的右邊位置醒目，誘使人們進行注冊登錄，積累平臺潛在客戶。文字的大小以12號為主，顏色使用并不用純黑色，而是深灰色，這樣做的原因是視覺對比有，人們感官上會顯的舒服。頁面布局穩重，有層次，也簡潔很多。點擊樣式鼠標放上去的效果，引導人們點擊，和幫助人們更好找到點擊的目標區域，頁面跳轉設置也摒除了繁瑣的幾步跳轉，直接鏈接到了目標頁面，給人們好的體驗。
汽車電商平臺圖標的差異化的研究，主要通過實例來分析。在這個頁面設計上圖標的差異化并沒有表現出來，沒有區分團購、特賣、促銷。這六個圖標設計中都運用了車的元素，相反的給了用戶一定的誤導，沒有差異化的圖標，設計出來是失敗的，扁平化的設計，在視覺沖擊力上來說也略顯單薄。
4 總結
用戶產品設計和圖形設計的傳統方法著重關注的是與工藝、美感和形式相關的美學品質。解決設計問題乃以情感價值為依據，對成果的評判或批評也往往是在藝術領域的范疇進行的。與之不同的是，交互設計將重心從視覺效果轉移到了人這方面上。
參考文獻：
[1]梅哲.圖形圖像界面中的圖標設計[D].武漢理工大學，2009.
[2]楊文.論標志設計的重點與難點[J].233000.
網頁界面設計論文范文第5篇
“釣魚網站”是指不法分子利用各種技術手段，仿冒真實網站的URL地址以及頁面內容。具體到期刊釣魚網站就是模仿、復制某一期刊自主網站內容，通過篡改編輯部聯系方式、投稿郵箱等關鍵信息，或是針對尚未建立自主網站的期刊，直接構建虛假的征稿平臺，以迷惑、誘騙作者投稿，騙取其審稿費或版面費等，較之論文中介網，釣魚網站隱蔽性強，甄別難度大，危害性強。
1．1投稿平臺研發機構
基于對203種核心期刊的網絡搜索調研，學術期刊投稿平臺開發多為專業的期刊采編系統開發商，主要包括瑪格泰克、中國知網、勤云科技、三才科技和其他平臺，其中瑪格泰克和知網合計占比達調查期刊的50％以上，各系統開發商或維護商名稱通常都會標注在期刊網站首頁下方的版權處或注冊投稿界面上。而沒有一家釣魚網站會在版權頁處顯示開發商或者技術支持的信息，他們往往只在該處標注主辦單位和地址信息。
1．2網頁內容
釣魚網站的界面設計很多足以亂真，但刊發內容和欄目編排往往經不起推敲，內容更替速度緩慢；過刊瀏覽部分多數是“死鏈”或者只有摘要，無法全文揭示；在線投稿方式通常不需要注冊，可以直接提交論文；投稿指南中的審稿周期往往只有幾天；虛假投稿郵箱基本都是163郵箱；編輯部信息通常缺失聯系電話。釣魚網站選擇的仿冒對象多數是沒有官方網址或者尚未開通投稿平臺的期刊。
1．3域名
少量期刊網站根據域名即可判斷，以edu和gov為域名后綴的可確信為真實網址，各大學學報如西安建筑科技大學學報、天津體育學院學報均為這種情況。
2有效應用互聯網找到期刊正確投稿方式的方法
2．1主辦單位官網
學術期刊的主辦單位很容易通過百度百科、知網、萬方等相對權威的網站中找到，即使是在釣魚網站中，主辦單位的名稱也普遍是正確的。而一般說來，核心期刊的主辦單位多為政府機關、高校、研究機構、學會等事業單位或知名度較高的企業，這些機構的官方網址比較容易確認，百度搜索結果中往往有“官網”認證，根據對203種核心刊的調研，近五成的主辦單位會在網站中嵌入學術期刊的鏈接或期刊編輯部簡介、投稿指南，可以獲取可信的投稿郵箱，部分編輯部的郵箱未注明是咨詢郵箱還是投稿郵箱，此時最好致電編輯部確認投稿方式。
2．2知網“原版目錄頁瀏覽”
多數核心期刊會選擇在其紙質期刊的目次頁尾部或封四刊登投稿方式、官方網址，在知網中通過期刊導航搜索刊名，查看期刊詳情，通過最近一期的“原版目錄頁瀏覽”選項，獲得準確的編輯部信息，包括編輯部地址、聯系電話、郵箱、網址等。該方法可行性高，但知曉率很低。
