產(chǎn)品網(wǎng)頁設(shè)計(jì)論文

前言：本站為你精心整理了產(chǎn)品網(wǎng)頁設(shè)計(jì)論文范文，希望能為你的創(chuàng)作提供參考價(jià)值，我們的客服老師可以幫助你提供個(gè)性化的參考范文，歡迎咨詢。

一、網(wǎng)頁應(yīng)是瀏覽為主

在用戶獲取信息的方式上，網(wǎng)頁有別于紙質(zhì)媒介，網(wǎng)頁是以瀏覽為主，而紙質(zhì)媒介是以閱讀為主。所謂瀏覽，按照字面意思就是粗略、大致地看一遍，其主要目的是大致了解，搜尋是否有感興趣的信息線索；閱讀比瀏覽更具有主動(dòng)性和目的性，是有目的地讀，其目標(biāo)是理解。克魯格在《別讓我動(dòng)腦筋——網(wǎng)頁設(shè)計(jì)效果優(yōu)化藝術(shù)》一書中提出了設(shè)計(jì)出好網(wǎng)頁必須面對(duì)的三個(gè)事實(shí)：一是“我們不是閱讀網(wǎng)頁，而是瀏覽”；二是“我們不做最佳選擇，而是滿意而止”；三是“我們不深究原理或本質(zhì)，而是想當(dāng)然地使用”。我們?yōu)槭裁磳?duì)網(wǎng)頁是瀏覽呢？克魯格的分析認(rèn)為有三個(gè)原因：一是因?yàn)榇颐Γ褂镁W(wǎng)絡(luò)的目的多半是想節(jié)約時(shí)間，這樣用戶就會(huì)不停地運(yùn)動(dòng)；二是用戶知道不必全部閱讀，通常一個(gè)網(wǎng)頁里面只有很少一部分是他們感興趣的；三是用戶擅長(zhǎng)瀏覽，瀏覽是人們?nèi)粘Ｉ钪兴褜ば畔⒌膽T用方法。基于這樣一些原因，用戶使用網(wǎng)站就是瀏覽、滿意、再瀏覽、再滿意這樣一個(gè)循環(huán)往復(fù)的過程，直至滿意而歸。如果中間出現(xiàn)了不滿意，這個(gè)過程就會(huì)終止，用戶就帶著不滿意而離開。所以，在設(shè)計(jì)網(wǎng)頁時(shí)，哲學(xué)家威廉提出的奧卡姆剃刀原理“如無必要，勿增實(shí)體”和建筑大師密斯•凡•德•羅提出的“少即是多”原則是我們檢驗(yàn)設(shè)計(jì)的兩面鏡子。在確定網(wǎng)頁的內(nèi)容時(shí)，突出那些重要的內(nèi)容，去掉那些不必要的圖案和文字，即使那些能夠讓你的網(wǎng)頁在視覺上產(chǎn)生更好的效果，但如果其干擾重要信息的瀏覽，仍然應(yīng)該果斷地去掉。在網(wǎng)頁中，只有那些有利于信息傳達(dá)目標(biāo)的美才是有價(jià)值的，美應(yīng)該符合于功能的需要，美和功能的和諧統(tǒng)一才是網(wǎng)頁設(shè)計(jì)追求的目標(biāo)。為了便于瀏覽，在網(wǎng)頁內(nèi)容的編排上必須尊重視覺習(xí)慣，我們?cè)跒g覽時(shí)總是從左到右，由上而下地掃視，要根據(jù)內(nèi)容的重要性，進(jìn)行從左到右、由上而下地依次排列，使重要的內(nèi)容最先映入瀏覽者的眼簾。在文案的寫作上，為了便于快速瀏覽，一是對(duì)標(biāo)題、關(guān)鍵內(nèi)容加以強(qiáng)調(diào)；二是采用短的句子和段落；三是采用清晰的分區(qū)和列表；四是先總體后詳細(xì)的寫作順序。用戶在進(jìn)行瀏覽時(shí)首先是通過標(biāo)題和關(guān)鍵詞來初步判斷內(nèi)容是否符合自己的興趣，然后再通過總體的概述來決定是否有繼續(xù)瀏覽下去的必要。在瀏覽的過程中，短句和短的段落有利于減小理解的難度和縮短判斷的時(shí)間，清晰的分區(qū)和列表能夠讓人快速抓住其關(guān)注的興趣點(diǎn)，促進(jìn)人們繼續(xù)瀏覽。

二、網(wǎng)頁設(shè)計(jì)不應(yīng)打破慣例

前面已經(jīng)提到，網(wǎng)頁是一個(gè)要求即看即用的特殊“產(chǎn)品”，也就是一看我們就要知道如何使用。我們雖然使用了若干手機(jī)，但我們購(gòu)買了一款新的手機(jī)時(shí)，我們還是得閱讀說明書后才能正常使用，網(wǎng)頁確不需要。那如何才能達(dá)到即看即用呢？使用慣例就是最好的武器，這也是提高所有產(chǎn)品易用性的重要法寶。慣例就是我們已經(jīng)習(xí)慣了的東西，我們一看就知道它的意思，就知道怎么去操作，因?yàn)閼T例是我們?nèi)粘Ｉ钪蟹e累起來的，已經(jīng)存入大腦的固有知識(shí)。唐納德•A•諾曼在《設(shè)計(jì)心理學(xué)》中將知識(shí)分為了存儲(chǔ)于外部的知識(shí)和存儲(chǔ)于頭腦內(nèi)部的知識(shí)，使用存儲(chǔ)于外部的知識(shí)不需要學(xué)習(xí)，但效率低；使用頭腦內(nèi)部的知識(shí)需要專門學(xué)習(xí)，但效率高。而慣例是已經(jīng)存儲(chǔ)在頭腦內(nèi)部的知識(shí)，具有外部知識(shí)的高易用性和頭腦內(nèi)部知識(shí)的高效率。在網(wǎng)頁設(shè)計(jì)中有很多慣例是不能輕易去打破的，一是重要導(dǎo)航在頁面的位置，按照慣例一般布置在頁面的上部、左上部或右上部，首頁的鏈接放置在最前面；二是網(wǎng)站的標(biāo)識(shí)放置在頁面的左上部，瀏覽者用其來判別是否到達(dá)了目標(biāo)網(wǎng)站；三是文字鏈接要加下劃線（也可以鼠標(biāo)放上去才出現(xiàn)），瀏覽者用其來判斷是否有超級(jí)鏈接；四是常用標(biāo)識(shí)符號(hào)，如在多頁文檔中，▲代表向上翻頁，▼代表向下翻頁；在視頻、音頻播放中■代表停止，▍▍代表暫停，▲代表播放。這些標(biāo)識(shí)符號(hào)在網(wǎng)頁中已經(jīng)具有特定的意義，是不能隨意改變的。

三、設(shè)計(jì)層面之間的邏輯聯(lián)系

在《用戶體驗(yàn)的要素——以用戶為中心的Web設(shè)計(jì)》一書中論述了網(wǎng)頁設(shè)計(jì)的五個(gè)層面，包括戰(zhàn)略層、范圍層、結(jié)構(gòu)層、框架層和表現(xiàn)層，并確定了自下而上的建設(shè)流程，規(guī)定了設(shè)計(jì)的程序。自下而上的各個(gè)層面，從抽象逐漸變成具體，并且包含著密切的邏輯聯(lián)系。戰(zhàn)略層確定的網(wǎng)站目標(biāo)和用戶需求，是整個(gè)網(wǎng)站設(shè)計(jì)的基石，其決定范圍層的內(nèi)容選擇和功能設(shè)計(jì)；結(jié)構(gòu)層是對(duì)范圍層選擇的內(nèi)容進(jìn)行分類和組織，形成信息架構(gòu)，以及對(duì)確定的功能進(jìn)行交互設(shè)計(jì)，確定交互的過程和交互行為；框架層是在結(jié)構(gòu)層信息架構(gòu)的基礎(chǔ)上，根據(jù)完成任務(wù)的需要，利用超級(jí)鏈接設(shè)置來完成導(dǎo)航設(shè)計(jì)，以及規(guī)劃信息架構(gòu)在頁面空間中的位置關(guān)系，形成布局框架；表現(xiàn)層是對(duì)框架層進(jìn)行具體的視覺表現(xiàn)，包括圖形設(shè)計(jì)、色彩設(shè)計(jì)、信息圖表設(shè)計(jì)、動(dòng)畫設(shè)計(jì)、視頻設(shè)計(jì)等。從上面的分析可以看出，下一層是上一層的設(shè)計(jì)依據(jù)或設(shè)計(jì)對(duì)象，上一層是下一層的進(jìn)一步深化和具體，相鄰層之間緊密聯(lián)系，既不能交換，也不能跨越，更不能缺少，具有嚴(yán)格的秩序，形成了完整的邏輯鏈條，理性思維貫穿在整個(gè)設(shè)計(jì)過程之中。

四、結(jié)語

網(wǎng)頁設(shè)計(jì)是在互聯(lián)網(wǎng)絡(luò)高度發(fā)展和普及應(yīng)用之后，產(chǎn)生的介于視覺傳達(dá)設(shè)計(jì)和產(chǎn)品設(shè)計(jì)之間的跨界設(shè)計(jì)領(lǐng)域，其設(shè)計(jì)程序的嚴(yán)密邏輯、媒介的技術(shù)特質(zhì)、以瀏覽為主的信息獲取習(xí)慣、高度的人機(jī)交互等特點(diǎn)，都需要我們?cè)谠O(shè)計(jì)中進(jìn)行更多的理性思考。畢竟對(duì)于網(wǎng)站而言，有用、好用是第一位的。

作者：謝成開單位：四川美術(shù)學(xué)院