您當前位置:圖趣網(wǎng)(Tuquu) >> 網(wǎng)頁設(shè)計教程 >> 設(shè)計理論 >> 瀏覽設(shè)計教程

網(wǎng)頁設(shè)計的十大原則

網(wǎng)頁設(shè)計--網(wǎng)站是企業(yè)向用戶和網(wǎng)民提供信息(包括產(chǎn)品和服務)的一種方式,是企業(yè)開展電子商務的基礎(chǔ)設(shè)施和信息平臺,離開網(wǎng)站(或者只是利用第三方網(wǎng)站)去談電子商務是不可能的。企業(yè)的網(wǎng)址被稱為“網(wǎng)絡商標”,也是企業(yè)無形資產(chǎn)的組成部分,而網(wǎng)站是INTERNET上宣傳和反映企業(yè)形象和文化的重要窗口。企業(yè)網(wǎng)站設(shè)計顯得極為重要,下面是一些圖趣網(wǎng)絡總結(jié)出來網(wǎng)站設(shè)計中應注意的十大原則。

  一、 明確建立網(wǎng)站的目標和用戶需求

  Web站點的設(shè)計是展現(xiàn)企業(yè)形象、介紹產(chǎn)品和服務、體現(xiàn)企業(yè)發(fā)展戰(zhàn)略的重要途徑,因此我們必須明確設(shè)計站點的目的和用戶需求,從而做出切實可行的設(shè)計計劃。我們會根據(jù)消費者的需求、市場的狀況、企業(yè)自身的情況等進行綜合分析,以“消費者(customer)”為中心,而不是以“美術(shù)”為中心進行設(shè)計規(guī)劃。

  在設(shè)計規(guī)劃時我們會考慮:

  建設(shè)網(wǎng)站的目的是什么?

  為誰提供服務和產(chǎn)品?

  企業(yè)能提供什么樣的產(chǎn)品和服務?

  網(wǎng)站的目的消費者和受眾的特點是什么?

  企業(yè)產(chǎn)品和服務適合什么樣的表現(xiàn)方式(風格)?

  二、網(wǎng)頁設(shè)計總體方案主題鮮明

  在目標明確的基礎(chǔ)上,完成網(wǎng)站的構(gòu)思創(chuàng)意即總體設(shè)計方案。對網(wǎng)站的整體風格和特色作出定位,規(guī)劃網(wǎng)站的組織結(jié)構(gòu)。

  Web站點應針對所服務對象(機構(gòu)或人)的不同而具有不同的形式。有些站點只提供簡潔文本信息;有些則采用多媒體表現(xiàn)手法,提供華麗的圖像、閃爍的燈光、復雜的頁面布置,甚至可以下載聲音和錄像片段。好的Web站點把圖形表現(xiàn)手法和有效的組織與通信結(jié)合起來。

  為了做到主題鮮明突出,要點明確,我們將按照客戶的要求,以簡單明確的語言和畫面體現(xiàn)站點的主題;調(diào)動一切手段充分表現(xiàn)網(wǎng)站點的個性和情趣,辦出網(wǎng)站的特點。

  Web站點主頁應具備的基本成分包括: 頁頭:準確無誤地標識你的站點和企業(yè)標志; Email地址:用來接收用戶垂詢; 聯(lián)系信息:如普通郵件地址或電話; 版權(quán)信息:聲明版權(quán)所有者等。

  充分利用已有信息,如客戶手冊.公共關(guān)系文檔.技術(shù)手冊和數(shù)據(jù)庫等。

  三、網(wǎng)站的版式設(shè)計

  網(wǎng)頁設(shè)計作為一種視覺語言,特別講究編排和布局,雖然主頁的設(shè)計不等同于平面設(shè)計,但它們有許多相近之處。

  版式設(shè)計通過文字圖形的空間組合,表達出和諧與美。

  多頁面站點頁面的編排設(shè)計要求把頁面之間的有機聯(lián)系反映出來,特別要處理好頁面之間和頁面內(nèi)的秩序與內(nèi)容的關(guān)系。為了達到最佳的視覺表現(xiàn)效果,我們將反復推敲整體布局的合理性,使瀏覽者有一個流暢的視覺體驗。

  四、色彩在網(wǎng)頁設(shè)計中的作用

  色彩是藝術(shù)表現(xiàn)的要素之一。在網(wǎng)頁設(shè)計中,我們的設(shè)計師根據(jù)和諧、均衡和重點突出的原則,將不同的色彩進行組合.搭配來構(gòu)成美麗的頁面。 根據(jù)色彩對人們心理的影響,合理地加以運用。如果您的企業(yè)有CIS(企業(yè)形象識別系統(tǒng)),我們將按照其中的VI進行色彩運用。

  五、網(wǎng)頁設(shè)計形式與內(nèi)容相統(tǒng)一

  為了將豐富的意義和多樣的形式組織成統(tǒng)一的頁面結(jié)構(gòu),形式語言必須符合頁面的內(nèi)容,體現(xiàn)內(nèi)容的豐富含義。

  靈活運用對比與調(diào)和、對稱與平衡、節(jié)奏與韻律以及留白等手段,通過空間、文字、圖形之間的相互關(guān)系建立整體的均衡狀態(tài),產(chǎn)生和諧的美感。如對稱原則在頁面設(shè)計中, 它的均衡有時會使頁面顯得呆板,但如果加入一些富有動感的文字、圖案,或采用夸張的手法來表現(xiàn)內(nèi)容往往會達到比較好的效果。 點、線、面作為視覺語言中的基本元素,巧妙地互相穿插、互相襯托、互相補充構(gòu)成最佳的頁面效果,充分表達完美的設(shè)計意境。

  六、三維空間的構(gòu)成和虛擬現(xiàn)實

  網(wǎng)絡上的三維空間是一個假想空間,這種空間關(guān)系需借助動靜變化.圖像的比例關(guān)系等空間因素表現(xiàn)出來。 在頁面中,圖片、文字位置前后疊壓,或頁面位置變化所產(chǎn)生的視覺效果都各不相同。通過圖片、文字前后疊壓所構(gòu)成的空間層次不太適合網(wǎng)頁設(shè)計,根據(jù)現(xiàn)有瀏覽器的特點,網(wǎng)頁設(shè)計適合比較規(guī)范、簡明的頁面,盡管這種疊壓排列能產(chǎn)生強節(jié)奏的空間層次,視覺效果強烈。 網(wǎng)頁上常見的是頁面上、下、左、右、中位置所產(chǎn)生的空間關(guān)系,以及疏密的位置關(guān)系所產(chǎn)生的空間層次,這兩種位置關(guān)系使產(chǎn)生的空間層次富有彈性,同時也讓人產(chǎn)生輕松或緊迫的心理感受。 現(xiàn)在,人們已不滿足于HTML語言編制的二維Web頁面,三維世界的誘惑開始吸引更多的人,虛擬現(xiàn)實要在Web網(wǎng)上展示其迷人的風采,于是VRML語言出現(xiàn)了。VRML是一種面向?qū)ο蟮恼Z言,它類似Web超級鏈接所使用的HTML語言,也是一種基于文本的語言,并可以運行在多種平臺之上,只不過能夠更多地為虛擬現(xiàn)實環(huán)境服務。

  七、網(wǎng)頁設(shè)計中多媒體功能的利用

  網(wǎng)絡資源的優(yōu)勢之一是多媒體功能。要吸引瀏覽者注意力,網(wǎng)頁的內(nèi)容可以用三維動畫、FLASH等來表現(xiàn)。但要由于網(wǎng)絡帶寬的限制,在使用多媒體的形式表現(xiàn)網(wǎng)頁的內(nèi)容時不得不考慮客戶端的傳輸速度。

  八、結(jié)構(gòu)清晰并且便于使用。

  如果人們看不懂或很難看懂您的網(wǎng)站,那么,他如何了解你的企業(yè)和服務呢?使用一些醒目的標題或文字來突出您的產(chǎn)品與服務。并且即使您擁有最棒的產(chǎn)品,如果客戶從您的網(wǎng)站上不清楚您在介紹什么或不清楚如何受益的話,他們是不會喜歡您的網(wǎng)站的,這就是網(wǎng)頁設(shè)計的失敗。

  九、導向清晰。

  網(wǎng)頁設(shè)計中導航使用超文本鏈接或圖片鏈接,使人們能夠在您的網(wǎng)站上自由前進或后退,而不會讓他們使用瀏覽器上的前進或后退。我們在所有的圖片上使用“ALT”標識符注明圖片名稱或解釋,以便那些不愿意自動加載圖片的觀眾能夠了解圖片的含義。

  十、快速的下載時間。

  很多的瀏覽者不會進入需要等待5分鐘下載時間才能進入的網(wǎng)站,在互聯(lián)網(wǎng)上30秒的等待時間與我們平常10分鐘等待時間的感覺相同。因此,我們會建議您在網(wǎng)頁設(shè)計中盡量避免使用過多的圖片及體積過大的圖片。我們通常會與客戶合作,將主要頁面的容量控制在50K以內(nèi),平均30K左右,確保普通瀏覽者頁面等待時間不超過10秒。

[教程作者:admin]
免責聲明:本站文章系圖趣網(wǎng)整理發(fā)布,如需轉(zhuǎn)載,請注明出處,素材資料僅供個人學習與參考,請勿用于商業(yè)用途!
本文地址:http://irelandcustomcontracting.com/tutorial/di860.html
后臺登陸網(wǎng)頁的設(shè)計
網(wǎng)站設(shè)計布局的速記口訣
圖趣網(wǎng)微信
建議反饋
×