網(wǎng)頁(yè)界面設(shè)計(jì)論文

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

網(wǎng)頁(yè)界面設(shè)計(jì)論文范文第1篇

關(guān)鍵詞：網(wǎng)頁(yè)人機(jī)界面設(shè)計(jì)；感性工學(xué) ；少兒網(wǎng)站

中圖分類(lèi)號(hào)：TP393文獻(xiàn)標(biāo)識(shí)碼：A文章編號(hào)：1009-3044(2011)04-0779-03

1 感性化網(wǎng)頁(yè)界面設(shè)計(jì)

1.1 界面設(shè)計(jì)的發(fā)展

界面設(shè)計(jì)的概念首先是在西方國(guó)家提出來(lái)的，而且存在了很長(zhǎng)的時(shí)間，發(fā)展到今天己經(jīng)有了一套自己成熟的理論和實(shí)踐經(jīng)驗(yàn),韓國(guó)和日本對(duì)于網(wǎng)頁(yè)界面設(shè)計(jì)的研究已經(jīng)走在這方面研究的前端。雖然感性的人機(jī)界面設(shè)計(jì)成為設(shè)計(jì)領(lǐng)域的焦點(diǎn)，其理論主要用在產(chǎn)品界面設(shè)計(jì)，在歷年研究生的論文中，大多是從網(wǎng)頁(yè)界面設(shè)計(jì)的色彩、存在的形態(tài)及學(xué)科相關(guān)性方面闡述、或者只是網(wǎng)站建模，很少將理論與設(shè)計(jì)實(shí)踐相結(jié)合來(lái)研究。人機(jī)界面設(shè)計(jì)的一個(gè)細(xì)小分支:網(wǎng)頁(yè)人機(jī)界面的感性化設(shè)計(jì)在國(guó)內(nèi)還處于起步階段。

1.2 感性工學(xué)

上個(gè)世紀(jì)80年代末在日本出現(xiàn)了感性工學(xué)的課題和研究。感性工學(xué)(KanseiEngineering)是界于設(shè)計(jì)學(xué)、工學(xué)及其他學(xué)科之間的一門(mén)綜合叉學(xué)科。“感性”是一種主觀的難以用文字來(lái)描述的心理體驗(yàn)，它是一種認(rèn)知的概念，受個(gè)人知識(shí)、經(jīng)驗(yàn)和個(gè)性的影響，是個(gè)性化的認(rèn)識(shí)。同時(shí)感性也是直覺(jué)與理智相互作用的結(jié)果，感性對(duì)美的、情趣的事物特別敏感。對(duì)于設(shè)計(jì)者而言就是把消費(fèi)者腦海中的構(gòu)建法則探尋出來(lái)，通過(guò)破譯消費(fèi)者的感受，再利用這些探尋出來(lái)的法則去進(jìn)行設(shè)計(jì)，這就是感性工學(xué)設(shè)計(jì)的首要任務(wù)。

1.3 感性工學(xué)與界面設(shè)計(jì)的關(guān)系

首先從指導(dǎo)思想上講，感性工學(xué)設(shè)計(jì)的出發(fā)點(diǎn)是考慮人的感受即以人為本。從人的角度度上考慮問(wèn)題高于一切，因?yàn)樵O(shè)計(jì)的目的就是為了讓產(chǎn)品更好的為人服務(wù)。只有以人的感受作為基礎(chǔ)和原始資料，以“以人為本”作為指導(dǎo)思想，從人的感受方面去尋找設(shè)計(jì)靈感，才能保證設(shè)計(jì)符合使用者的需求，這是設(shè)計(jì)的源頭也是設(shè)計(jì)的動(dòng)力。其次從設(shè)計(jì)周期方面講，基于感性工學(xué)的網(wǎng)頁(yè)界面設(shè)計(jì)方法論精簡(jiǎn)了傳統(tǒng)的設(shè)計(jì)理念的步驟，設(shè)計(jì)程序不再那么復(fù)雜。對(duì)設(shè)計(jì)過(guò)程的精簡(jiǎn)不僅提高了設(shè)計(jì)效率，簡(jiǎn)化了繁瑣的設(shè)計(jì)流程，而且從根本上解除了設(shè)計(jì)師在思想上的束縛，使設(shè)計(jì)更加靈活。最后，從設(shè)計(jì)結(jié)果上講，它避免了許多不必要的或者是重復(fù)的信息設(shè)置，無(wú)論是布局還是內(nèi)容，每一個(gè)小細(xì)節(jié)都來(lái)自用戶的真實(shí)感受，都經(jīng)過(guò)設(shè)計(jì)師的深思熟慮。由基于感性工學(xué)的網(wǎng)絡(luò)形象設(shè)計(jì)理念設(shè)計(jì)出來(lái)的“產(chǎn)品”應(yīng)該是符合用戶群體需求，符合市場(chǎng)需求的。網(wǎng)頁(yè)界面設(shè)計(jì)發(fā)展到現(xiàn)今的階段，功能合理，適用有效或是有某種外在的美感已經(jīng)不再能滿足網(wǎng)頁(yè)用戶的需求了，感性化網(wǎng)頁(yè)界面設(shè)計(jì)已經(jīng)成為設(shè)計(jì)的必然。在網(wǎng)頁(yè)界面的設(shè)計(jì)過(guò)程中，研究用戶是其最基礎(chǔ)的一個(gè)環(huán)節(jié)。為了提供自然和直觀的網(wǎng)頁(yè)界面，我們就需要表現(xiàn)出以用戶和交流為向?qū)У男碌脑O(shè)計(jì)方法。對(duì)于用戶來(lái)說(shuō)，用恰當(dāng)?shù)奈淖趾驼Z(yǔ)言來(lái)表達(dá)自己的“感性”并不是一件容易的事情，設(shè)計(jì)師就更難辨別出產(chǎn)品的哪些屬性可以喚起人們的何種感性，以及人們的感性是如何隨著產(chǎn)品屬性的改變而改變的，在更多情況下，人們的感性并不只由某一種產(chǎn)品屬性決定。感性工學(xué)，因其運(yùn)用科學(xué)先進(jìn)的現(xiàn)代工具和技術(shù)，可以幫助消費(fèi)者表達(dá)自己的感性，甚至是一些他們自己都沒(méi)有意識(shí)到的情感，設(shè)計(jì)師可以準(zhǔn)確便捷地獲取消費(fèi)者基于產(chǎn)品和概念的特性的主觀評(píng)價(jià)，取得消費(fèi)者對(duì)于產(chǎn)品的潛在感受和需求。感性工學(xué)除了是可以運(yùn)用的設(shè)計(jì)上的工具，更是可以輔助設(shè)計(jì)師弄清人們感性的利器，從而可以針對(duì)不同消費(fèi)者和消費(fèi)群體的感性需求，設(shè)計(jì)出不同的產(chǎn)品造型，在客戶滿意度與設(shè)計(jì)制造成本之間取得一個(gè)平衡點(diǎn)。

2 少兒網(wǎng)頁(yè)界面感性化設(shè)計(jì)現(xiàn)狀調(diào)查

本文以常用少兒網(wǎng)站新浪少兒網(wǎng)，希望谷，迪斯尼中國(guó)站為例，分析目前的少兒網(wǎng)站感性化設(shè)計(jì)發(fā)展現(xiàn)狀，為下文的研究提供數(shù)據(jù)依據(jù)。

2.1 數(shù)據(jù)來(lái)源及其分析

這項(xiàng)研究分別從用戶和網(wǎng)站角度進(jìn)行研究。通過(guò)對(duì)用戶的調(diào)查，可以得到用戶的體驗(yàn)，以及從用戶的角度得到對(duì)網(wǎng)站的評(píng)價(jià)，并且可以發(fā)現(xiàn)網(wǎng)站中存在的一些問(wèn)題。通過(guò)對(duì)少兒網(wǎng)站的調(diào)查，可以了解到網(wǎng)站中吸引用戶的重要因素，以及用戶對(duì)網(wǎng)站的評(píng)價(jià)，從而為網(wǎng)站的設(shè)計(jì)提供建議。

2.1.1 問(wèn)卷調(diào)查

問(wèn)卷調(diào)查是以書(shū)面提出問(wèn)題的方式搜集資料的一種研究方法。研究者將所要研究的問(wèn)題編制成問(wèn)題表格，以郵寄方式、當(dāng)面作答或者追蹤訪問(wèn)方式填答，從而了解被試對(duì)某一現(xiàn)象或問(wèn)題的看法和意見(jiàn)，所以又稱(chēng)問(wèn)題表格法。在各種調(diào)查研究當(dāng)中，所得結(jié)果是否達(dá)到調(diào)查的目的和要求，以及所搜集到的資料的可靠程度和完善程度都取決于調(diào)查問(wèn)卷設(shè)計(jì)水平的高低，在可用性研究中，問(wèn)卷調(diào)查可以用來(lái)了解用戶的滿意度和遇到的問(wèn)題，也可以根據(jù)客戶服務(wù)的反饋，實(shí)際使用的記錄或?qū)嵉販y(cè)試的方法來(lái)了解用戶的實(shí)際使用情況。 問(wèn)卷調(diào)查方式可以得到在特定的情況下對(duì)使用網(wǎng)絡(luò)的體驗(yàn)，比如少兒上網(wǎng)是為了娛樂(lè)，結(jié)交朋友還是還是其他，可以得到在這個(gè)使用范圍內(nèi)的精細(xì)的用戶需求。本次調(diào)查的用戶對(duì)象是深圳地區(qū)少年兒童。由于深圳是個(gè)移民城市，來(lái)深建設(shè)者來(lái)自全國(guó)各地，人口多樣化，少年兒童也都是來(lái)自全國(guó)各地，從而使得調(diào)查的數(shù)據(jù)人口廣泛而具有代表性。在問(wèn)卷調(diào)查的這個(gè)環(huán)節(jié)里，我們的主要目的是發(fā)現(xiàn)少兒網(wǎng)站用戶瀏覽網(wǎng)站的目的，瀏覽網(wǎng)站過(guò)程中的喜好，期望得到什么，這些期望是如何滿足的，或者為什么沒(méi)有滿足。在知己知彼網(wǎng)發(fā)表調(diào)查問(wèn)卷，再通過(guò)學(xué)而思教育機(jī)構(gòu)將將網(wǎng)站公布給深圳五區(qū)各小學(xué)，每個(gè)區(qū)都有學(xué)生作答問(wèn)卷，網(wǎng)站對(duì)調(diào)查問(wèn)卷的結(jié)果進(jìn)行統(tǒng)計(jì)分析，由于篇幅有限只列舉部分問(wèn)卷結(jié)果，問(wèn)卷調(diào)查大多為多項(xiàng)選擇題。從圖1可以看出，少年兒童瀏覽網(wǎng)站時(shí)的目的有70%以上是娛樂(lè)。

圖1 學(xué)生瀏覽網(wǎng)站的目的 圖2 網(wǎng)站吸引用戶因素調(diào)查

從圖中可以看出人們?cè)跒g覽一個(gè)網(wǎng)站的時(shí)候，喜歡一個(gè)網(wǎng)站的原因74%的人表示是因?yàn)閵蕵?lè)；瀏覽網(wǎng)站的目的學(xué)習(xí)與娛樂(lè)的需要各占一半；有50%的人是被這個(gè)網(wǎng)站的內(nèi)容所吸引；大多數(shù)的用戶喜歡清新，可愛(ài)，卡通的界面風(fēng)格；44%的人認(rèn)為目前的網(wǎng)站學(xué)習(xí)資源比較少，同時(shí)35%的人認(rèn)為網(wǎng)站不容易操作，只有65%的人表示在三次以內(nèi)就能熟練操作一個(gè)陌生的網(wǎng)站；59％的人表示容易找到需要的內(nèi)容；大多數(shù)少年兒童希望能夠?qū)①Y料年級(jí)分類(lèi)以便查找； 59%的人表示希望能夠在線互動(dòng)；大多數(shù)人喜歡網(wǎng)站提供展示自己才藝的平臺(tái)；從目前網(wǎng)站存在四個(gè)比較嚴(yán)重的問(wèn)題，這個(gè)問(wèn)題分別是網(wǎng)頁(yè)彈出廣告，出現(xiàn)錯(cuò)誤的信息，網(wǎng)頁(yè)打開(kāi)慢，網(wǎng)頁(yè)內(nèi)容更新慢，這四個(gè)方面比較嚴(yán)重的問(wèn)題也是我們今后網(wǎng)站設(shè)計(jì)改進(jìn)的方向。

2.1.2 文案法

文案調(diào)查以收集少兒上網(wǎng)的文獻(xiàn)性信息為主，具體表現(xiàn)為各種文獻(xiàn)資料，可以通過(guò)網(wǎng)絡(luò)搜索,少兒報(bào)紙雜志和報(bào)紙來(lái)收集相關(guān)信息,尤其是通過(guò)網(wǎng)絡(luò),可以從更寬廣得角度來(lái)獲得更多地有關(guān)少兒上網(wǎng)的知識(shí)。它可以用來(lái)發(fā)現(xiàn)少兒上網(wǎng)的問(wèn)題并為研究提供重要參考依據(jù)。這些收集來(lái)的數(shù)據(jù)無(wú)法直接使用,需要經(jīng)過(guò)加工才能使用,整個(gè)過(guò)程對(duì)調(diào)查者的要求比較高。

2.1.3 啟發(fā)性測(cè)試

為了得到用戶深層次的體驗(yàn)，我們以”新浪少兒網(wǎng)”，”希望谷”，為例對(duì)用戶進(jìn)行啟發(fā)性測(cè)試,在整個(gè)過(guò)程中從各個(gè)方面進(jìn)行測(cè)試,整個(gè)界面測(cè)試涉及17個(gè)問(wèn)題.比如,發(fā)現(xiàn)其中的三個(gè)比較嚴(yán)重的問(wèn)題是:打開(kāi)網(wǎng)站時(shí)彈出廣告，這一點(diǎn)是用戶非常反感的。還有一個(gè)問(wèn)題就是網(wǎng)站不容易操作,而有的用戶發(fā)現(xiàn)網(wǎng)站不容易操作之后就幾乎放棄再次進(jìn)入該網(wǎng)站.還有一個(gè)問(wèn)題是,當(dāng)孩子遇到不會(huì)的問(wèn)題時(shí),沒(méi)有老師在線答疑，甚至沒(méi)有留言等功能,也就是說(shuō)這樣的網(wǎng)站缺少互動(dòng)功能。

3 少兒網(wǎng)站感性意向分析

3.1 設(shè)計(jì)原則與方法

可用性的設(shè)計(jì)觀念采用的是逆向式推理感性工學(xué)的方法，它將設(shè)計(jì)的重點(diǎn)放在用戶對(duì)真實(shí)產(chǎn)品的體驗(yàn)上，通過(guò)對(duì)“體驗(yàn)”的觀察和總結(jié)對(duì)產(chǎn)品進(jìn)行不斷的修改和糾正，最終達(dá)到“可用性”的目的。

感性網(wǎng)頁(yè)界面設(shè)計(jì)必須把重點(diǎn)放在以用戶為中心，從用戶的需要和用戶的感受出發(fā)，設(shè)計(jì)符合用戶需求的網(wǎng)頁(yè)界面,而不是讓用戶來(lái)適應(yīng)界面，從而使界面友好使用。以用戶為中心的設(shè)計(jì)(UCD)是一種關(guān)于產(chǎn)品/系統(tǒng)設(shè)計(jì)過(guò)程的方法論，這個(gè)方法論以使用產(chǎn)品系統(tǒng)的人的信息為基礎(chǔ)。無(wú)論產(chǎn)品的使用流程、產(chǎn)品的信息架構(gòu)、人機(jī)交互方式等，都需要考慮用戶的使用習(xí)慣、預(yù)期的交互方式、視覺(jué)感受等方面。UCD過(guò)程通過(guò)產(chǎn)品的計(jì)劃、設(shè)計(jì)和開(kāi)發(fā)聚焦在用戶身上，整個(gè)過(guò)程包含了以人為中心的活動(dòng)，它貫穿于產(chǎn)品開(kāi)發(fā)的整個(gè)生命周期。

一個(gè)好的以用戶為中心的設(shè)計(jì)方法包括以下三個(gè)維度：效率，效能，用戶在特定環(huán)境下使用產(chǎn)品的滿意度，滿意度包括產(chǎn)品的易用性，吸引用戶的程度，用戶使用完產(chǎn)品后心理層面的感受。在感性設(shè)計(jì)的過(guò)程中,捕捉用戶的感性需求是感性網(wǎng)頁(yè)界設(shè)計(jì)的最為重要的一步。以少兒網(wǎng)站為例,通過(guò)以用戶為中心的感性工學(xué)方法提取出少兒網(wǎng)站設(shè)計(jì)的感性意向。具體從以下三個(gè)方面著手：

1) 調(diào)查網(wǎng)站和瀏覽者背景信息。

2) 選擇具有代表性的網(wǎng)站進(jìn)行研究，從而得到用戶體驗(yàn)。

3) 分析統(tǒng)計(jì)實(shí)驗(yàn)得來(lái)的數(shù)據(jù)，并將其轉(zhuǎn)化成可設(shè)計(jì)因素。

3.2 少兒網(wǎng)站感性意向分析

每一種類(lèi)型的少兒網(wǎng)站都有自己的優(yōu)勢(shì)，綜合考慮影響訪問(wèn)量的因素有以下幾點(diǎn):網(wǎng)站用戶群體的定位、網(wǎng)站頁(yè)面的可用性、網(wǎng)站頁(yè)面的易用性、網(wǎng)站頁(yè)面的交互性。除此之外，還有一些小細(xì)節(jié)的設(shè)計(jì)也能影響用戶的感受，比如網(wǎng)站的注冊(cè)流程繁瑣且填寫(xiě)過(guò)的內(nèi)容不能被存儲(chǔ)記憶，這就會(huì)讓用戶感到異常的煩躁不安。基于上述的調(diào)查,得出少兒網(wǎng)站形象設(shè)計(jì)應(yīng)該簡(jiǎn)單，可愛(ài)，易用,這才符合少年兒童的心理發(fā)展，符合使用需求。

階層分析法

感性工學(xué)的階層類(lèi)別分析法是根據(jù)新產(chǎn)品的感性層面來(lái)進(jìn)行分析和分類(lèi)，以建立產(chǎn)品的感性結(jié)構(gòu)來(lái)獲取設(shè)計(jì)細(xì)節(jié)，因此主要運(yùn)用在新產(chǎn)品的開(kāi)發(fā)過(guò)程中，將運(yùn)用階層類(lèi)別分析法研究出的某種產(chǎn)品屬性決策歸納采入到新產(chǎn)品設(shè)計(jì)中去。在階層類(lèi)別分析法操作過(guò)程中，首先要對(duì)目標(biāo)產(chǎn)品做一個(gè)感性市場(chǎng)的調(diào)查。調(diào)查主要收集來(lái)自于各種渠道的信息，如用戶訪談、市場(chǎng)調(diào)研、報(bào)刊網(wǎng)絡(luò)資料收集等。在此之后，著重的是研究小組成員間的想法表達(dá)與充分討論，通過(guò)討論凝聚成一個(gè)產(chǎn)品概念作為0階感性概念。考慮到0階感性概念的抽象性及難懂性，將其轉(zhuǎn)譯成稍微具體的1階感性概念就很有必要了。研究人員采用層次遞推的方法，將用戶對(duì)產(chǎn)品的感性認(rèn)識(shí)范疇向下拆解形成1階感性概念。接著再由1階感性概念逐次逐步層次分解推論子概念，每一個(gè)衍生子概念再分別向下拆解展開(kāi)成樹(shù)狀結(jié)構(gòu)。假如設(shè)計(jì)團(tuán)隊(duì)無(wú)法從某一階層得到具體的設(shè)計(jì)細(xì)節(jié)部分，則將繼續(xù)往下拆解，直到能夠得到出現(xiàn)物理量的細(xì)節(jié)設(shè)計(jì)的詳細(xì)說(shuō)明的階層（作為“N階”）為止，最終獲得符合感性訴求的產(chǎn)品設(shè)計(jì)物理特性，作為產(chǎn)品開(kāi)發(fā)的基礎(chǔ)。這個(gè)“感性――物理特性”的樹(shù)狀圖關(guān)系，就是貫穿階層類(lèi)別分析法的一條主要脈絡(luò)。

捕捉用戶的感性體驗(yàn)是是一個(gè)網(wǎng)站成功的關(guān)鍵地方，從調(diào)查設(shè)計(jì)中的幾個(gè)常用的網(wǎng)站看都缺乏這方面的設(shè)計(jì)。將少兒網(wǎng)站的調(diào)查研究結(jié)果利用階層分析法,我們將少兒網(wǎng)站的設(shè)計(jì)定位于以用戶為中心，通過(guò)娛樂(lè)性，易用性，美觀性，交互性四個(gè)一次感受來(lái)體現(xiàn)以用戶為中心的0次感受。比如，一次感受中的娛樂(lè)性，又是通過(guò)趣味性和可玩性的二次感受來(lái)體現(xiàn)的。因?yàn)樯倌陜和男睦砭哂刑厥庑裕詢?nèi)容不能?chē)?yán)肅和呆板，要讓網(wǎng)站達(dá)到寓教于樂(lè)的目的，內(nèi)容要充滿童趣，少年兒童對(duì)外在的世界還充滿無(wú)比的好奇，所以開(kāi)發(fā)交友功能來(lái)滿足他們的好奇心。再將1次感性繼續(xù)細(xì)分,經(jīng)過(guò)N次感性化后最終得出物理上的設(shè)計(jì)細(xì)節(jié)。這樣我們就將過(guò)去難以量化、只能定性的、非理性無(wú)邏輯可言的感性反應(yīng)，轉(zhuǎn)化為設(shè)計(jì)要素。少兒網(wǎng)站感性樹(shù)狀圖如圖3所示。

4 結(jié)論

通過(guò)對(duì)以上幾個(gè)網(wǎng)站的感性設(shè)計(jì)現(xiàn)狀調(diào)查 ，再將調(diào)查的結(jié)果運(yùn)用感性工學(xué)方法得出感性意向樹(shù)狀圖，得出一下幾點(diǎn)結(jié)論：1）增強(qiáng)少兒網(wǎng)站的娛樂(lè)性，少兒上網(wǎng)的目的性不是很強(qiáng)，網(wǎng)站的內(nèi)容要達(dá)到寓教于樂(lè)的效果；2）增強(qiáng)少兒網(wǎng)站內(nèi)容易用性，少兒處于接觸網(wǎng)絡(luò)的初始階段，操作的簡(jiǎn)易性符合少兒用戶心理；3）界面應(yīng)該卡通化充滿童趣，這樣才能符合兒童的審美；4）增強(qiáng)網(wǎng)站的交互性可以從數(shù)據(jù)庫(kù)方面來(lái)考慮，再就是網(wǎng)站的的功能，提供在線問(wèn)答，問(wèn)題反饋功能能增強(qiáng)網(wǎng)站的可性度，也是吸引和留住用戶的一個(gè)重要方面。樹(shù)狀圖的具體物理設(shè)計(jì)細(xì)節(jié)就是將瀏覽用戶的感性體驗(yàn)轉(zhuǎn)化成了具體的設(shè)計(jì)細(xì)節(jié)，這樣的設(shè)計(jì)符合用戶需求，達(dá)到了少兒網(wǎng)站感性化設(shè)計(jì)的目的。

參考文獻(xiàn)：

[1] 方惠敏,楊國(guó)勝,丁文珂.基于人性化網(wǎng)站界面設(shè)計(jì)的用戶建模[J].計(jì)算機(jī)技術(shù)與發(fā)展,2008(2):187-190.

[2] 鐘廈,宋曉晨,孫亞云.感性工學(xué)中量化的基本程序介紹[C]//2005年國(guó)際工業(yè)設(shè)計(jì)研討會(huì)暨第十屆全國(guó)工業(yè)設(shè)計(jì)學(xué)術(shù)年會(huì)論文集.北京:機(jī)械工業(yè)出版社,2005:728-731.

[3] 梅云.感性設(shè)計(jì):人機(jī)界面設(shè)計(jì)新思維[J].科技資訊,2008(9):217.

[4] 徐曉莉.基于感性工學(xué)的網(wǎng)絡(luò)形象設(shè)計(jì)理念研究[D].濟(jì)南:山東大學(xué),2008.

[5] 吳潔.設(shè)計(jì)藝術(shù)學(xué)[D].上海:上海交通大學(xué),2007.

[6] 劉增.以用戶為中心的網(wǎng)絡(luò)界面設(shè)計(jì)研究[D].南京:南京航空航天大學(xué),2007.

[7] 李立新.感性工學(xué)-門(mén)新學(xué)科的誕生[J].藝術(shù)生活,2006(3):71-73.

[8] 羅仕鑒,潘云鶴.產(chǎn)品設(shè)計(jì)中的感性意向理論,技術(shù)與研究進(jìn)展[J].機(jī)械工程學(xué)報(bào),2007(3):8-13.

[9] 喻中華.基于用戶體驗(yàn)的購(gòu)物網(wǎng)站設(shè)計(jì)中可信賴(lài)感研究[D].上海:上海交通大學(xué),2008.

網(wǎng)頁(yè)界面設(shè)計(jì)論文范文第2篇

【論文摘要在互聯(lián)網(wǎng)飛速發(fā)展的今天，網(wǎng)絡(luò)已成為人們生活中不可缺少的一部分,無(wú)論是在商業(yè)、工業(yè)還是政府部門(mén)中都早已普及開(kāi)來(lái)，如今就連教育事業(yè)也都承載著網(wǎng)絡(luò)這四通八達(dá)的命脈迅速的發(fā)展起來(lái)。網(wǎng)站建設(shè)越來(lái)越接近于一門(mén)藝術(shù)而不僅僅是一項(xiàng)技術(shù)。網(wǎng)頁(yè)界面藝術(shù)設(shè)計(jì)，日益被網(wǎng)站建設(shè)者所注重。結(jié)合自身的經(jīng)驗(yàn)，闡述了如何制作一個(gè)完整的豐富多彩的頁(yè)面，主要從色彩、框架，布局、優(yōu)化這幾個(gè)大方面對(duì)頁(yè)面設(shè)計(jì)進(jìn)行描述,對(duì)網(wǎng)頁(yè)界面藝術(shù)設(shè)計(jì)的文字、圖形、色彩、多媒體四個(gè)要素做了具有特色的分析和歸納，最后對(duì)其藝術(shù)設(shè)計(jì)風(fēng)格進(jìn)行了深入的分類(lèi)和闡述，這一部分的重點(diǎn)是對(duì)網(wǎng)頁(yè)界面藝術(shù)設(shè)計(jì)風(fēng)格的探究。網(wǎng)頁(yè)作為新興媒體,有著比報(bào)刊、雜志、廣播、電視等傳統(tǒng)媒體更多的構(gòu)成要素,如文字、圖形、聲音、圖像和動(dòng)畫(huà)等。最后得出頁(yè)面設(shè)計(jì)需要時(shí)間和耐心去鉆研，才能做出好的網(wǎng)頁(yè)界面藝術(shù)設(shè)計(jì)這一觀點(diǎn)。

網(wǎng)頁(yè)界面藝術(shù)設(shè)計(jì)是伴隨著計(jì)算機(jī)互聯(lián)網(wǎng)絡(luò)的產(chǎn)生而形成的藝術(shù)設(shè)計(jì)新課題，是網(wǎng)頁(yè)設(shè)計(jì)者以所處時(shí)代所能獲取的技術(shù)和藝術(shù)經(jīng)驗(yàn)為基礎(chǔ)，依照設(shè)計(jì)目的和要求自覺(jué)地對(duì)網(wǎng)頁(yè)的構(gòu)成元素進(jìn)行藝術(shù)規(guī)劃的創(chuàng)造性思維活動(dòng)，必然要成為設(shè)計(jì)藝術(shù)的重要組成部分，并隨著網(wǎng)絡(luò)技術(shù)的發(fā)展而發(fā)展。表面上看，它表面上看，它不過(guò)是有關(guān)網(wǎng)頁(yè)版式編排的技巧和方法，而實(shí)際上，它不僅是一種技能，更是藝術(shù)和技術(shù)的高度統(tǒng)一。?網(wǎng)頁(yè)設(shè)計(jì)包括風(fēng)格定位、版面編排、色彩處理、瀏覽方式、鏈接功能等諸多方面,其中色彩處理有著舉足輕重的功能。色彩既是網(wǎng)頁(yè)作品的表述語(yǔ)言,又是視覺(jué)傳達(dá)的手。所以首先要了解一個(gè)新問(wèn)題那就是摘要：

1制作網(wǎng)頁(yè)包括具體都包括哪幾部分呢?

1.1圖形、圖像處理制作網(wǎng)頁(yè)界面藝術(shù)設(shè)計(jì)，提到界面還有藝術(shù)，那在網(wǎng)頁(yè)上插入一些精美、適當(dāng)?shù)膱D片是必要的，否則，不會(huì)有人去瀏覽你的頁(yè)面，因此，在設(shè)計(jì)網(wǎng)頁(yè)之前，就應(yīng)搜集或制作一些好看、適用的圖片。提到圖形、圖像處理，大家都會(huì)想到的軟件是Photoshop這個(gè)軟件，對(duì)，這個(gè)軟件是進(jìn)行圖形、圖像處理的軟件，但是，它不是專(zhuān)門(mén)的處理網(wǎng)絡(luò)圖像的軟件，Photoshop這個(gè)軟件會(huì)用到去進(jìn)行一些平面的圖形圖像，我們網(wǎng)絡(luò)的圖形、圖像處理用的是Fireworks軟件，它可以制作出傳輸較快的gif格式的圖片，占的空間也比較小，一般大小也就是KB，而Photoshop制作出來(lái)的是jpg格式的位圖，并且是有損壓縮，象素大了圖像就清楚，但這樣的話上傳到網(wǎng)上會(huì)影響瀏覽速度，象素小了就會(huì)出現(xiàn)模糊或者馬賽克小方格，所以我們采用的是Fireworks軟件進(jìn)行處理圖形、圖像。

1.2動(dòng)畫(huà)制作網(wǎng)頁(yè)界面藝術(shù)設(shè)計(jì)，肯定也少不了動(dòng)畫(huà)的加入，并且還要有藝術(shù)氣息在里面，這就要求我們的設(shè)計(jì)者要有藝術(shù)修養(yǎng)和對(duì)顏色的綜合把握了，在沒(méi)有FLASH軟件之前，用的是Golive這個(gè)軟件，再后來(lái)就用傳統(tǒng)的做法，在html中嵌入Java程序編寫(xiě)的動(dòng)畫(huà)，但這要求設(shè)計(jì)者要對(duì)Java語(yǔ)言熟悉。隨著軟件的發(fā)展，如今有了許多制作動(dòng)畫(huà)的軟件，二維的、三維的等等，如現(xiàn)在我們用的FLASH軟件，用它制作的動(dòng)畫(huà)，小巧迷人，只需作為一個(gè).swf格式文件導(dǎo)出，再導(dǎo)入到網(wǎng)頁(yè)編輯器里就可以了。

1.3文本的編寫(xiě)一般是采用在網(wǎng)頁(yè)中用html語(yǔ)言中的標(biāo)簽編寫(xiě),也可以用網(wǎng)頁(yè)編輯工具的“所見(jiàn)即所得”功能直接寫(xiě)入文字，如摘要：Dreamweaver軟件或者Frontpage軟件等都可以進(jìn)行文本的編寫(xiě)。還有一點(diǎn)要注重的就是，顯示文本的時(shí)候，設(shè)計(jì)者的機(jī)器上裝了很多漂亮的字體，設(shè)計(jì)的時(shí)候采用了，但是等上傳到網(wǎng)上以后，別人在瀏覽的時(shí)候，假如別人機(jī)器上沒(méi)有安裝字體，那就顯示不出來(lái)我們采用的漂亮樣式字體，因此，在考慮網(wǎng)頁(yè)界面藝術(shù)設(shè)計(jì)的基礎(chǔ)上，我們是把文字提前在Photoshop或Fireworks可以將字體先選擇自己喜歡的樣式，然后轉(zhuǎn)換柵格化圖片再用切片切成小塊，分別進(jìn)行優(yōu)化。輸出的格式可以為gif或jpeg，再導(dǎo)入到Dreamweaver進(jìn)行具體編輯，做鏈接可以用圖片特有的屬性進(jìn)行熱區(qū)鏈接，這樣就完成我們想要的字體樣式效果了，就不會(huì)出現(xiàn)字體樣式顯示不出來(lái)的情況啦。

1.4框架的應(yīng)用框架是網(wǎng)頁(yè)的常用形式，它可以使網(wǎng)頁(yè)更為清楚，可以把不同的頁(yè)面超鏈接到同一框架中，使的頁(yè)面更加緊湊。一般框架用在小說(shuō)瀏覽頁(yè)面，或者介紹圖書(shū)章節(jié)的部分，或者教學(xué)網(wǎng)頁(yè)用到的的框架比較多。

1.5表格的應(yīng)用表格是網(wǎng)頁(yè)中用處最廣泛的，可以布局，定位等等，它是網(wǎng)頁(yè)中最活躍的元素。它的應(yīng)用可以使用網(wǎng)頁(yè)更加靈活。表格(br)是頁(yè)面中的重要元素,是頁(yè)面排版的主要手段。我們可以設(shè)定表格的寬度、高度、邊框、背景色、對(duì)齊方式等參數(shù)。很多時(shí)候，我們將表格的邊框設(shè)為0，以此來(lái)定位頁(yè)面中的元素，或者籍此確定頁(yè)面中各元素的相對(duì)位置。我們知道摘要：瀏覽器在讀取網(wǎng)頁(yè)html源代碼時(shí)，是讀完整個(gè)br才將它顯示出來(lái)的。假如一個(gè)大表格中含有多個(gè)子表格，必須等大表格讀完，才能將子表格一起顯示出來(lái)。我們?cè)谠L問(wèn)一些站點(diǎn)時(shí)，等待多時(shí)無(wú)結(jié)果，按“停止”按鈕卻一下顯示出頁(yè)面就是這個(gè)原因。因此，我們?cè)谠O(shè)計(jì)頁(yè)面表格的時(shí)候，應(yīng)該盡量避免將所有元素嵌套在一個(gè)表格里，而且表格嵌套層次盡量要少。在使用Dreamweaver制作網(wǎng)頁(yè)時(shí)，會(huì)自動(dòng)在每一個(gè)td內(nèi)添加一個(gè)空字符。假如單元格內(nèi)沒(méi)有填充其它元素，這個(gè)空字符會(huì)保留，在指定td的寬度或高度后，可以在源代碼內(nèi)將其刪去。

2色彩的運(yùn)用

網(wǎng)頁(yè)界面藝術(shù)設(shè)計(jì)離不開(kāi)色彩的應(yīng)用，當(dāng)打開(kāi)一個(gè)網(wǎng)站的時(shí)候，給用戶留下第一印象的既不是網(wǎng)站豐富的內(nèi)容，也不是網(wǎng)站合理的布局，而是網(wǎng)站的色彩，尤其是在體現(xiàn)界面的時(shí)候，色彩對(duì)人的視覺(jué)效果非常明顯，一個(gè)網(wǎng)站設(shè)計(jì)的成功和否，在某種程度上取決于設(shè)計(jì)者對(duì)網(wǎng)頁(yè)界面設(shè)計(jì)顏色的運(yùn)用和搭配。

網(wǎng)頁(yè)界面設(shè)計(jì)是一種審美活動(dòng)，成功的設(shè)計(jì)作品一般都很藝術(shù)化。但藝術(shù)只是設(shè)計(jì)的手段，而并非設(shè)計(jì)的任務(wù)。設(shè)計(jì)的任務(wù)是要實(shí)現(xiàn)設(shè)計(jì)者的意圖，而并非創(chuàng)造美。網(wǎng)頁(yè)界面頁(yè)面設(shè)計(jì)的任務(wù)，是指設(shè)計(jì)者要表現(xiàn)的主題和要實(shí)現(xiàn)的功能。站點(diǎn)的性質(zhì)不同，設(shè)計(jì)的任務(wù)也不同。從形式上，可以將站點(diǎn)分為以下三類(lèi)摘要：第一類(lèi)是資訊類(lèi)站點(diǎn)，像新浪、網(wǎng)易、搜狐等門(mén)戶網(wǎng)站。這類(lèi)站點(diǎn)將為訪問(wèn)者提供大量的信息，而且訪問(wèn)量較大。因此需注重網(wǎng)頁(yè)界面設(shè)計(jì)頁(yè)面的分割、結(jié)構(gòu)的合理、頁(yè)面的優(yōu)化、界面的親和等新問(wèn)題。第二類(lèi)是資訊和形象相結(jié)合的網(wǎng)站，像一些較大的公司、國(guó)內(nèi)的高校等。這類(lèi)網(wǎng)站在設(shè)計(jì)上要求較高，既要保證資訊類(lèi)網(wǎng)站的上述要求，同時(shí)又要突出企業(yè)、單位的形象。第三類(lèi)則是形象類(lèi)網(wǎng)站，比如一些中小型的公司或單位。這類(lèi)網(wǎng)站一般較小，有的則有幾頁(yè)，需要實(shí)現(xiàn)的功能也較為簡(jiǎn)單，頁(yè)面設(shè)計(jì)的主要任務(wù)是突出企業(yè)形象。這類(lèi)網(wǎng)站對(duì)設(shè)計(jì)者的美工水平要求較高。

3網(wǎng)頁(yè)界面的優(yōu)化

在頁(yè)面設(shè)計(jì)中，網(wǎng)頁(yè)界面的優(yōu)化是較為重要的一個(gè)環(huán)節(jié)。它的成功和否會(huì)影響頁(yè)面的瀏覽速度和頁(yè)面的適應(yīng)性，影響觀者對(duì)網(wǎng)站的印象。

在資訊類(lèi)網(wǎng)站中，文字是頁(yè)面中最大的構(gòu)成元素，因此字體的優(yōu)化顯得尤為重要。使用css樣式表指定文字的樣式是必要的，通常我們將字體指定為宋體，大小指定為12px，顏色要視背景色而定，原則上以能看清且和整個(gè)頁(yè)面搭配和諧為準(zhǔn)。在白色的背景上，我們一般使用黑色，這樣不易產(chǎn)生視覺(jué)疲憊，能保證瀏覽者較長(zhǎng)時(shí)間地瀏覽網(wǎng)頁(yè)。一般我們網(wǎng)頁(yè)默認(rèn)的字體是宋體。為了體現(xiàn)站點(diǎn)的“和眾不同”和特有風(fēng)格，我門(mén)可以根據(jù)需要選擇一些非凡字體。例如，為了體現(xiàn)專(zhuān)業(yè)可以使用粗仿宋體，體現(xiàn)設(shè)計(jì)精美可以用廣告體，體現(xiàn)親切隨意可以用手寫(xiě)體等等。當(dāng)然這些都是個(gè)人看法，你可以根據(jù)實(shí)際情況，選擇更貼切的字體。目前常見(jiàn)的中文字體有二三十種，常見(jiàn)的英文字體有近百種，網(wǎng)絡(luò)上還有許多專(zhuān)用藝術(shù)字體下載，要尋找一款滿足的字體并不算困難。需要說(shuō)明的是摘要：使用非默認(rèn)字體只能用圖片的形式，因?yàn)楹芸赡転g覽者的PC里沒(méi)有安裝你的非凡字體，那么你的辛勞設(shè)計(jì)制作便將付之東流。

網(wǎng)頁(yè)的適應(yīng)性是很重要的，在不同的系統(tǒng)上，不同的分辨率下，不同的瀏覽器上，我們將會(huì)看到不同的結(jié)果，因此設(shè)計(jì)時(shí)要統(tǒng)籌考慮。一般我們?cè)?00×600下制作網(wǎng)頁(yè)，最佳瀏覽效果也是在800×600分辨率下，在其它情況下只要保證基本一致，不出現(xiàn)較大新問(wèn)題即可。現(xiàn)在我們?cè)O(shè)計(jì)網(wǎng)頁(yè)，一般要考慮800×600和1024×768兩種分辨率，因此我們的表格一般為居中的770左右的表格，表格的寬度最寬不要超過(guò)778。事實(shí)上，"做網(wǎng)頁(yè)"不是單純意義上的"制作網(wǎng)頁(yè)"，假如想讓自己制作的網(wǎng)頁(yè)美觀大方，就必須要考慮"設(shè)計(jì)網(wǎng)頁(yè)"的過(guò)程，一個(gè)好的作品，不通過(guò)仔細(xì)的"設(shè)計(jì)"就成形是絕對(duì)不可能的。

我國(guó)的網(wǎng)頁(yè)界面頁(yè)面設(shè)計(jì)水平總體上不及韓國(guó)，創(chuàng)新的頁(yè)面極少，基本都是一種風(fēng)格，這也是因以前我國(guó)的寬帶水平跟不上有原因，一個(gè)漂亮的頁(yè)面，必然體積會(huì)比較龐大，網(wǎng)絡(luò)比較慢的話打開(kāi)的速度也就可想而之，打開(kāi)速度慢正是網(wǎng)頁(yè)的一個(gè)最大殺手，所以我國(guó)以前的頁(yè)面基本都是以框架式居多。隨著我國(guó)寬帶的普及，我們也迅速括起了一陣韓風(fēng)，很多大膽創(chuàng)新的頁(yè)面出現(xiàn)，這是一個(gè)好現(xiàn)象，但是一味的模擬韓國(guó)也不行，我們也要有自己的特色，不能一味的拿來(lái)主義。

網(wǎng)頁(yè)界面設(shè)計(jì)論文范文第3篇

【關(guān)鍵詞】Unity3D；HTML；腳本；交互；虛擬裝配

1、引言

Unity3D不只是單純的游戲引擎，而是已經(jīng)涉及到多種不同領(lǐng)域的一個(gè)跨平臺(tái)的三維游戲與虛擬現(xiàn)實(shí)開(kāi)發(fā)工具，該工具支持多腳本語(yǔ)言以及強(qiáng)大的物理引擎等特點(diǎn)。論文通過(guò)研究Unity3D與HTML交互機(jī)制，實(shí)現(xiàn)場(chǎng)景中對(duì)象的動(dòng)態(tài)交互行為，也就是控制各裝配體的裝配順序并實(shí)現(xiàn)碰撞檢測(cè)、零件實(shí)時(shí)編輯等功能，從而使得整個(gè)裝配過(guò)程具有邏輯合理性和可控制性。

2、Unity3D與HTML交互機(jī)理

2.1 Unity3D瀏覽器調(diào)用HTML網(wǎng)頁(yè)中的函數(shù)

Unity3D瀏覽器通過(guò)執(zhí)行Application.ExternalCall（）來(lái)調(diào)用任何在HTML網(wǎng)頁(yè)里定義JavaScript函數(shù)，比如下面一句調(diào)用了HTML網(wǎng)頁(yè)里SayHello（）函數(shù)，并傳遞了一句話作為參數(shù)。

Application.ExternalCall（ "SayHello"， "The game says hello！" ）；

2.2 HTML網(wǎng)頁(yè)調(diào)用Unity3D瀏覽器中的腳本函數(shù)

Unity3D 瀏覽器的插件或ActiveX控件都有一個(gè)SendMessage（）的函數(shù)，HTML網(wǎng)頁(yè)通過(guò)這個(gè)函數(shù)與Unity3D進(jìn)行通信，通過(guò)該函數(shù)可以傳遞對(duì)象名、函數(shù)名以及簡(jiǎn)單參數(shù)，然后SendMessage（）就會(huì)調(diào)用Unity3D中GameObject上綁定的函數(shù)。在調(diào)用SendMessage（）函數(shù)之前，必須先得到Unity Web Player的引用。這里可以使用JavaScript 對(duì)象Document的getElementById（）函數(shù)來(lái)獲得該引用。

3、減速器虛擬裝配的實(shí)現(xiàn)

3.1交互界面設(shè)計(jì)

交互式虛擬裝配的重點(diǎn)不僅在于產(chǎn)品虛擬裝配的過(guò)程，還在于它可以與用戶進(jìn)行實(shí)時(shí)交互。系統(tǒng)界面分為兩部分：網(wǎng)頁(yè)中為利用HTML提供的控件加入按鈕、列表框、滾動(dòng)條、文本區(qū)、標(biāo)簽等；Unity3D瀏覽器中為利用Unity提供的GUI接口加入按鈕、窗口、標(biāo)簽等控件分別實(shí)現(xiàn)了減速器裝配體的自動(dòng)裝配、手動(dòng)裝配、原理演示、零件查看、零部件實(shí)時(shí)編輯等功能，充分實(shí)現(xiàn)用戶參與下的人機(jī)實(shí)時(shí)交互。

3.2碰撞檢測(cè)及裝配順序規(guī)劃

虛擬裝配是一個(gè)實(shí)時(shí)交互系統(tǒng)，如用戶可以在虛擬場(chǎng)景中用鼠標(biāo)選取裝配體的零件進(jìn)行拆裝。Unity3D引擎本身提供了基本形體的碰撞器，通過(guò)PhysX物理引擎自動(dòng)檢測(cè)碰撞。根據(jù)Unity3D碰撞器提供的OnCollisionEnter方法，獲得相關(guān)碰撞信息，然后由它繼續(xù)調(diào)用其他處理過(guò)程（相對(duì)位置檢測(cè)、碰撞檢測(cè)等），實(shí)現(xiàn)手動(dòng)裝配過(guò)程。

虛擬裝配過(guò)程中零件拆裝順序的檢測(cè)也是一個(gè)關(guān)鍵問(wèn)題，用戶選擇零件正確與否直接決定該零件是否進(jìn)行拆裝。系統(tǒng)為每一個(gè)零件定義一個(gè)唯一識(shí)別拆裝順序的順序號(hào)，當(dāng)用戶選擇某一零件后，調(diào)用相應(yīng)的拆裝順序檢測(cè)模塊進(jìn)行比較當(dāng)前選擇零件的順序號(hào)與系統(tǒng)預(yù)定的順序號(hào)是否一致決定拆裝是否進(jìn)行或者根據(jù)零件間的位置約束關(guān)系判斷某零件當(dāng)前是否可以移動(dòng)來(lái)決定拆裝是否進(jìn)行。

3.3 裝配體零件的任意移動(dòng)及實(shí)時(shí)編輯

在虛擬裝配中，用戶對(duì)場(chǎng)景中零件的選取及操作（位移、顏色等的實(shí)時(shí)修改）是交互性最充分的體現(xiàn)。當(dāng)用戶在虛擬場(chǎng)景中用鼠標(biāo)點(diǎn)擊或指向某一零件時(shí)，系統(tǒng)應(yīng)該做出響應(yīng)，如被指向或點(diǎn)擊的零件應(yīng)實(shí)時(shí)改變顏色或彈出對(duì)話框提示用戶等。Unity3D的GUI接口提供了各種控件可以非常方便的編輯一些按鈕、窗口等用戶界面，通過(guò)重寫(xiě)鼠標(biāo)事件可以檢測(cè)用戶的各中輸入信息并作出正確的響應(yīng)。通過(guò)變換組件可以完成產(chǎn)品的平移和任意角度旋轉(zhuǎn)操作以及裝配體零件某一方向比例變換。

4、結(jié)論

本文對(duì)基于Unity3D的虛擬裝配相關(guān)技術(shù)進(jìn)行了研究，并實(shí)現(xiàn)了在用戶參與的人機(jī)界面下的虛擬裝配實(shí)例。對(duì)在虛擬裝配過(guò)程中零件的碰撞檢測(cè)、裝配順序規(guī)劃、零件選取及實(shí)時(shí)編輯等功能的實(shí)現(xiàn)提出了有效的方法，具有一定的參考價(jià)值。

【參考文獻(xiàn)】

[1]郭海新.Unity3D與HTML交互機(jī)理的研究[J].煤炭技術(shù)，2011（09）.

網(wǎng)頁(yè)界面設(shè)計(jì)論文范文第4篇

關(guān)鍵詞：電商交互界面；應(yīng)用與實(shí)現(xiàn)；汽車(chē)電商平臺(tái)

DOI：10.16640/ki.37-1222/t.2016.03.178

1 汽車(chē)電商平臺(tái)綜述

在這個(gè)信息日益全球化的今天智能終端影響著人們生活的方方面面，然而，相當(dāng)多的智能終端產(chǎn)品因其復(fù)雜的操作方法讓人們望而卻步。而傳統(tǒng)工業(yè)設(shè)計(jì)方法著重強(qiáng)調(diào)形式和功能的辯證關(guān)系，在強(qiáng)調(diào)產(chǎn)品可用性和用戶體驗(yàn)的今天很難解決智能終端產(chǎn)品“難用”的問(wèn)題。這就突出了“以用戶為中心”交互設(shè)計(jì)在工業(yè)設(shè)計(jì)中的重要性。

本論文對(duì)汽車(chē)電商平臺(tái)的分析主要從視覺(jué)設(shè)計(jì)和交互設(shè)計(jì)兩個(gè)方面進(jìn)行。現(xiàn)在獨(dú)自創(chuàng)建的汽車(chē)電商平臺(tái)有：汽車(chē)之家、易車(chē)網(wǎng)、等等。我們通過(guò)分析網(wǎng)頁(yè)設(shè)計(jì)、框架設(shè)計(jì)、內(nèi)容排版、圖片運(yùn)用等等，來(lái)總結(jié)個(gè)個(gè)平臺(tái)的優(yōu)劣勢(shì)，從而為我們提供一定的依據(jù)和參考。

首先拿汽車(chē)之家舉例：網(wǎng)頁(yè)欄目留白的間距不夠多，每個(gè)欄目之間區(qū)分的不明顯。整體框架三列板塊式布局，視覺(jué)給人扎實(shí)穩(wěn)重，重點(diǎn)地方的色彩突出的比較明顯，給人一目了然。但是在搜索車(chē)型的用戶體驗(yàn)沒(méi)有易車(chē)網(wǎng)好，對(duì)于人們關(guān)心的價(jià)格搜索并沒(méi)有設(shè)置。

在網(wǎng)站內(nèi)部的搜索欄給用戶體驗(yàn)的感覺(jué)也沒(méi)有易車(chē)網(wǎng)那樣簡(jiǎn)潔明了。在品牌和車(chē)型海選的時(shí)候沒(méi)有產(chǎn)品縮略圖，僅僅是文字的敘述，略顯單調(diào)。

然后我們從另一個(gè)角度分析一下易車(chē)網(wǎng)，我們從視覺(jué)設(shè)計(jì)的角度來(lái)看，比如圖標(biāo)設(shè)計(jì)：

這兩組網(wǎng)站的圖標(biāo)，都存在一定的問(wèn)題，首先第一組圖標(biāo)風(fēng)格不統(tǒng)一，第一個(gè)汽車(chē)報(bào)價(jià)大全圖標(biāo)做了投影浮雕效果，而后面的確實(shí)扁平化的風(fēng)格。然后圖標(biāo)設(shè)計(jì)沒(méi)有簡(jiǎn)潔實(shí)用，圖標(biāo)差異性也沒(méi)有表達(dá)出來(lái)。

第二組圖標(biāo)的設(shè)計(jì)以扁平化為主，色彩樣式統(tǒng)一，圖標(biāo)表達(dá)的含義也較為簡(jiǎn)單清晰，但是可以明顯的發(fā)現(xiàn)缺乏設(shè)計(jì)元素和想法，僅僅只是簡(jiǎn)單的幾何圖形配上一個(gè)文字或者符號(hào)。在互聯(lián)網(wǎng)高速發(fā)展的今天，為了追求一個(gè)工作效率和時(shí)間成本，這樣的設(shè)計(jì)從另一個(gè)角度上來(lái)說(shuō)是可行，但是這樣的圖標(biāo)后期是一定要去優(yōu)化和修改的。我們可以從它的樣式、風(fēng)格、藝術(shù)性、識(shí)別性、獨(dú)創(chuàng)性上進(jìn)行改善。從而在提升視覺(jué)效果的同時(shí)也可以節(jié)省用戶的時(shí)間，提升點(diǎn)擊效率。

2 汽車(chē)網(wǎng)站用戶需求和構(gòu)架

汽車(chē)電商的平臺(tái)的興起，就一定要分析和研究用戶需求，從而帶來(lái)好的用戶體驗(yàn)。

分析用戶需求我們主要從用戶特點(diǎn)來(lái)分析。目標(biāo)用戶主要是指進(jìn)行網(wǎng)上購(gòu)物的人群，年齡階層偏向上班組的中年段，在用戶的使用中也要考慮不會(huì)用按鈕點(diǎn)擊，復(fù)雜操作的中老年人。

網(wǎng)站構(gòu)架，以功能需求為主，大的構(gòu)架包括新車(chē)買(mǎi)賣(mài)、二手車(chē)買(mǎi)賣(mài)、汽車(chē)配件三大板塊。

3 用戶體驗(yàn)與界面設(shè)計(jì)

好的界面設(shè)計(jì)可以大幅度提升用戶體驗(yàn)，我們的設(shè)計(jì)要充分符合中國(guó)人的使用習(xí)慣并結(jié)合人們的審美需求。

以下是通過(guò)實(shí)際的案例來(lái)分析和研究，好的交互設(shè)計(jì)是如何實(shí)現(xiàn)和運(yùn)用的。這個(gè)首頁(yè)的界面設(shè)計(jì)，視覺(jué)沖擊力非常強(qiáng)，簡(jiǎn)潔明了，顏色的運(yùn)用的也非常的好。先從色彩上來(lái)說(shuō)，以白色為主，在需要強(qiáng)調(diào)的地方運(yùn)用了紅色和深灰色，不僅色彩的對(duì)比強(qiáng)烈，也充分符合企業(yè)VI手冊(cè)的色彩識(shí)別標(biāo)準(zhǔn)。再如購(gòu)物車(chē)橙色的按鈕，符合人們的心理需求，橙色讓用戶更有點(diǎn)擊的欲望。

接著我們分析一下恒信首頁(yè)的圖標(biāo)設(shè)計(jì)。最顯而易見(jiàn)的是六個(gè)欄目的大圖標(biāo)，寫(xiě)實(shí)風(fēng)格，有一定的趣味性，圖標(biāo)的色彩雖然五顏六色，但并不雜亂，主要原因是因?yàn)樯识啵实氖褂妹娣e并不大，整個(gè)頁(yè)面的主色調(diào)依然是白色和灰色為主，圖標(biāo)的色彩很好的作為輔助顏色，點(diǎn)綴其中。然后六個(gè)圖標(biāo)的風(fēng)格統(tǒng)一，識(shí)別性強(qiáng)，給人們的體驗(yàn)是看圖即知道含義。接著登陸框的兩個(gè)小圖標(biāo)也與之前的圖標(biāo)做了很好的對(duì)比，層次清晰。底部六個(gè)常駐圖標(biāo)，在色彩上略顯過(guò)深，從形式上來(lái)說(shuō)具有一定的藝術(shù)性，下面的文字也很好的和圖標(biāo)形成了一個(gè)層次對(duì)比，黑白灰的運(yùn)用不會(huì)給你帶來(lái)審美疲勞。

網(wǎng)站的整體設(shè)計(jì)風(fēng)格，我們可以看出，設(shè)計(jì)以簡(jiǎn)潔為主，這樣設(shè)計(jì)的原因，主要還是基于前期的需求分析和產(chǎn)品經(jīng)理給的產(chǎn)品原型來(lái)定的。不難發(fā)現(xiàn)這樣的設(shè)計(jì)很好的明確了目標(biāo)，沒(méi)有多余的地方，一方面給用戶節(jié)省了時(shí)間，另一方面也可以減少服務(wù)器負(fù)擔(dān)，節(jié)省企業(yè)成本，優(yōu)化網(wǎng)站運(yùn)行速度。

所以在界面設(shè)計(jì)中如何做到盡量的簡(jiǎn)潔和好的用戶體驗(yàn)顯的格外的重要。圖標(biāo)在當(dāng)今的web端和移動(dòng)端都大量的運(yùn)用到，它的特點(diǎn)視覺(jué)沖擊力比文字強(qiáng)，帶給人們新鮮感，吸引人們點(diǎn)擊和使用。當(dāng)然用戶體驗(yàn)的提升不僅僅局限于圖標(biāo)的視覺(jué)設(shè)計(jì)。

在這兩個(gè)頁(yè)面中，登錄框的大小、擺放的位置、文字的大小、色彩、頁(yè)面布局、點(diǎn)擊樣式、鼠標(biāo)放上去的樣式、頁(yè)面跳轉(zhuǎn)的合理性都是影響用戶提的方面。

中國(guó)人的使用習(xí)慣是視覺(jué)中心偏向右邊，登錄框放在banner的右邊位置醒目，誘使人們進(jìn)行注冊(cè)登錄，積累平臺(tái)潛在客戶。文字的大小以12號(hào)為主，顏色使用并不用純黑色，而是深灰色，這樣做的原因是視覺(jué)對(duì)比有，人們感官上會(huì)顯的舒服。頁(yè)面布局穩(wěn)重，有層次，也簡(jiǎn)潔很多。點(diǎn)擊樣式鼠標(biāo)放上去的效果，引導(dǎo)人們點(diǎn)擊，和幫助人們更好找到點(diǎn)擊的目標(biāo)區(qū)域，頁(yè)面跳轉(zhuǎn)設(shè)置也摒除了繁瑣的幾步跳轉(zhuǎn)，直接鏈接到了目標(biāo)頁(yè)面，給人們好的體驗(yàn)。

汽車(chē)電商平臺(tái)圖標(biāo)的差異化的研究，主要通過(guò)實(shí)例來(lái)分析。在這個(gè)頁(yè)面設(shè)計(jì)上圖標(biāo)的差異化并沒(méi)有表現(xiàn)出來(lái)，沒(méi)有區(qū)分團(tuán)購(gòu)、特賣(mài)、促銷(xiāo)。這六個(gè)圖標(biāo)設(shè)計(jì)中都運(yùn)用了車(chē)的元素，相反的給了用戶一定的誤導(dǎo)，沒(méi)有差異化的圖標(biāo)，設(shè)計(jì)出來(lái)是失敗的，扁平化的設(shè)計(jì)，在視覺(jué)沖擊力上來(lái)說(shuō)也略顯單薄。

4 總結(jié)

用戶產(chǎn)品設(shè)計(jì)和圖形設(shè)計(jì)的傳統(tǒng)方法著重關(guān)注的是與工藝、美感和形式相關(guān)的美學(xué)品質(zhì)。解決設(shè)計(jì)問(wèn)題乃以情感價(jià)值為依據(jù)，對(duì)成果的評(píng)判或批評(píng)也往往是在藝術(shù)領(lǐng)域的范疇進(jìn)行的。與之不同的是，交互設(shè)計(jì)將重心從視覺(jué)效果轉(zhuǎn)移到了人這方面上。

參考文獻(xiàn)：

[1]梅哲.圖形圖像界面中的圖標(biāo)設(shè)計(jì)[D].武漢理工大學(xué)，2009.

[2]楊文.論標(biāo)志設(shè)計(jì)的重點(diǎn)與難點(diǎn)[J].233000.

網(wǎng)頁(yè)界面設(shè)計(jì)論文范文第5篇

“釣魚(yú)網(wǎng)站”是指不法分子利用各種技術(shù)手段，仿冒真實(shí)網(wǎng)站的URL地址以及頁(yè)面內(nèi)容。具體到期刊釣魚(yú)網(wǎng)站就是模仿、復(fù)制某一期刊自主網(wǎng)站內(nèi)容，通過(guò)篡改編輯部聯(lián)系方式、投稿郵箱等關(guān)鍵信息，或是針對(duì)尚未建立自主網(wǎng)站的期刊，直接構(gòu)建虛假的征稿平臺(tái)，以迷惑、誘騙作者投稿，騙取其審稿費(fèi)或版面費(fèi)等，較之論文中介網(wǎng)，釣魚(yú)網(wǎng)站隱蔽性強(qiáng)，甄別難度大，危害性強(qiáng)。

1．1投稿平臺(tái)研發(fā)機(jī)構(gòu)

基于對(duì)203種核心期刊的網(wǎng)絡(luò)搜索調(diào)研，學(xué)術(shù)期刊投稿平臺(tái)開(kāi)發(fā)多為專(zhuān)業(yè)的期刊采編系統(tǒng)開(kāi)發(fā)商，主要包括瑪格泰克、中國(guó)知網(wǎng)、勤云科技、三才科技和其他平臺(tái)，其中瑪格泰克和知網(wǎng)合計(jì)占比達(dá)調(diào)查期刊的50％以上，各系統(tǒng)開(kāi)發(fā)商或維護(hù)商名稱(chēng)通常都會(huì)標(biāo)注在期刊網(wǎng)站首頁(yè)下方的版權(quán)處或注冊(cè)投稿界面上。而沒(méi)有一家釣魚(yú)網(wǎng)站會(huì)在版權(quán)頁(yè)處顯示開(kāi)發(fā)商或者技術(shù)支持的信息，他們往往只在該處標(biāo)注主辦單位和地址信息。

1．2網(wǎng)頁(yè)內(nèi)容

釣魚(yú)網(wǎng)站的界面設(shè)計(jì)很多足以亂真，但刊發(fā)內(nèi)容和欄目編排往往經(jīng)不起推敲，內(nèi)容更替速度緩慢；過(guò)刊瀏覽部分多數(shù)是“死鏈”或者只有摘要，無(wú)法全文揭示；在線投稿方式通常不需要注冊(cè)，可以直接提交論文；投稿指南中的審稿周期往往只有幾天；虛假投稿郵箱基本都是163郵箱；編輯部信息通常缺失聯(lián)系電話。釣魚(yú)網(wǎng)站選擇的仿冒對(duì)象多數(shù)是沒(méi)有官方網(wǎng)址或者尚未開(kāi)通投稿平臺(tái)的期刊。

1．3域名

少量期刊網(wǎng)站根據(jù)域名即可判斷，以edu和gov為域名后綴的可確信為真實(shí)網(wǎng)址，各大學(xué)學(xué)報(bào)如西安建筑科技大學(xué)學(xué)報(bào)、天津體育學(xué)院學(xué)報(bào)均為這種情況。

2有效應(yīng)用互聯(lián)網(wǎng)找到期刊正確投稿方式的方法

2．1主辦單位官網(wǎng)

學(xué)術(shù)期刊的主辦單位很容易通過(guò)百度百科、知網(wǎng)、萬(wàn)方等相對(duì)權(quán)威的網(wǎng)站中找到，即使是在釣魚(yú)網(wǎng)站中，主辦單位的名稱(chēng)也普遍是正確的。而一般說(shuō)來(lái)，核心期刊的主辦單位多為政府機(jī)關(guān)、高校、研究機(jī)構(gòu)、學(xué)會(huì)等事業(yè)單位或知名度較高的企業(yè)，這些機(jī)構(gòu)的官方網(wǎng)址比較容易確認(rèn)，百度搜索結(jié)果中往往有“官網(wǎng)”認(rèn)證，根據(jù)對(duì)203種核心刊的調(diào)研，近五成的主辦單位會(huì)在網(wǎng)站中嵌入學(xué)術(shù)期刊的鏈接或期刊編輯部簡(jiǎn)介、投稿指南，可以獲取可信的投稿郵箱，部分編輯部的郵箱未注明是咨詢郵箱還是投稿郵箱，此時(shí)最好致電編輯部確認(rèn)投稿方式。

2．2知網(wǎng)“原版目錄頁(yè)瀏覽”

多數(shù)核心期刊會(huì)選擇在其紙質(zhì)期刊的目次頁(yè)尾部或封四刊登投稿方式、官方網(wǎng)址，在知網(wǎng)中通過(guò)期刊導(dǎo)航搜索刊名，查看期刊詳情，通過(guò)最近一期的“原版目錄頁(yè)瀏覽”選項(xiàng)，獲得準(zhǔn)確的編輯部信息，包括編輯部地址、聯(lián)系電話、郵箱、網(wǎng)址等。該方法可行性高，但知曉率很低。