網(wǎng)絡(luò)編輯-第五章-網(wǎng)站的結(jié)構(gòu)與編排

第一章第二章第三章第四章第五章網(wǎng)站的結(jié)構(gòu)與編排第六章第七章第八章第九章第十章第十一章第十二章第十三章第十四章第十五章第十六章第四章網(wǎng)站的結(jié)構(gòu)與編排

5.1網(wǎng)站的結(jié)構(gòu)

5.2網(wǎng)站的創(chuàng)意設(shè)計

5.3網(wǎng)頁的編排設(shè)計

5.4職業(yè)工作站

5.5分析評價_學(xué)習(xí)目標第五章網(wǎng)站的結(jié)構(gòu)與編排2006.12.1.xi’an知識目標：了解建立網(wǎng)站結(jié)構(gòu)的原則，掌握網(wǎng)站的幾種常見結(jié)構(gòu)方式；了解網(wǎng)站的創(chuàng)意設(shè)計的基本原則和創(chuàng)意設(shè)計中的相關(guān)要素；了解網(wǎng)頁編排設(shè)計的基本原則。技能目標：能夠合乎規(guī)范并熟練地進行網(wǎng)站創(chuàng)意和網(wǎng)頁編排的設(shè)計操作。能力目標：能夠根據(jù)網(wǎng)站定位的實際需要，運用網(wǎng)站結(jié)構(gòu)、網(wǎng)站的創(chuàng)意設(shè)計和網(wǎng)頁編排設(shè)計的知識與技能，創(chuàng)造性地分析與解決網(wǎng)站創(chuàng)意和網(wǎng)頁編排設(shè)計中的實際問題。_5網(wǎng)站的結(jié)構(gòu)與編排第五章網(wǎng)站的結(jié)構(gòu)與編排2006.12.1.xi’an－－－網(wǎng)站美化工程網(wǎng)站作為一種視覺媒體，現(xiàn)代設(shè)計理念中的有關(guān)內(nèi)容同樣適用于網(wǎng)站設(shè)計。人性化界面設(shè)計人機互動設(shè)計本章學(xué)習(xí)的主要內(nèi)容就是這兩個方面在網(wǎng)站中具體應(yīng)用。_5.1網(wǎng)站的結(jié)構(gòu)第五章網(wǎng)站的結(jié)構(gòu)與編排2006.12.1.xi’an一、網(wǎng)站結(jié)構(gòu)的設(shè)計1、常見的幾種結(jié)構(gòu)模型：

網(wǎng)頁1

網(wǎng)頁2

網(wǎng)頁3

網(wǎng)頁4

線狀結(jié)構(gòu)

主頁網(wǎng)頁網(wǎng)頁網(wǎng)頁網(wǎng)頁網(wǎng)頁網(wǎng)頁

樹狀結(jié)構(gòu)_5.1網(wǎng)站的結(jié)構(gòu)第五章網(wǎng)站的結(jié)構(gòu)與編排2006.12.1.xi’an網(wǎng)站的結(jié)構(gòu)指某一網(wǎng)站的信息組合的基本框架，它顯示該網(wǎng)站中各個網(wǎng)頁之間的邏輯關(guān)系。在網(wǎng)站的發(fā)展過程中，為了容納海量信息，網(wǎng)站的結(jié)構(gòu)越來越復(fù)雜，有時為了使網(wǎng)站的內(nèi)容更加條理，在形式上常常采用幾種結(jié)構(gòu)混合的模式。

網(wǎng)頁網(wǎng)頁主頁網(wǎng)頁網(wǎng)頁網(wǎng)狀結(jié)構(gòu)_5.1網(wǎng)站的結(jié)構(gòu)第五章網(wǎng)站的結(jié)構(gòu)與編排2006.12.1.xi’an網(wǎng)站結(jié)構(gòu)設(shè)計的人性化體現(xiàn)：

網(wǎng)站結(jié)構(gòu)如果不合理，網(wǎng)站就變成了迷宮，使訪問者迷失在大堆的信息中；對于網(wǎng)站工作人員來說，日常的更新或?qū)W(wǎng)站結(jié)構(gòu)的調(diào)整也比較麻煩。因此，要建立一個簡單、有序、合理的網(wǎng)站結(jié)構(gòu)需要遵循一些基本的原則。(1)網(wǎng)站結(jié)構(gòu)層次適當(dāng)

(2)網(wǎng)站結(jié)構(gòu)拓展性廣_5.1網(wǎng)站的結(jié)構(gòu)第五章網(wǎng)站的結(jié)構(gòu)與編排2006.12.1.xi’an2、網(wǎng)頁間的鏈接方式大量的信息通過各種鏈接聯(lián)系到一起，構(gòu)成網(wǎng)絡(luò)世界的高速通道。目前主要的鏈接方式有以下幾種：

導(dǎo)航條超鏈接超文本第五章網(wǎng)站的結(jié)構(gòu)與編排2006.12.1.xi’an_5.1網(wǎng)站的結(jié)構(gòu)導(dǎo)航條超鏈接超文本網(wǎng)站地圖第五章網(wǎng)站的結(jié)構(gòu)與編排2006.12.1.xi’an_5.2網(wǎng)站的創(chuàng)意設(shè)計

網(wǎng)站創(chuàng)意設(shè)計網(wǎng)站創(chuàng)意設(shè)計，重在“創(chuàng)意”二字。通過人性化的創(chuàng)意設(shè)計，使網(wǎng)站定位的核心理念能夠在網(wǎng)站的各個視覺點上充分體現(xiàn)?；驹瓌t：（1）、統(tǒng)一性原則（2）、互動性原則（3）、適用性原則第五章網(wǎng)站的結(jié)構(gòu)與編排2006.12.1.xi’an_5.2網(wǎng)站的創(chuàng)意設(shè)計網(wǎng)站創(chuàng)意設(shè)計的具體要素

VI設(shè)計內(nèi)容模塊設(shè)計

按照網(wǎng)站的定位，將信息有序的組合在一起，既體現(xiàn)出網(wǎng)站的內(nèi)容特色，又能方便訪問者迅速找到所需要的信息。即視覺識別，是CIS企業(yè)形象識別系統(tǒng)中最具傳播力和感染力的層面。第五章網(wǎng)站的結(jié)構(gòu)與編排2006.12.1.xi’an_5.2網(wǎng)站的創(chuàng)意設(shè)計網(wǎng)站作為一個以視覺為主的媒介，其視覺識別系統(tǒng)的建立可以將網(wǎng)站的定位、內(nèi)容在更廣泛的層面上，進行更形象直接的傳播。對于網(wǎng)站來說，表現(xiàn)在版面上能給訪問者以強烈視覺印象的主要是網(wǎng)站的Logo和標準色。

_5.2網(wǎng)站的創(chuàng)意設(shè)計第五章網(wǎng)站的結(jié)構(gòu)與編排2006.12.1.xi’anLogo的表現(xiàn)形式及特點第五章網(wǎng)站的結(jié)構(gòu)與編排2006.12.1.xi’an_5.2網(wǎng)站的創(chuàng)意設(shè)計色調(diào)虛擬世界是個色彩繽紛的天地，許多現(xiàn)實中沒有的色彩都可以通過計算機合成，給人以不同的美感。

基于人的視覺享受，和保證網(wǎng)站整體整體風(fēng)格的統(tǒng)一，網(wǎng)站通常會確定一至三種主色調(diào)。第五章網(wǎng)站的結(jié)構(gòu)與編排2006.12.1.xi’an_5.2網(wǎng)站的創(chuàng)意設(shè)計影響內(nèi)容模塊設(shè)計的因素：

網(wǎng)站的定位訪問者的閱讀習(xí)慣和興趣通過網(wǎng)站的具體內(nèi)容設(shè)計體現(xiàn)網(wǎng)站定位中的核心內(nèi)容，從而實現(xiàn)網(wǎng)站經(jīng)營主體創(chuàng)辦網(wǎng)站的最終目的。通過喜聞樂見的內(nèi)容方式滿足訪問者的各種需求，是網(wǎng)站吸引和留住訪問者的主要方法。_5.2網(wǎng)站的創(chuàng)意設(shè)計第五章網(wǎng)站的結(jié)構(gòu)與編排2006.12.1.xi’an三、首頁的編排設(shè)計真正承載網(wǎng)站內(nèi)容的是網(wǎng)頁，而網(wǎng)頁中又以首頁為重要。幾乎所有的網(wǎng)站都會把最重要、最吸引人的內(nèi)容放在首頁，而首頁也會是展現(xiàn)網(wǎng)站特色的重地。

基本原則：（1）邏輯性原則

（2）平衡性原則（3）對比性原則

第五章網(wǎng)站的結(jié)構(gòu)與編排2006.12.1.xi’an_5.3網(wǎng)頁的編排設(shè)計政府網(wǎng)站個人網(wǎng)站第五章網(wǎng)站的結(jié)構(gòu)與編排2006.12.1.xi’an_5.3網(wǎng)頁的編排設(shè)計商業(yè)網(wǎng)站企業(yè)網(wǎng)站_5.3網(wǎng)頁的編排設(shè)計第五章網(wǎng)站的結(jié)構(gòu)與編排2006.12.1.xi’an首頁構(gòu)成要素文字圖片表格音視頻超連接線條色彩空白……第五章網(wǎng)站的結(jié)構(gòu)與編排2006.12.1.xi’an_5.3網(wǎng)頁的編排設(shè)計文字的美第五章網(wǎng)站的結(jié)構(gòu)與編排2006.12.1.xi’an_5.3網(wǎng)頁的編排設(shè)計首頁的框架

首頁框架樣式眾多，沒有固定的標準或模式，一般集中為橫向劃分、豎向劃分和橫豎結(jié)合劃分三大形式粗框架。

第五章網(wǎng)站的結(jié)構(gòu)與編排2006.12.1.xi’an_5.3網(wǎng)頁的編排設(shè)計橫版結(jié)構(gòu)第五章網(wǎng)站的結(jié)構(gòu)與編排2006.12.1.xi’an_5.3網(wǎng)頁的編排設(shè)計豎版結(jié)構(gòu)第五章網(wǎng)站的結(jié)構(gòu)與編排2006.12.1.xi’an_5.3網(wǎng)頁的編排設(shè)計橫豎結(jié)合式結(jié)構(gòu)第五章網(wǎng)站的結(jié)構(gòu)與編排2006.12.1.xi’an_5.3網(wǎng)頁的編排設(shè)計首頁的內(nèi)容組織特點：（1）突出網(wǎng)站特色（2）突出網(wǎng)絡(luò)信息的新（3）內(nèi)容編排忌凌亂（4）重視首頁的網(wǎng)民戶動渠道

第五章網(wǎng)站的結(jié)構(gòu)與編排2006.12.1.xi’an_本章小結(jié)本章主要是從整體上對網(wǎng)站的框架結(jié)構(gòu)、色調(diào)、內(nèi)容等方面的設(shè)計進行學(xué)習(xí)。網(wǎng)站主要是視覺媒體，要通過人性化的設(shè)計、通過內(nèi)在邏輯性將各種信息組合在一起，將其裝入科學(xué)設(shè)計的網(wǎng)站框架內(nèi)，通過友好的界面和各種交互性的功能與用戶之間溝通交流，方便用戶對網(wǎng)站的使用。本章從視覺方面入手，首先介紹了網(wǎng)站的組織框架設(shè)計及主要的鏈接方式，在此基礎(chǔ)上，對網(wǎng)站創(chuàng)意設(shè)計的細節(jié)要素進行