【文章內(nèi)容簡介】 ，然后是第4部分的順序逐步添加內(nèi)容。A信息量的5種類型——目標(biāo)信息量，是5個階段中的哪個B排版的8種樣式——選擇最適合目標(biāo)主頁的排版樣式C空白空間（版面率）的確定——留出大量空白的主頁顯得非常典雅D選擇文字的型號——字體、粗細(xì)、大小E提高造型的完整度——隔開輔助造型，端正形狀，制作動態(tài)第3部 圖像、照片的作用第4部 配色的效果A信息量的5種類型選擇出這5個階段中的任何一種類型，主頁風(fēng)格的大方向就被確定下來。分析這5種類型的特點，研究目標(biāo)主頁屬于哪一種類型：目標(biāo)樣式是在②和③之間呢，還是在③和⑤之間，在這個階段要明確下來。第一步很重要如果在這里做出了正確的選擇，那么后面作業(yè)中的困擾將被降到最低限度；如果在這個階段尚處于模棱兩可的狀態(tài)，就匆匆進入下一個階段，混亂就會大大增強，等到發(fā)現(xiàn)時，主頁已經(jīng)與設(shè)想的目標(biāo)大相徑庭了。隨后的版式選擇、配色計劃和插圖選擇也要被這里的類型左右著。①檢索型以文字信息為主體，圖片少于5％，這種檢索型是只由文字信息構(gòu)成的類型。圖片極少，有按鈕和圖標(biāo)就可以了。最大限度的登載了文字信息，如果想要突出內(nèi)容，并使之便于查詢，使用這種獨特的樣式是十分奏效的。它類似于報紙上熱門消息的組織結(jié)構(gòu)。將表示歡迎的信號控制在最低限度給人以商業(yè)性、不浪費空間、清晰明了的印象是這種類型的特征。將歡迎態(tài)度的表示控制在最低限度，強調(diào)出理性和商業(yè)性。不僅把圖畫縮得很小，在配色方面也十分講究。以白底為主體的亮麗色調(diào)有效地傳達了冷靜的印象。白表現(xiàn)自由感和高貴感將空白減少、文字信息增多，會增強新聞性。相反的，增加空白會產(chǎn)生寬裕感和自由感。空白量也叫做版面率。我們?nèi)粘＝佑|的印刷品中，報紙的版面率是最高的。與之相反，詩集和隨筆集等書籍的版面率是比較低的。通過版面率去控制印象。②準(zhǔn)檢索型 略微增強歡迎態(tài)度的準(zhǔn)檢索型與前一頁相比，稍微增加了一些圖形要素，構(gòu)成了文字與圖像比例為2：l的排版類型。通過增加歡迎空間可以增強網(wǎng)頁的開放感，給人以輕松、自由選擇的印象。另一方面，它的檢索性與①相比也沒有太大的變化，是最容易獲得平衡的類型。色彩和圖片的增加是主頁氣氛更開放這個階段適合使用多種顏色。廣泛運用色彩，能夠創(chuàng)作出歡樂的畫面。在白底上不僅使用藍色和黑色等禁欲主義印象的顏色，還廣泛使用多種其他顏色，旨在不破壞信息豐富的同時，提高樂趣。在圖像的運用上，不僅限于圖標(biāo)，同時也可以使用更加自由的插圖和照片等形式。③均衡型 最平衡的5︰5歡迎空間與目錄信息各占一半，與①、②型相比顯得更加開放。①、②型專業(yè)性較強，局外人進入比較困難，而這種類型則可以讓人輕松愉快的加入進來，它既有文字信息又有相對更強的視覺性，是便于應(yīng)用的類型。 與任何排版樣式都可以進行自由的組合第③種類型在保持主頁的信息量同時，還有足夠的自由空間來選擇排版和配色。它可以與排版樣式中的8種版式中的任何一種進行組合，是自由靈活的類型。④印象主體型 以圖片為主體，傳達了優(yōu)雅、自由的氣氛將圖片作為主體而減少文字信息，能產(chǎn)生畫面的寬裕感，而具有格調(diào)。由于減少了商業(yè)性強的文字信息，從而遠(yuǎn)離常性和實用性，產(chǎn)生安靜、自我的感覺。給人以高級商品和典雅、沉靜具有高格調(diào)的企業(yè)印象。 表現(xiàn)只有朋友的世界將文字信息減少也就是遠(yuǎn)離商業(yè)性形象，適合于充滿友好氣息的空間。這種場合的配色以同系色為基調(diào)，有節(jié)制的使用對比色，色調(diào)起伏較小。⑤目錄省略型文字信息最少的樣式幾乎沒有文字信息，最大限度的表現(xiàn)網(wǎng)頁印象的樣式。把前一頁的類型④發(fā)展到極至，就成為這種類型。要將除標(biāo)題之外的文字情報限制在1—2行內(nèi)?？瞻滓约皥D像的空間成為主體，畫面的視覺性最強，由圖畫、顏色和空白發(fā)出的信息此時變得十分重要。造型性是表現(xiàn)優(yōu)美效果的關(guān)鍵這是文字信息幾乎為0的特殊類型，如同電視電影中沒有聲音只有畫面的場面。像晚霞映照著山脈，這是一個既沒有臺詞又沒有聲音的寂靜空間。因此，在這種場合下，畫面的品質(zhì)極為重要。如果是有臺詞的畫面，即使完成度低一點也能忍受；而對于這種類型來說，那就成為了致命傷，所以專家的幫助不可或缺。B排版的8種樣式主頁的排版樣式主要有以下列舉的8種，它們與前面介紹的5種信息類型也密切相關(guān)。例如，檢索型①、②與左右對齊式比較相配；若與散開式或?qū)ΨQ式組合起來就不太合適，這是由于信息量大的檢索型與自由度高的散開式和對稱式不相稱的緣故。樣式?jīng)Q定頁面印象的主體骨架8種樣式各自創(chuàng)建出不同的網(wǎng)頁風(fēng)格，因為排版樣式不僅僅是一個形式，還同時具有信息性。即使信息內(nèi)容完全相同，采用左右對齊式來表現(xiàn)和采用對稱式來表現(xiàn)，也會產(chǎn)生完全不同的印象。在這8種樣式中選擇的同時，頁面印象的主體骨架也被決定下來。①左右對齊式 沒有浪費的空間，表現(xiàn)商業(yè)性形象從整體上來看，這種樣式將訪問者的注意力向四方形的中部收攏集中，它能夠充分利用每一寸空間。如果主頁以這種形式構(gòu)成，商業(yè)性基調(diào)將被延續(xù)下去，這種滿載著文字信息、沒有浪費空間的熱門印象，是最適合傳遞商業(yè)性信息的樣式。但同時，以這種組合方式為基調(diào)的頁面很難傳遞趣味性強和富有詩意的信息。排版的基本樣式這些樣式是排版方式中最為典型的。報紙、書和雜志幾乎都是以左右對齊為基準(zhǔn)來排版的。②全景式 用趣味性吸引觀看者分散排列的多張圖片，看起來就像在瞭望臺上看到的全景畫。小圖片被均一間隔地排列著的樣式就是全景式。因為無論視線從哪個角度都可以進入頁面，所以產(chǎn)生了開放的輕松氣氛。全景式中圖片的位置是重點全景式展示與滾軸式展示——平鋪與分架陳列全景與卷軸的差別，就如同書店和超市的差別一樣。全景式展示類似于將商品并排放在臺子上，很容易取出的展示方法(平鋪式)；卷軸式類似于在架子上滿滿放著一堆商品(分架陳列)。入口附近用全景式陳列，觀者進店之后，再從容地用卷軸式提供信息。全景式的展示讓人產(chǎn)生輕松參與的情緒。③衛(wèi)星式 以太陽為中心的衛(wèi)星環(huán)繞型這種類型的特征就是中間有一個太陽，太陽的面積不一定越大越好，在其周圍留出空白也可以強調(diào)中心性。另一方面，各個衛(wèi)星以全景式展開，讓訪問者沉浸在可以自由參與的開放感之中。作為核心的太陽帶來堅定不移的安定感和衛(wèi)星帶來的開放感并存，傳遞出家庭的印象。圍著太陽均勻散開的衛(wèi)星④照片組合式新世界以全景式自由的展現(xiàn)出來一張照片通過組合，獲得了新的意義。單獨看來無趣的照片，在組合之后卻產(chǎn)生了新的情趣，顯現(xiàn)出全景式的效果。多幅照片與全景式共同創(chuàng)造出一種自發(fā)的、來去自由的輕松氣氛。少量的文字信息也可以具有輕松自由感這種樣式是全景式的變形，具有開放感。即使選用了文字信息極少的⑤目錄省略型，也不會產(chǎn)生冷漠感，而是保持適當(dāng)?shù)妮p松和自由。這是全景式的效果。將同樣大小的照片組合起來圖像蒙太奇⑤包圍式限定范圍的效果將頁面四周用色塊或圖案圍起來，便產(chǎn)生了一個被限定的世界，它是一個受“墻壁保護的、朋友之間的、可以放心的世界。如果那里的“墻壁結(jié)實而有力，那就表示這個范圍是一個拒絕他人侵入的特別的“領(lǐng)地”，如果用溫柔的色調(diào)圍起來，就表現(xiàn)出那是一個柔和的世界。邊框的種類——邊框的類型也可以表現(xiàn)包圍的效果體現(xiàn)商業(yè)信息本來商業(yè)信息的公開性比較強，并不適合這種包圍式。但是采取相反的方式把它框起來，就會產(chǎn)生意想不到的效果。⑥散開式山水畫般的自由和優(yōu)雅散開式表現(xiàn)出不受限制的優(yōu)雅與自由。以日本的石庭作為例子，石頭的排列乍看之下沒什么規(guī)律，但實際上以院子中的一點作為源頭，像水流從小溪不斷的流向大海一樣來合理的配置石頭和樹木。這不是法國和意大利庭院的那種規(guī)則的排列，而是自由的再現(xiàn)自然配置方法。各個國家主頁設(shè)計上的區(qū)別歐式散開式：美國、歐洲見到的散開式主頁與日本相比，給人印象更加端正整齊。它嚴(yán)格遵守左右平衡關(guān)系，又不破壞左右對稱性，對留白比例的控制比日本式更強。中式散開式：配色采用很華麗的色調(diào)。在日本，選擇散開型多以尋求自由感、典雅感為目的；而在中國，則更重視艷麗感。與日本型的畫面相比，不是將背景原封不動的留白，而是加上較淺的花紋。這一點比較引人注目。與日本型中禁欲主義的配色和空間使用方法相比，中國的畫面更加鮮艷且?guī)в性V說性。⑦單側(cè)齊行式理性與自由共存的版面設(shè)計以①左右對齊式為基調(diào)，將右側(cè)散開，只將左側(cè)對齊，就成這種樣式結(jié)構(gòu)。在追求理智與自由感適當(dāng)?shù)钠胶鈭龊希@種樣式最為有效。不留取一定的空間，右邊的流動效果就無法表現(xiàn)，結(jié)果就是生成空白較多的典雅主頁，這最適合于在暗示格調(diào)的同時，突出傳達自由的氣氛。優(yōu)雅的單側(cè)齊行式并不適合信息豐富的主題印象在登載大量文字信息和圖片信息的場合，這種類型并不合適?？堑男畔⑻鄷r，會像左右對齊式一般壓迫空白空間。一面坡式所特有的美麗自由感也會隨之消失。廣播電視局主頁上自由與開放的兩個方向同樣是廣播電視臺的主頁，由于受眾群的不同，排版樣式也有很大的不同。⑧對稱式以中心線為基準(zhǔn)，左右對稱放置圖片和文字時，先在畫面中央引一條垂線；然后以此為軸進行左右對稱的配置，這就是對稱式。人的身體、汽車、照相機……等等，很多形狀都是對稱構(gòu)成的，對稱性也被稱為最終的穩(wěn)定型。頁面版式即將失去平衡時，在左右對稱的位置上放置一張有分量的照片或標(biāo)志，平衡就恢復(fù)了，而且還保持了整體效果。格調(diào)高雅的安定型華麗或休閑的圖片在進行對稱配置后，就會產(chǎn)生一種可信賴的、讓人放心的感覺。如同宇治平等院一樣，寺院內(nèi)的大建筑物以對稱式進行排列，從而產(chǎn)生了與寺院相稱的格調(diào)，這也是對稱式帶來的效果。另一方面，同樣是傳統(tǒng)型的建筑物，桂離宮就采用了①的散開式進行配置。較之于高雅的格調(diào)，它更表現(xiàn)出與別墅相稱的自由氣氛。對稱式是與散開式正好相反的樣式。充分留白想要產(chǎn)生對稱的效果，空白空間是必不可少的?？瞻滋?，對稱型就不能清楚漂亮地顯現(xiàn)出來。如果空白全被文字和圖片添滿的話，對稱式的典雅感就會減弱?？瞻资歉哐诺膶ΨQ樣式中不可或缺的因素。另一方面，減少對稱式中的空白，