人性化網(wǎng)站設(shè)計的探新范文

本站小編為你精心準備了人性化網(wǎng)站設(shè)計的探新參考范文，愿這些范文能點燃您思維的火花，激發(fā)您的寫作靈感。歡迎深入閱讀并收藏。

一、人性化網(wǎng)站設(shè)計的概念

（一）人性化定義

人性化是指以滿足人的需求，實現(xiàn)人的價值，追求人的發(fā)展為價值取向，以人文關(guān)懷的角度來開展的一種柔性活動原則。設(shè)計是為人服務(wù)的，人性化設(shè)計是以人為中心和尺度，滿足人的社會需要與情感需要。現(xiàn)代設(shè)計是科學(xué)與藝術(shù)、技術(shù)與人性的結(jié)合，科學(xué)技術(shù)給設(shè)計以嚴謹?shù)慕Y(jié)構(gòu)和良好的功能，而藝術(shù)和人性使設(shè)計充滿情趣和活力，成為人與設(shè)計親近和諧的紐帶。

（二）人性化網(wǎng)站設(shè)計

隨著大眾生活水平的整體提高，人們對設(shè)計物的基本功能感到滿足后，愈發(fā)希望設(shè)計物能夠帶來方便舒適的使用功能。人性化設(shè)計趨勢的出現(xiàn)是由人類的內(nèi)在需求觸發(fā)的。現(xiàn)代設(shè)計除了滿足最基本的實用、適用要求之外，還要具備情感、文化、審美、精神的含義。網(wǎng)站設(shè)計也是以“人”為主體，為廣義上的人服務(wù)的。

二、人性化網(wǎng)站設(shè)計分析

色彩、圖形、文字是構(gòu)成網(wǎng)站傳達信息不可或缺的手段，它們是展示網(wǎng)站內(nèi)容的重要組成部分。網(wǎng)站的第一印象和整體風(fēng)格對用戶的吸引是很重要的。只有多為用戶著想，認真地從用戶的切身體會出發(fā)去完成網(wǎng)站的整體設(shè)計，才能設(shè)計出符合人性化需求的網(wǎng)站。當(dāng)然，在設(shè)計過程中需要考慮的因素很多，用戶群的因素和界面因素是首要考慮的兩個方面。

（一）人性化網(wǎng)站設(shè)計的因素

把用戶因素充分考慮到網(wǎng)站設(shè)計領(lǐng)域中，這樣才能更好地設(shè)計出符合用戶需要的界面。第一，用戶群方面的因素。現(xiàn)在網(wǎng)絡(luò)已經(jīng)融入到人們的生活當(dāng)中，每一個人都是網(wǎng)絡(luò)發(fā)展中的現(xiàn)有用戶或潛在用戶。因此，網(wǎng)站設(shè)計必須從關(guān)注人的角度出發(fā)，逐步實現(xiàn)網(wǎng)站設(shè)計人性化的發(fā)展要求，融合人類感情，使網(wǎng)絡(luò)生活變得豐富溫暖，富有樂趣。第二，網(wǎng)站界面方面的因素。每一個網(wǎng)站的界面都像個矩形框，在矩形框內(nèi)按一定的類別、功能將其劃分為幾個區(qū)域，這些區(qū)域就是網(wǎng)站信息構(gòu)架的全部內(nèi)容，因此網(wǎng)站界面布局的美觀與實用是設(shè)計師所要考慮的問題。現(xiàn)在流行的web站點布局中就有很多種布局類型，如“T”結(jié)構(gòu)布局、POP布局等。如人性化“數(shù)字圖書館”的網(wǎng)站布局，它以“T”結(jié)構(gòu)來布局展開設(shè)計。“T”結(jié)構(gòu)的網(wǎng)站布局在結(jié)構(gòu)上很清晰，雖然它也是矩形之間的嵌套，但可以利用色彩上的搭配彌補這一缺點，呈現(xiàn)新穎美觀的特點。其功能又有明確劃分，信息的與各區(qū)域的搜索、瀏覽、查詢以及文件的傳輸?shù)龋慷加稍O(shè)計師用計算機技術(shù)來處理，方便用戶查詢信息。因此，網(wǎng)頁界面設(shè)計，除了考慮用戶因素外，還要解決頁面元素、導(dǎo)航因素等諸多方面的問題，這樣才能很好地展現(xiàn)網(wǎng)頁界面的風(fēng)格。

（二）人性化網(wǎng)站的設(shè)計

1．頁面設(shè)計要符合訪問者的視覺需求網(wǎng)頁界面設(shè)計是在有限的屏幕空間上將視聽多種元素有機地排列組合，并將理性思維個性化地表現(xiàn)出來。在設(shè)計之前我們必須根據(jù)表現(xiàn)題材和前期創(chuàng)意策劃的要求，確定出網(wǎng)站界面的版式，它會決定各個元素的排布方式和最終表現(xiàn)風(fēng)格。由于網(wǎng)絡(luò)瀏覽器的工具條、狀態(tài)欄及滾動條占用屏幕的部分空間，因而網(wǎng)絡(luò)頁面實際的空間要小于屏幕。屏幕尺寸一般是根據(jù)計算機的市場銷量規(guī)格、保有量和普及性等因素確定的。網(wǎng)頁界面設(shè)計的通用尺寸以1024＊768（像素）的分辨率為基準，頁面寬度在900～1000（像素）之間，設(shè)計者可在以上尺寸范圍內(nèi)進行頁面編排。網(wǎng)頁頁面一般都是垂直的，長度可以變化，可以利用滾動條進行瀏覽。網(wǎng)頁的高度以屏為單位，第一屏是指一個頁面在不滾動的情況下，屏幕能夠完整呈現(xiàn)的部分。第一屏是網(wǎng)頁展示的黃金位置，一般放置網(wǎng)站最主要的信息內(nèi)容。網(wǎng)頁設(shè)計高度從一屏至三屏不等，最好不要超過三屏，較長的頁面會給訪問者造成閱讀和查找信息的困難。所以在設(shè)計中要了解屏的具體尺寸，一般來講，1024＊768（像素）的分辨率高度610（像素）為一屏。以一屏為尺度的設(shè)計能在有效的范圍內(nèi)展現(xiàn)所要傳達的信息，同時訪問者在瀏覽頁面時能迅速地找到自己感興趣的信息。為了方便訪問者瀏覽，網(wǎng)頁都應(yīng)在瀏覽器寬度范圍內(nèi)完整地橫向顯示，設(shè)計者必須確定頁面的合理尺寸，避免出現(xiàn)橫向滾動條，給訪問者帶來視覺的不舒適感。

2．導(dǎo)航結(jié)構(gòu)要符合訪問者的瀏覽需求導(dǎo)航系統(tǒng)是網(wǎng)站的指示系統(tǒng)，它具有明確的導(dǎo)向性。導(dǎo)航系統(tǒng)的有效設(shè)定可以使訪問者在信息“迷宮”中快速達到目的地。導(dǎo)航系統(tǒng)是整個網(wǎng)站的結(jié)構(gòu)，訪問者主要是通過導(dǎo)航系統(tǒng)的設(shè)置來了解整個網(wǎng)站的構(gòu)成，因此人性化設(shè)計就取決于導(dǎo)航系統(tǒng)的合理規(guī)劃。一個網(wǎng)站一般包含很多內(nèi)容，它通常包含不止一個層次的結(jié)構(gòu)，設(shè)置導(dǎo)航系統(tǒng)就是對這些內(nèi)容進行分類。導(dǎo)航系統(tǒng)設(shè)計關(guān)鍵不是一次性給訪問者所有信息，而是能給出合理的信息導(dǎo)向。導(dǎo)航分為主導(dǎo)航、子導(dǎo)航，子導(dǎo)航還有下一級頁面的導(dǎo)航。以筆者設(shè)計的設(shè)計藝術(shù)系網(wǎng)站為例。根據(jù)對藝術(shù)系現(xiàn)有資料的搜集與整理，確定系網(wǎng)站的主導(dǎo)航由“系部概況”、“教育科研”、“實驗中心”、“黨群工作”、“學(xué)生園地”、“作品展示”和“聯(lián)系我們”七部分組成。這些導(dǎo)航是整個藝術(shù)系網(wǎng)站信息的主干結(jié)構(gòu)，最能展現(xiàn)系網(wǎng)站主題信息目錄。通過它訪問者可以了解藝術(shù)系網(wǎng)站表現(xiàn)的主旨。主導(dǎo)航又因各自的信息量分解成若干個子導(dǎo)航，如“系部概況”又細分為“系部簡介”、“系部領(lǐng)導(dǎo)”、“師資隊伍”、“系VI形象”等。每個子導(dǎo)航又可分下一級頁面導(dǎo)航。例如“師資隊伍”又分了“服裝設(shè)計與工程”和“設(shè)計藝術(shù)計”等不同專業(yè)的師資隊伍。網(wǎng)站的導(dǎo)航系統(tǒng)就是通過這種階梯式的導(dǎo)航系統(tǒng)來實現(xiàn)的。合理的導(dǎo)航系統(tǒng)，是訪問者了解網(wǎng)站內(nèi)容的得力助手。

確定好導(dǎo)航的結(jié)構(gòu)，那如何設(shè)計展現(xiàn)這些主導(dǎo)航、子導(dǎo)航與下一級頁面的關(guān)系？目前有兩種導(dǎo)航系統(tǒng)的展示方式：展開式導(dǎo)航和隱藏式導(dǎo)航。不管采用何種方式導(dǎo)航，主導(dǎo)航始終貫穿于一個網(wǎng)站的每個頁面上。主導(dǎo)航中的每一部分都包含子導(dǎo)航的內(nèi)容，但子導(dǎo)航不需要顯示在網(wǎng)站的每一個頁面上，只需要在相應(yīng)的頁面上呈現(xiàn)相應(yīng)的信息即可。

導(dǎo)航系統(tǒng)的設(shè)計應(yīng)清晰、易識別，使訪問者通過導(dǎo)航系統(tǒng)進入所需的信息頁面，并從其他信息頁面進入任意頁面或返回首頁；導(dǎo)航系統(tǒng)的設(shè)計還應(yīng)易操作，當(dāng)訪問者由主導(dǎo)航進入子頁面時，可以通過顏色或大小的變化來指示訪問者當(dāng)前所處的位置，使訪問者避免進入相同頁面。此外，其他方面的設(shè)計也要以人性化設(shè)計為出發(fā)點，如網(wǎng)頁頁面中文本、圖片、視頻、動畫產(chǎn)品、聲音等的設(shè)計，控制按鈕（包括數(shù)字、外形、放置位置、大小等）、字體大小、圖表、動畫和視頻大小和位置等，甚至導(dǎo)航的形狀、大小、整體的導(dǎo)航位置等也要充分考慮。因此，相對平面設(shè)計而言網(wǎng)站設(shè)計是個“大工程”，每個設(shè)計環(huán)節(jié)都包含設(shè)計師對細節(jié)的精益求精和人性化的思考。

三、結(jié)語

網(wǎng)頁設(shè)計不僅涉及色彩構(gòu)成、平面構(gòu)成、版式設(shè)計、CI等方面的知識，還涉及Java、JavaScript、CSS、HTML等編程語言方面的知識。在高科技迅猛發(fā)展的時代，知識更新是對設(shè)計師的考驗，也改變了設(shè)計師的工作方式與表現(xiàn)手法。如何反映網(wǎng)絡(luò)時代全新的傳媒藝術(shù)語匯，創(chuàng)造出符合人們需求的網(wǎng)絡(luò)設(shè)計符號，都是值得設(shè)計師思考的問題。網(wǎng)站設(shè)計既是信息傳播的載體，又是美感的傳遞者，人性化便是一把驗證的標尺。

作者：楊亦藝單位：廈門理工學(xué)院設(shè)計藝術(shù)系