簡述網(wǎng)頁設(shè)計(jì)的基本原則

第頁簡述網(wǎng)頁設(shè)計(jì)的基本原則1.明確建立網(wǎng)站的目標(biāo)和用戶必須求。依據(jù)消費(fèi)者的必須求、市場的狀況、企業(yè)自身的狀況等進(jìn)行綜合分析，以"消費(fèi)者(customer)'為中心，而不是以"美術(shù)'為中心進(jìn)行制定規(guī)劃。明確制定站點(diǎn)的目的和用戶必須求，從而做出切實(shí)可行的制定計(jì)劃。

2.網(wǎng)頁制定主題鮮亮。在目標(biāo)明確的基礎(chǔ)上，完成網(wǎng)站的構(gòu)思創(chuàng)意即總體制定方案。對(duì)網(wǎng)站的整體風(fēng)格和特色作出定位，規(guī)劃網(wǎng)站的組織結(jié)構(gòu)。

3.版式制定之整體性。即制定作品各組成部分在內(nèi)容上的內(nèi)在聯(lián)系和表現(xiàn)形式上的互相呼應(yīng).并注意整個(gè)頁面制定風(fēng)格統(tǒng)一、色彩統(tǒng)一、布局統(tǒng)一，即形成網(wǎng)站高度的形象統(tǒng)一。使整個(gè)頁面制定的各個(gè)部分極為融洽。

4.版式制定之分割性。即按照內(nèi)容、主題和信息的分類要求，將頁面分成假設(shè)干板塊、欄目，使瀏覽者一目了然。吸引瀏覽者的眼球，還能通過網(wǎng)頁達(dá)到信息宣揚(yáng)的目的，顯示出鮮亮的信息傳達(dá)效果。

5.版式制定之對(duì)比性。在制定過程中，通過多與少、主與次、黑與白、動(dòng)與靜、聚與散等對(duì)比手法的運(yùn)用，使網(wǎng)頁主題更加特別鮮亮而富有生氣。

6.網(wǎng)頁制定的和諧性。網(wǎng)頁布局應(yīng)該符合人類審美的基本原則，渾然一體。如果僅僅是色彩、形狀、線條等的隨意混合，那么制定出來的作品不但沒有生氣、靈感，甚至連最基本的視覺制定和信息傳達(dá)功能也無法實(shí)現(xiàn)。如果選擇了與主頁內(nèi)容不和諧的色調(diào)，就會(huì)傳遞錯(cuò)誤的信息，造成混亂。

7.導(dǎo)向清楚。網(wǎng)頁制定中導(dǎo)航使用超文本鏈接或圖片鏈接，使人們能夠在您的網(wǎng)站上自由前進(jìn)或后退，而不會(huì)讓他們使用瀏覽器上的前進(jìn)或后退。我們在所有的圖片上使用"ALT'標(biāo)識(shí)符注明圖片名稱或解釋，以便那些不愿意自動(dòng)加載圖片的觀眾能夠了解圖片的含義。

8.非圖形的內(nèi)容。由于在互聯(lián)網(wǎng)瀏覽的大多是一些尋找信息的人們，我們?nèi)匀唤ㄗh您要確定您的網(wǎng)站將為他們提供的是有價(jià)值的內(nèi)容，而不是過度的裝飾。

2學(xué)校類網(wǎng)站用戶體驗(yàn)制定必須要注意什么

要說一個(gè)網(wǎng)站最重要的頁面恐怕就是首頁了，用戶訪問的頁面大部分狀況下都是首頁，因此首頁的頁面制定和用戶體驗(yàn)都會(huì)影響到用戶的感覺，筆者之前看到過一些旅游類的網(wǎng)站總是把首頁內(nèi)容做的異常豐富，如此一來看起來十分臃腫，頁面過大也不利于蜘蛛的爬行和抓取。百度蜘蛛抓取的頁面大小是有限制的，如果只能抓100KB的文件大小，但是你的頁面遠(yuǎn)遠(yuǎn)大于100KB，很惋惜百度蜘蛛根本抓不了整個(gè)頁面。好了閑話少扯，今天和大家一起聊聊化妝培訓(xùn)類網(wǎng)站首頁的用戶體驗(yàn)細(xì)節(jié)，都說用戶體驗(yàn)要從細(xì)節(jié)做起，但具體實(shí)施起來其實(shí)很抽象，筆者感覺我這個(gè)客戶的網(wǎng)站用戶體驗(yàn)做的不錯(cuò)，從首頁就可以看出一些端倪，分析以下三點(diǎn)：

第一點(diǎn)：導(dǎo)航制定特別重點(diǎn)欄目

對(duì)于學(xué)校、培訓(xùn)類的網(wǎng)站來講，用戶群體都是類似的，無非就是同學(xué)或者家長，試想一下如果你是一個(gè)想了解化妝培訓(xùn)學(xué)校的同學(xué)，那你最關(guān)注的是學(xué)校的哪方面信息，我想首先應(yīng)該是學(xué)校的課程，就是有沒有我想學(xué)的課程或?qū)I(yè)，然后就是學(xué)校的師資力量，有沒有獲得過哪些獎(jiǎng)項(xiàng)啊之類的信息，最后就是學(xué)校的學(xué)習(xí)氛圍和學(xué)費(fèi)的問題了。圖一可以看到這個(gè)網(wǎng)站首頁的導(dǎo)航分為三個(gè)類型，當(dāng)然這是筆者自己劃分的，紅色背景顯示的是全部專業(yè)課程，這里最為顯眼。頂部的小導(dǎo)航對(duì)"學(xué)校概況'等重要欄目做了字體加粗的處理，剩下的就常見的首頁導(dǎo)航了，不過最好在先后順序上也得注意下，盡量把用戶最為感興趣的內(nèi)容放在前面，至于那些新聞資訊類的東西放在最后面就OK了。觀察下這個(gè)站的百度后臺(tái)統(tǒng)計(jì)，從百度熱力圖來分析下，我想紅色背景的導(dǎo)航信息點(diǎn)擊次數(shù)最多，百度熱力圖可以告訴我們頁面的哪些地方吸引了大量用戶的注意。同類型的站點(diǎn)完全可以效仿一下這個(gè)站點(diǎn)。

第二點(diǎn)：視頻、圖片文字完美結(jié)合

有時(shí)候再出色的文字比不上一張精美的圖片，再好看的圖片比不上一段視頻，在內(nèi)容營銷的時(shí)代，用戶似乎也已經(jīng)厭倦了大段的文字表達(dá)，特別像這個(gè)化妝培訓(xùn)的網(wǎng)站。只有用圖片和視頻才干表達(dá)出化妝后的效果，內(nèi)容指的是圖片、文字、視頻、音頻等信息傳播方式，例如：一些音樂網(wǎng)利用聲音來給網(wǎng)站打廣告，聲音嵌入到音樂播放中，不過這種方法容易讓聽者不爽。不過網(wǎng)站上的圖片一定要清楚，包括視頻也是一樣的，這方面要處理好，別再圖片上亂加水印效果，像培訓(xùn)學(xué)校類的站點(diǎn)也必須要展示大量的學(xué)員作品，這個(gè)比較有說服力，耳聽為虛，眼見為實(shí)。再者網(wǎng)民都比較懶，圖片和視頻比文字描述更直接、更清楚，也更加節(jié)省時(shí)間。

第三點(diǎn)：留言板塊能夠及時(shí)回復(fù)

許多企業(yè)站都有留言板塊，方便網(wǎng)站訪問者可以留言，留言板塊可以說是客服系統(tǒng)的彌補(bǔ)，畢竟客服不能24小時(shí)在線，惋惜的是大部分留言板塊都成了擺設(shè)，雖然有客戶提出問題，但是卻無人去回答。這其實(shí)是與客戶〔溝通〕、交流的好時(shí)機(jī)，也就是與用戶在交互，對(duì)用戶體驗(yàn)來說自然是有益無害的。這個(gè)培訓(xùn)網(wǎng)站就做到了這點(diǎn)，具體筆者就不截圖說明了，一個(gè)用戶體驗(yàn)好的網(wǎng)站值得我們?nèi)W(xué)習(xí)和效仿，當(dāng)然那些不好的方面肯定也是有的。其實(shí)從競爭對(duì)手那里可以學(xué)到很多東西，我們要做的是取其精華去其糟粕。想做好一個(gè)網(wǎng)站，不僅僅是paiming和流量，更重要的是盈利和用戶之間的關(guān)系，處理好這層關(guān)系才干更好的生存下去。

網(wǎng)站的用戶體驗(yàn)是不斷改善的過程，但首先我們得分析出用戶的行為、用戶的心理、用戶的習(xí)慣等，比方說百度熱力圖可以反應(yīng)出一些端倪。還有就是多去與你的用戶溝通，收集建議和看法，最后再對(duì)網(wǎng)站進(jìn)行一些微調(diào)。細(xì)節(jié)決定成敗，用戶不喜愛你的網(wǎng)站有很多個(gè)理由，但是用戶愛上你的網(wǎng)站可能就那么幾個(gè)理由!

3視覺制定的基本元素

(一)文字。

關(guān)于絕大多數(shù)網(wǎng)頁而言，文字是信息構(gòu)成的主體，它與圖片容易造成歧義不同，具有直接準(zhǔn)確傳遞信息的特性，使瀏覽者可以準(zhǔn)確地、方便地接受信息。但是文字過多，給人長篇累牘的感覺，讓人心中生厭，影響瀏覽者的閱讀情緒，所以在視覺制定中，要對(duì)文字采用一定的格式處理和藝術(shù)加工。所謂的格式處理，就是指對(duì)文字的字體、粗細(xì)、字號(hào)、顏色等加以處理，使之格式多樣、變化豐富，打破呆板、累贅的形象。藝術(shù)加工是指對(duì)頁面的文字，依據(jù)其所處位置和作用地位的差異，來加以圖像化、風(fēng)格化的藝術(shù)手段處理，讓文字更具有個(gè)性風(fēng)格，顯得更加生動(dòng)形象，易于讀者輕松接受。

(二)色彩。

在網(wǎng)頁的視覺制定中，色彩制定主要有五個(gè)部分組成，即標(biāo)準(zhǔn)色彩、圖片主色彩、邊框色彩、背景色彩和文字鏈接的色彩。由于人們的審美特點(diǎn)各有不同，不可能使頁面的視覺效果完全滿足所有人的瀏覽必須求，但是就主色調(diào)方面而言，人們通常易于接受的色彩基本是一致的。頁面的使用者在瀏覽頁面的第一印象就是界面的色彩主體構(gòu)成，它直接關(guān)系到瀏覽者是否有持續(xù)瀏覽下去的興趣。所以頁面的色彩選擇必須符合當(dāng)前人們的審美習(xí)慣，在確定頁面主體的色調(diào)時(shí)，既要尊重受眾的心理必須求又要符合網(wǎng)站自身的主題定位。網(wǎng)站頁面的色彩既不能太過于單一，也不能色彩斑斕，這就必須要把握一個(gè)適中標(biāo)準(zhǔn)。在確定主體色調(diào)以后，按照主次、輕重關(guān)系，對(duì)圖片、標(biāo)題、邊框、文字鏈接的色彩做出有層次的選擇，絕對(duì)不能喧賓奪主，要處理好各部分之間的關(guān)系以及各部分與整體之間的關(guān)系，色彩種類也不宜過多，以免瀏覽者產(chǎn)生視覺疲憊。

(三)圖片。

在頁面的組成部分中，圖片是除文字以外最重要的構(gòu)成要素，也是最早引用到網(wǎng)絡(luò)中的多媒體對(duì)象。文字的特點(diǎn)是能夠直觀、準(zhǔn)確地傳遞信息，而圖片則可以打破純文字界面的枯燥、平淡的格局，為頁面增添活力，圖文并茂，使網(wǎng)頁生動(dòng)形象，充滿感情色彩。一般狀況下，網(wǎng)頁中使用的圖片分辨率不必須要太高，因?yàn)檫^高的分辨率勢必使圖片的容量加大，會(huì)影響到網(wǎng)頁的瀏覽速度。在網(wǎng)頁制定中，圖片的大小、位置和方向都會(huì)影響到信息的表達(dá)，在整體編排中，應(yīng)該分清重點(diǎn)和主次，對(duì)引用到的所有圖片先做整體上的布局處理，然后使圖片之間、圖片和文字之間的關(guān)系和諧，頁面整體布局和諧統(tǒng)一。

(四)版面。

版面制定是在有限的屏幕空間界面對(duì)所有多媒體元素進(jìn)行有機(jī)整合，使整體頁面布局合理得到，感官效果好，便于受眾接受。版面制定的成功與否，影響到網(wǎng)頁核心信息的傳遞價(jià)值和瀏覽者的視覺留存時(shí)間，是網(wǎng)頁整體感的直觀傳遞。在進(jìn)行版面制定時(shí)，主要利用點(diǎn)、線、面的依存關(guān)系，對(duì)頁面的所有組成要素進(jìn)行空間位置的排列，這一過程必須要在網(wǎng)頁自身價(jià)值表達(dá)的必須求下，充分挖掘各多媒體因素的互相關(guān)系，使這些要素在視覺感受中體現(xiàn)出均衡、調(diào)和、律動(dòng)的視覺效果，讓整個(gè)界面生動(dòng)起來，不平淡、不呆板。在版面的視覺處理上，必須要把握好主題與素材、整體與個(gè)體之間的關(guān)系，在統(tǒng)一之中尋求變化，在不對(duì)稱中尋找均衡點(diǎn)，促成頁面整體的和諧效果。

4網(wǎng)頁制定商業(yè)化具體指什么

Internet作為新的媒介，為制定提供了廣闊的舞臺(tái)。互聯(lián)網(wǎng)信息資源無限、圖文互動(dòng)、方便快捷，而且價(jià)格低廉，關(guān)于精明的商家來說，沒有理由拒絕在Internet上展示自己或者銷售自己的產(chǎn)品，從而使網(wǎng)絡(luò)中網(wǎng)頁的制定從一開始就蒙上了商業(yè)的色彩。

網(wǎng)站是由諸多的網(wǎng)頁構(gòu)成，網(wǎng)站存在的價(jià)值是被客戶訪問，客戶的瀏覽率是網(wǎng)站廣告收費(fèi)的重要依據(jù)，也是評(píng)估網(wǎng)站價(jià)值的重要依據(jù)之一。網(wǎng)頁是構(gòu)成互聯(lián)網(wǎng)的基本元素，是引導(dǎo)客戶進(jìn)入網(wǎng)絡(luò)的大門。網(wǎng)頁作為信息傳達(dá)的載體，具有提升消費(fèi)者對(duì)企業(yè)或商家新產(chǎn)品的了解，加強(qiáng)企業(yè)或商家的知名度，樹立企業(yè)或商家形象，提升企業(yè)或商家信譽(yù)，促進(jìn)銷售等方面的功能。那么，如何使客戶瀏覽后記住這個(gè)網(wǎng)站?企業(yè)或商家如何使自己的網(wǎng)站與眾不同?這是制定師要認(rèn)真思索的問題。

一、利用圖像美化網(wǎng)頁，提升點(diǎn)擊率

網(wǎng)頁制定中內(nèi)容應(yīng)當(dāng)是第一位的，但是從商業(yè)的角度合計(jì)，頁面制定也是非常重要的。制定師除了利用互聯(lián)網(wǎng)的特性和企業(yè)目標(biāo)市場的準(zhǔn)確定位外，還要把頁面制定的趣味盎然，引人入勝，從眾多的頁面中脫穎而出，以吸引讀者的眼球，從而增加頁面的點(diǎn)擊率。

網(wǎng)頁是由文字、圖像等元素構(gòu)成的，各種制定手段與編排手法的運(yùn)用，就是要讓讀者產(chǎn)生一種心理暗示，引導(dǎo)讀者對(duì)目標(biāo)網(wǎng)站產(chǎn)生興趣和閱讀欲望。

文字是網(wǎng)頁中必不可少的制定元素，也是網(wǎng)頁中主要信息描述的要素，所以網(wǎng)頁中文字占據(jù)了很大的面積。但是頁面上文字太多，就會(huì)顯得沉悶，缺乏生氣。圖像是構(gòu)成網(wǎng)頁制定要素之一，它具有激烈的視覺效果，能使頁面顯得活潑生動(dòng)，美觀大方，圖像的好壞直接影響閱讀者的觀賞興趣。圖像還能補(bǔ)充文字說明，給讀者直觀的表現(xiàn)。能給網(wǎng)頁錦上添花，并能潛移默化地給讀者思想情感上的啟迪與感染，也能表達(dá)制定師個(gè)人的制定風(fēng)格。

一個(gè)優(yōu)秀的頁面制定必定是形式與內(nèi)容的完美結(jié)合。一方面，網(wǎng)頁制定所追求的形式美，必須合適主題的必須要，這是網(wǎng)頁制定的前提。只講究形式美感，過于強(qiáng)調(diào)獨(dú)特的制定風(fēng)格而脫離內(nèi)容，或者只求內(nèi)容而缺乏藝術(shù)的表現(xiàn)，頁面制定都會(huì)變得空洞而乏味。另一方面要保證網(wǎng)頁上的每一幅圖像都有存在的必要性，不要為了炫耀而刻意裝飾，了解企業(yè)或商家的經(jīng)營策略，具有針對(duì)性地制定。因?yàn)閳D像是為頁面而服務(wù)的。圖像的大小、位置、數(shù)量、形式等因素，直接關(guān)系到網(wǎng)頁的視覺傳達(dá)。圖像要與內(nèi)容特性相吻合，不能相脫離，更不能互相沖突。

二、吸引讀者注意力，提升網(wǎng)站知名度

互聯(lián)網(wǎng)憑借其信息量大、覆蓋面廣、方便快捷、互動(dòng)性強(qiáng)等特點(diǎn)，逐漸成為人們學(xué)習(xí)、生活、工作中獲取信息的重要媒體。從中國互聯(lián)網(wǎng)信息中心的調(diào)查數(shù)據(jù)看，我們50%的上網(wǎng)用戶目的是獲取信息，居各種上網(wǎng)目的的第一位，正是由于人們對(duì)信息量的必須求，導(dǎo)致了人們對(duì)這一新興媒體的依賴。

在Internet上信息的傳播是靠客戶的瀏覽，如果沒有訪問者，信息將無用武之地。網(wǎng)站必須要豐富自己的網(wǎng)上傳播內(nèi)容及傳播表達(dá)手段，以吸引更多的讀者訪問自己的網(wǎng)站，激活自己的主頁和信息頁。激活率越高，就意味著它對(duì)網(wǎng)民的吸引力越大，從而吸引更多的小企業(yè)、個(gè)體經(jīng)營者租用自己的網(wǎng)站設(shè)置網(wǎng)頁，獲得更多的收入。目前網(wǎng)絡(luò)媒介一般者是免費(fèi)向讀者提供信息的，它從內(nèi)容傳播本身并不能取得收入。但它還是保持不懈地更新網(wǎng)上新聞、娛樂方面的內(nèi)容，其用意無非是持之以恒、鍥而不舍地在網(wǎng)上建立自己網(wǎng)站的聲望，強(qiáng)化知名度、印象度，為開展廣告經(jīng)營，取得廣告收入的回報(bào)創(chuàng)造條件，打下基礎(chǔ)。因而關(guān)于一個(gè)網(wǎng)站來說，如何讓讀者更多更好地接受信息是提升網(wǎng)站知名度的關(guān)鍵。新晨

三、傳遞商品信息，誘發(fā)購買欲

從信息接受者的角度合計(jì)，視覺是人們獲取信息的主要渠道。一個(gè)人在接受外界信息時(shí)，經(jīng)由視覺接受的信息占全部信息的83%，11%的信息來自于聽覺，3.5%的信息來自于嗅覺，1.5%的信息來自于觸覺，1%的信息來自于味覺。關(guān)于網(wǎng)絡(luò)廣告信息來說，視覺形象的表現(xiàn)力比語言的表現(xiàn)力更強(qiáng)，能達(dá)到更好的效果。因而，在某種程度上來看，與其用語言向讀者灌輸信息，不如讓讀者去看，讓形象去說服讀者。

圖像是文字的具象化，圖像能極大地提升文字的魅力、張力和感性，一幅好的圖像，能將制定師抽象的思索予以"具體化'的表達(dá)，把某些無法用文字表現(xiàn)出來的視覺特征，通過圖像形象地表現(xiàn)出來，它應(yīng)該是一種文字意念的"再創(chuàng)造'。

網(wǎng)頁中廣告的圖像通常是通過畫面的視覺形象對(duì)瀏覽者的視覺產(chǎn)生刺激，加強(qiáng)人們對(duì)廣告信息商品或者勞務(wù)等的印象，在人們毫無反感的心理狀態(tài)下，不知不