圖書館網(wǎng)站風(fēng)格設(shè)計(jì)基本原則

1、論文圖書館網(wǎng)站風(fēng)格設(shè)計(jì)基本原則張曉源廣州圖書館（510055）風(fēng)格(style)，指作家、藝術(shù)家在創(chuàng)作中所表現(xiàn)出來的藝術(shù)特色和創(chuàng)作個(gè)性。風(fēng)格體現(xiàn)在作品內(nèi)容和形式的各種要素中。如對(duì)處理題材、駕御體裁、描繪形象、表現(xiàn)手法、運(yùn)用語(yǔ)言等方面所形成的特色，就是作品的風(fēng)格。一個(gè)網(wǎng)站作為一個(gè)作品，同樣具有自己的風(fēng)格。而網(wǎng)站風(fēng)格又對(duì)這個(gè)網(wǎng)站乃至網(wǎng)站業(yè)主的整體形象、傳播效果等都產(chǎn)生重要影響。例如，網(wǎng)易（因此，如何設(shè)計(jì)出既有吸引力又能體現(xiàn)網(wǎng)站以及業(yè)主的特定形象，就成為網(wǎng)站設(shè)計(jì)者所十分注重的事情。2001年筆者主持了廣州圖書館網(wǎng)站的設(shè)計(jì)。在網(wǎng)站風(fēng)格設(shè)計(jì)過程中，我們關(guān)心的是以下幾個(gè)問題：1、 形成網(wǎng)站風(fēng)格所依賴的設(shè)計(jì)

2、原則2、 通過這些原則建立廣州圖書館網(wǎng)站風(fēng)格為此，筆者研究了國(guó)內(nèi)外近百個(gè)網(wǎng)站（大部分是公共圖書館）的設(shè)計(jì)風(fēng)格，從中發(fā)現(xiàn)若干帶規(guī)律性的東西，并把研究心得應(yīng)用在廣州圖書館網(wǎng)站設(shè)計(jì)上，收到良好效果。鑒于風(fēng)格是一種抽象的東西，盡管可以通過對(duì)網(wǎng)站各相關(guān)要素的分析得出評(píng)價(jià)，但是這些評(píng)價(jià)仍然具有很大主觀成分，因此，上述心得也就僅僅是一家之言。1、形成網(wǎng)站風(fēng)格所依賴的設(shè)計(jì)原則風(fēng)格是抽象的，是網(wǎng)站的整體形象給瀏覽者的綜合感受。構(gòu)成網(wǎng)站整體形象的要素很多，包括網(wǎng)站的ci（標(biāo)題，標(biāo)志，色彩，字體，標(biāo)語(yǔ)）、版面布局、頁(yè)面構(gòu)成、鏈接方式、瀏覽方式、交互性、文字、語(yǔ)氣、內(nèi)容價(jià)值、存在意義、網(wǎng)站榮譽(yù)等等諸多因素。這些都是項(xiàng)

3、目要素，在有關(guān)文章均有論述，本文不再討論。本文集中討論的是設(shè)計(jì)原則問題。即用什么方法，展現(xiàn)網(wǎng)站的風(fēng)格。在對(duì)近百網(wǎng)站樣本研究的基礎(chǔ)上，筆者得出了圖書館網(wǎng)站風(fēng)格設(shè)計(jì)的幾個(gè)原則：統(tǒng)一原則、標(biāo)志原則、關(guān)聯(lián)引導(dǎo)原則、重復(fù)原則、構(gòu)圖原則。本文以這些網(wǎng)站樣本中的一個(gè)網(wǎng)站風(fēng)格典型不列顛圖書館（http:/www.bl.uk/）為例進(jìn)行分析和說明。見圖1、2、3。圖1：“http:/www.bl.uk/”主頁(yè)圖2：“http:/www.bl.uk/”三級(jí)頁(yè)“whats on exhibitions”圖3：“http:/www.bl.uk/”二級(jí)頁(yè)“collections maps”1.1、統(tǒng)一原則統(tǒng)一性是構(gòu)建網(wǎng)

4、站風(fēng)格的首要原則。對(duì)于一大堆東西來說，要想給別人它們是同一個(gè)事物的印象，每個(gè)東西都必須具有一些相同的部分，以把每個(gè)東西串起來。為達(dá)到這個(gè)目的，就需要使每個(gè)網(wǎng)頁(yè)都具有統(tǒng)一的設(shè)計(jì)。否則網(wǎng)站風(fēng)格無(wú)從談起。其次，網(wǎng)站風(fēng)格指的是整個(gè)網(wǎng)站的風(fēng)格，并非某頁(yè)風(fēng)格。只能通過每個(gè)頁(yè)面共同反映、傳遞同樣的東西，才能建構(gòu)出整體風(fēng)格。統(tǒng)一原則在網(wǎng)站風(fēng)格設(shè)計(jì)網(wǎng)站中占重要地位，要保證網(wǎng)站風(fēng)格設(shè)計(jì)的成功，就需要保證網(wǎng)站結(jié)構(gòu)的眾多元素的一致，如網(wǎng)站的版面布局的一致、標(biāo)志性元素的一致、導(dǎo)航的一致等等。 “http:/www.bl.uk/”的統(tǒng)一原則設(shè)計(jì)主要通過以下方式實(shí)現(xiàn)：統(tǒng)一版面布局：把所有網(wǎng)頁(yè)劃分為上、下、左、右4個(gè)區(qū)域：上

5、區(qū)為標(biāo)題區(qū)域，左區(qū)為常用工具區(qū)域，右區(qū)為內(nèi)容區(qū)域，下區(qū)為一級(jí)欄目（完全目錄）和版權(quán)信息區(qū)域。所有頁(yè)均采用相同的版面布局。統(tǒng)一標(biāo)題區(qū)域：標(biāo)題區(qū)內(nèi)，分布有主標(biāo)題、一級(jí)欄目（主要目錄，鼠標(biāo)到位后出現(xiàn)下拉式菜單顯示二級(jí)、三級(jí)目錄）、標(biāo)志欄。標(biāo)志欄位于一級(jí)欄目之下的一個(gè)頁(yè)面引導(dǎo)的標(biāo)志性的設(shè)計(jì)。它實(shí)際上又分為上下2個(gè)部分。第一部分以橫通欄（細(xì)線紅色，色條主頁(yè)色淺灰綠）的形式把網(wǎng)站主標(biāo)題以及一級(jí)欄目在頁(yè)面中突顯出來，也把第二部分引導(dǎo)出來。見圖5。第二部分由一、二級(jí)欄目標(biāo)題、三級(jí)欄目（如果有的話）、頁(yè)標(biāo)志圖案、頁(yè)標(biāo)志圖片組成。所有頁(yè)均采用相同的標(biāo)題區(qū)域和編排形式。圖4：工具欄（http:/www.bl.uk/

6、）統(tǒng)一工具欄：左區(qū)內(nèi)，只出現(xiàn)2樣?xùn)|西：常用工具欄和三級(jí)及以下的欄目。工具欄包括“打印”、“主頁(yè)”、“搜索”、“后退”、“網(wǎng)站地圖”，見圖4。常用工具位于標(biāo)志欄下面，而且隔一定距離重復(fù)出現(xiàn)。如果標(biāo)題區(qū)帶出三級(jí)欄目，那么有三級(jí)欄目，那么三級(jí)欄目就會(huì)占用左區(qū)最上部的位置，即標(biāo)志欄下面，而常用工具則移到它的下面去。見圖2、圖3。如果出現(xiàn)三級(jí)以下欄目，則使用2個(gè)常用工具欄之間空間。所有頁(yè)均采用相同的工具欄。統(tǒng)一第一欄目：在2個(gè)地方提供了固定的一級(jí)欄目。標(biāo)題區(qū)里，提供了固定的“about us”、“collections”、“catalogues”、“services”、“whats on”、“news”

7、、“contact us”七個(gè)欄目，在下區(qū)提供了十個(gè)欄目，上述七個(gè)欄目加上“site map”“privacy”、“disclaimer”。每個(gè)頁(yè)面均在同一區(qū)域位置出現(xiàn)第一欄目。統(tǒng)一版權(quán)信息：每頁(yè)都在下區(qū)同一位置提供同樣的版權(quán)信息。統(tǒng)一文字：每個(gè)頁(yè)面上，相同的項(xiàng)目均采用同一字體、字號(hào)和顏色。主標(biāo)題一級(jí)欄目一級(jí)、二級(jí)欄目標(biāo)題三級(jí)欄目標(biāo)志圖案橫通欄標(biāo)志圖片圖5：“collections west european”標(biāo)志欄與主標(biāo)題、欄目（http:/www.bl.uk/）1.2、標(biāo)志原則標(biāo)志性是顯示網(wǎng)站風(fēng)格的重心。一個(gè)網(wǎng)站有什么風(fēng)格，需要通過這個(gè)網(wǎng)站的標(biāo)志性的東西來實(shí)現(xiàn)。到國(guó)外著名的網(wǎng)站瀏覽，你會(huì)發(fā)

8、現(xiàn)這些網(wǎng)站對(duì)標(biāo)志性設(shè)計(jì)的關(guān)注。例如，網(wǎng)站或業(yè)主的名稱、logo、圖案等等，甚至是版面中的某個(gè)區(qū)域的特定設(shè)計(jì)。例如ibm（標(biāo)題區(qū)域（見圖5）是“http:/www.bl.uk/”最具特色的部分，其設(shè)計(jì)與別的網(wǎng)站、別的公共圖書館網(wǎng)站不同，特出了與眾不同的http:/www.bl.uk/風(fēng)格。這種風(fēng)格的展現(xiàn)，正是標(biāo)題區(qū)域的標(biāo)志性所帶來的。標(biāo)志主標(biāo)題，即“the british library”， 出現(xiàn)在每個(gè)頁(yè)面的頁(yè)頭。標(biāo)志顏色，以顏色劃分網(wǎng)站的不同部分。以欄目作為劃分標(biāo)準(zhǔn)，把屬于該欄目的所有頁(yè)通過標(biāo)志系列色與其它欄目的區(qū)分開來?！癶ttp:/www.bl.uk/”共劃分了八個(gè)部分，這八個(gè)部分分別是“

9、about us”、“collections”、“catalogues”、“services”、“whats on”、“news”、“contact us”（以上七個(gè)欄目顯示在主標(biāo)題之下）和“site map”（包括“privacy”、“disclaimer”，以上三個(gè)加上前面七個(gè)欄目，顯示在下區(qū)），每個(gè)部分賦予不同顏色系列。顏色系列按欄目順序依次為：紫色系列、藍(lán)色系列、藍(lán)綠色系列、綠色系列、橙黃色系列、粉紅色系列、紅色系列和灰綠色系列。另外，主頁(yè)與“site map”同樣采用了灰綠色。標(biāo)題區(qū)域內(nèi)的一級(jí)欄目，其字體顏色采用該欄目的標(biāo)志系列色。從某個(gè)欄目進(jìn)去，屬于這個(gè)欄目的所有網(wǎng)頁(yè)的標(biāo)志欄的顏色

10、都與該欄目的標(biāo)志系列色一致。如只要是屬于“collections”欄目這部分的頁(yè)，其標(biāo)志欄上頁(yè)標(biāo)題的顏色、頁(yè)標(biāo)志圖案的顏色以及三級(jí)欄目的顏色，全部采用與“collections”字體顏色相同的顏色系列藍(lán)色系列。標(biāo)志圖案，一個(gè)小方塊陣列組成的圖案，位于橫通欄中間靠右的下面。標(biāo)志圖案顯示了某頁(yè)在網(wǎng)站中的位置，屬于哪一部分，哪一級(jí)別。主頁(yè)的標(biāo)志圖案由8個(gè)分2排的小方塊構(gòu)成，全部均為灰綠色。見圖6第1個(gè)標(biāo)志圖案。而其它頁(yè)由16個(gè)分2排的小方塊構(gòu)成。第一排為主頁(yè)的灰綠色，第二排則2個(gè)一組安排了與欄目結(jié)構(gòu)相適應(yīng)的顏色：如圖5所示，第1、2個(gè)小方塊采用主頁(yè)，也是標(biāo)志欄的主體顏色，第3-8個(gè)則采用了與一級(jí)欄目

11、入口“collections”的藍(lán)色系列，但是根據(jù)欄目級(jí)別，從一級(jí)到三級(jí)劃分為深藍(lán)色、蔚藍(lán)色和淺藍(lán)色。第3、4個(gè)采用深藍(lán)色，表示一級(jí)欄目所屬頁(yè)，第5、6個(gè)采用蔚藍(lán)色，表示二級(jí)欄目所屬頁(yè)，而第7、8個(gè)采用淺藍(lán)色，表示三級(jí)欄目所屬頁(yè)。當(dāng)進(jìn)入二級(jí)欄目，標(biāo)志圖案出現(xiàn)2個(gè)深藍(lán)色、2個(gè)蔚藍(lán)色小方塊，表示瀏覽者看到的是二級(jí)欄目所屬頁(yè)，見圖6第2個(gè)標(biāo)志圖案。當(dāng)進(jìn)入三級(jí)及以下的欄目，標(biāo)志圖案出現(xiàn)2個(gè)深藍(lán)色、2個(gè)蔚藍(lán)色、2個(gè)淺藍(lán)色小方塊，表示瀏覽者看到的是三級(jí)及以下級(jí)欄目所屬頁(yè)，見圖6第3個(gè)標(biāo)志圖案。主頁(yè)標(biāo)志圖案其它頁(yè)標(biāo)志圖案一級(jí)欄目二級(jí)欄目三級(jí)欄目圖6：標(biāo)志圖案的級(jí)別（http:/www.bl.uk/）標(biāo)志圖片

12、，根據(jù)不同入口，配套相應(yīng)的圖片。如“collections”采用了與文獻(xiàn)資源相關(guān)的圖片，而“services”則采用了與各種服務(wù)項(xiàng)目相關(guān)的圖片。標(biāo)志圖片的選擇，既要考慮網(wǎng)頁(yè)內(nèi)容個(gè)性的需要，又要考慮網(wǎng)站整體性的需要。也就是說，這些圖片一方面需要與網(wǎng)頁(yè)內(nèi)容相配合，另一方面所有的標(biāo)志圖片需要有系列性。單獨(dú)一頁(yè)看，與該頁(yè)內(nèi)容吻合，整個(gè)網(wǎng)站看，它們又是一套的，從而給瀏覽者形成頁(yè)面的連續(xù)性的標(biāo)志效果。1.3、關(guān)聯(lián)引導(dǎo)原則上面討論了通過顏色系列以及其它標(biāo)志性方法，把不同部分劃分，使瀏覽者知道自己所瀏覽的頁(yè)是什么性質(zhì)的內(nèi)容。那么，如何把不同的部分有機(jī)地聯(lián)結(jié)起來？給瀏覽者一個(gè)上下左右的關(guān)系呢？這是一方面。另一方

13、面，談到網(wǎng)站關(guān)聯(lián)引導(dǎo)，許多人可能都認(rèn)為主要是網(wǎng)站的網(wǎng)站結(jié)構(gòu)、特別是如欄目的設(shè)置、導(dǎo)航條、“site map”之類的事情。但實(shí)際上它也是一個(gè)風(fēng)格問題，涉及這個(gè)網(wǎng)站是否人性化，具有親和力，是否具備條理性等等。可以通過非常規(guī)的方法，如顏色系列、圖案圖片等，把網(wǎng)站導(dǎo)航做的很親切、很個(gè)性化、很有美感，從而傳遞出獨(dú)特的風(fēng)格。“http:/www.bl.uk/”在風(fēng)格的關(guān)聯(lián)引導(dǎo)方面也做了許多工作，例如：頁(yè)間關(guān)聯(lián)引導(dǎo)：通過橫通欄的顏色塊和圖案進(jìn)行關(guān)聯(lián)引導(dǎo)，顯示頁(yè)間關(guān)系，見圖7。顏色和圖案：當(dāng)前頁(yè)、二級(jí)欄目頁(yè)、主頁(yè)圖7：橫通欄（http:/www.bl.uk/）通過主標(biāo)題、一二級(jí)欄目標(biāo)題、當(dāng)前頁(yè)標(biāo)題進(jìn)行關(guān)聯(lián)引導(dǎo)

14、，如“the british library”、“services information services”和“business information services”在頁(yè)中同時(shí)顯示，明確給出了欄目的線索關(guān)系。版面區(qū)域間的關(guān)聯(lián)引導(dǎo)：把橫通欄細(xì)紅線上半部分的顏色塊設(shè)定為主頁(yè)的顏色，細(xì)紅線下半部分的顏色塊設(shè)定為白色，顯示了2個(gè)不同區(qū)域，但是這2個(gè)區(qū)域是繼承與順序的關(guān)聯(lián)引導(dǎo)關(guān)系。圖象與文字的關(guān)聯(lián)引導(dǎo)：頁(yè)面為不同內(nèi)容配套相應(yīng)的圖片，也起到了圖象與文字的關(guān)聯(lián)引導(dǎo)的作用。1.4、重復(fù)原則對(duì)于瀏覽者來說，僅通過一個(gè)、兩個(gè)頁(yè)面的瀏覽，不能得到網(wǎng)站風(fēng)格的印象。只有反復(fù)接收同樣的信息，才能形成網(wǎng)站風(fēng)格的概念

15、。所以，需要保證網(wǎng)站風(fēng)格的信息重復(fù)出現(xiàn)，不斷加深瀏覽者對(duì)網(wǎng)站風(fēng)格的認(rèn)知。前面提到，“http:/www.bl.uk/”對(duì)幾乎所有網(wǎng)頁(yè)都采用了統(tǒng)一的設(shè)計(jì)，采用了統(tǒng)一的標(biāo)志性的主標(biāo)題、顏色、圖案和圖片等，實(shí)際上對(duì)“http:/www.bl.uk/”來說，也就在不斷地重復(fù)這些風(fēng)格信息，讓瀏覽者不斷地接受相同的信息，加深印象。另外，常用工具隔一定間距再次出現(xiàn)，這也是重復(fù)。1.5、構(gòu)圖原則構(gòu)圖，是指從平面設(shè)計(jì)的角度來看網(wǎng)站的信息發(fā)布，把文字、圖形圖像、音頻視頻等，都作為構(gòu)圖元素，而不僅僅是文字、圖形圖像、音頻視頻等。通過把這些構(gòu)圖元素整合，從而描繪出一幅網(wǎng)頁(yè)“畫”來。構(gòu)圖，主要有幾個(gè)手段：信息發(fā)布的疏密

16、、信息塊的建立和整合、各種信息表現(xiàn)形式（點(diǎn)、線、面和文字、圖形、動(dòng)畫、圖片等）的搭配等?！笆杳堋敝疙?yè)面信息發(fā)布和排版的密度。就象房間的一堵墻，有人什么都不掛，有人只掛一、二幅照片，有人則掛滿東西，如照片、獎(jiǎng)狀、畫等等。由此反映了個(gè)人的不同風(fēng)格。網(wǎng)站雖說是一個(gè)信息系統(tǒng)，需要提供大量的信息，但是在一個(gè)網(wǎng)頁(yè)上安排多少信息項(xiàng)目，信息與信息之間安排多少間隔，文字區(qū)域、圖像區(qū)域、空白區(qū)域之間的比例和畫面構(gòu)成，動(dòng)靜如何整合，無(wú)不和疏密相關(guān)?！靶畔K”是指把單個(gè)或小塊的文字、圖案、圖片等按照其信息發(fā)布的需要以及信息內(nèi)容的屬性分類、組合成信息塊，如不列顛圖書館主頁(yè)就大致出現(xiàn)八到九個(gè)信息塊。由于各個(gè)信息塊的內(nèi)容千

17、變?nèi)f化，因此在信息塊之間存在范圍、密度、輪廓的不同。然后把這些信息塊有機(jī)地排列組合，塊間留下不同的間隔。如此在頁(yè)面整體上給人圖畫般的印象，收到極好的藝術(shù)效果?！案鞣N信息表現(xiàn)形式的搭配”，是指圖文的搭配，色彩的搭配，形狀、大小的搭配等等。例如在主頁(yè)中圖像是一個(gè)極為重要的要素，缺少了恰當(dāng)?shù)膱D象，整個(gè)頁(yè)面就會(huì)黯然失色，變成一個(gè)不完整的主頁(yè)。第二方面就是排列方法，有的網(wǎng)站提供了不錯(cuò)的文字和圖像，但卻無(wú)法將圖文，以及與其他要素有機(jī)的結(jié)合排列，就像一個(gè)富翁擁有百萬(wàn)家財(cái)卻不知如何合理的花錢。這些網(wǎng)站只會(huì)千篇一律的左邊鏈接，右邊內(nèi)文。各種信息表現(xiàn)形式的搭配，強(qiáng)調(diào)的是和諧、大氣、美觀、有個(gè)性的感覺。把“http

18、:/www.bl.uk/”與“”、“不列顛圖書館主頁(yè)（http:/www.bl.uk/）新浪網(wǎng)主頁(yè)（）友誼商店主頁(yè)（cub #3三維空間站主頁(yè)（圖8：不列顛圖書館與新浪網(wǎng)主頁(yè)、友誼商店主頁(yè)、cub#3三維空間站主頁(yè)的比較從上述主頁(yè)的比較，我們可以非常明顯地感受到4個(gè)網(wǎng)站的不同風(fēng)格。新浪網(wǎng)是一個(gè)社會(huì)公眾門戶網(wǎng)站，需要展現(xiàn)網(wǎng)站內(nèi)容的全方位和海量，展現(xiàn)服務(wù)的多元化等，因此，往往采用了高密度、高集成度的信息密集發(fā)布方式。友誼商店是一個(gè)定位高中檔商品的網(wǎng)上商店，首先需要展示它的商品，以吸引網(wǎng)上顧客，因此在圖片和多媒體手段方面采用較多，通過對(duì)主色調(diào)的選擇，版面構(gòu)圖方式和精心制作的圖案、圖片等，向?yàn)g覽者傳遞

19、了時(shí)尚、精品、引導(dǎo)生活潮流的觀念。而cub #3三維空間站是一個(gè)設(shè)計(jì)網(wǎng)站，需要許多空間去表現(xiàn)藝術(shù)家、設(shè)計(jì)師的靈感和藝術(shù)風(fēng)格。不列顛圖書館則采用了中密度，中集成度的方式，構(gòu)圖方面以文字為主，圖像為輔，并通過信息塊恰到好處的排列組合，形成一個(gè)疏密有序，點(diǎn)、線、面有機(jī)結(jié)合，圖文并茂的優(yōu)美構(gòu)圖，創(chuàng)造出系統(tǒng)完整、條理清晰、動(dòng)靜相宜，氣氛和諧，大家風(fēng)范的主頁(yè)風(fēng)格。2、在廣州圖書館網(wǎng)站風(fēng)格設(shè)計(jì)中的原則運(yùn)用根據(jù)廣州圖書館網(wǎng)站的性質(zhì)、任務(wù)和地理環(huán)境，廣州圖書館把網(wǎng)站的風(fēng)格設(shè)計(jì)定位在：體現(xiàn)廣州圖書館的信息性、服務(wù)性、文化性、公益性的特點(diǎn)；體現(xiàn)廣州地方特色；體現(xiàn)廣州圖書館的特色；與國(guó)內(nèi)外流行的公共圖書館網(wǎng)站風(fēng)格共性

20、接軌。按照“統(tǒng)一”、“標(biāo)志”、“關(guān)聯(lián)引導(dǎo)”、“重復(fù)”和“構(gòu)圖”幾個(gè)基本原則，對(duì)網(wǎng)站的版式、標(biāo)題、標(biāo)志、色彩、字體、主體圖形、鏈接方式、瀏覽方式等進(jìn)行設(shè)計(jì)：2.1、標(biāo)志logo：logo分左右下三部分，左邊采用廣州圖書館的館名（書法題字），右邊館徽，下邊設(shè)計(jì)一橫條，橫條顏色采用主色調(diào)深紅色，里面是白字“welcome to the homepage of guangzhou library”。見圖9。圖9：廣州圖書館網(wǎng)站logo（）標(biāo)志顏色：采用圖書館圍墻的顏色深紅色。廣州圖書館現(xiàn)在的館舍建筑本身就很有特點(diǎn)，是上世紀(jì)六十年代末的知名建筑。因此，為了體現(xiàn)廣州圖書館的特色，在網(wǎng)站的風(fēng)格有意加入了館舍

21、的若干元素。標(biāo)志欄（標(biāo)題欄）：把標(biāo)志欄與標(biāo)題欄、左邊欄目欄三合而一。以主頁(yè)的主題圖案，加上館舍建筑前廊柱頭的葵花浮雕圖案，合成一個(gè)“”形的標(biāo)志欄。圖10：廣州圖書館網(wǎng)站標(biāo)志欄（）前廊柱頭的葵花浮雕圖案主頁(yè)的主題圖案剪輯廣州圖書館的logo2.2、統(tǒng)一版式廣州圖書館網(wǎng)站所有頁(yè)（主頁(yè)除外）的統(tǒng)一版式設(shè)計(jì)為：左上方為標(biāo)志欄，下方頁(yè)尾為版權(quán)信息，欄目位于標(biāo)志欄左邊位置上，內(nèi)容區(qū)頂部設(shè)導(dǎo)航條。2.3、構(gòu)圖根據(jù)前述網(wǎng)站的比較以及參考國(guó)內(nèi)外數(shù)十公共圖書館網(wǎng)站樣本，廣州圖書館網(wǎng)站的頁(yè)面疏密度不采用“門戶網(wǎng)站”式的高密度、高集成方式，而是借鑒不列顛圖書館等多個(gè)圖書館的實(shí)踐，采用中密度和中集成度的模式，海量信息的提供則通過建立良好的信息層次結(jié)構(gòu)的方式來解決。為文化內(nèi)涵和特色風(fēng)格的表現(xiàn)留下足夠的空間。主頁(yè)的設(shè)計(jì)，尤其加強(qiáng)了地方特色，例如把廣州的象征五羊雕塑、廣州圖書館的門廳前廊和閱覽室，以及圖書館館徽，還有一本打開的圖書糅合為主題圖案，放在頁(yè)面正中部位。而在圖案上面，則是網(wǎng)站最主要的三大服務(wù)：“館藏查詢”、“服務(wù)指南”和“導(dǎo)航館員”。把圖書館功能與服務(wù)與主題圖案緊密結(jié)合起來。同時(shí)也充分運(yùn)用信息塊構(gòu)圖原理，把主頁(yè)信息大致劃分為五塊，其中新書廊是一個(gè)