設計版而就像傳統的報刊雜志編輯樣(yàng), 將(jiāng)網頁看做一張報紙、本雜志 來進(jìn)行捧版布局。雖然動态網頁技術的發(fā)展使得我們開(kāi)始 始趨向(xiàng)于學(xué)習場景編劇,但是固定的網頁版面(miàn)設計基礎依然是必須學(xué)習和掌握的。 它們的基本原理是互通的,讀者可以領會其要點,舉一反三。
版而指的是浏覽器看到的完整的一個頁面(miàn) (可以包含框架和層次)。因爲每個人的顯示器分辨率不同,所以同一 個頁面(miàn)的大小可能(néng)出現640X480像素、80X600像01024X 768像素等不同尺寸。
版面(miàn)布局的步驟
(1)草案。這(zhè)屬于創造階段,不講究細膩工整,也不必考慮細節功能(néng),隻以粗陋的線條勾畫出創意的輪廓即可。盡可能(néng)多畫幾張,最後(hòu)選定一幅滿意的作爲繼續創作的腳本,
(2)粗略布局。在草案的基礎上,將(jiāng)需要放置的功能(néng)模塊安排到頁面(miàn)上。功能(néng)模塊主要包含網站标志、主菜單、新聞、搜索、友情鏈接、廣告條、郵件列表、計數器和版權信息等。注意,這(zhè)裡(lǐ)我們必須遵循突出重點、平衡諧調的原則,將(jiāng)網站标志、主菜單等最重要的模塊放在最顯眼、最突出的位置,然後(hòu)再考慮次要模塊的排放。
(3)定案。將(jiāng)粗略布局精細化、具體化,最後(hòu)達到滿意定案。
對(duì)于版面(miàn)布局的設計,應當重視如下原則:加強視覺效果:加強文案的可視度和可讀性:統一感的視覺;新鮮和個性是布局的最高境界。網頁設計作爲種(zhǒng)視覺語言,當然要講究編排和布局,雖然網頁設計不等同于平面(miàn)設計,但它們有許多相近之處,應充分加以利用和借鑒。
版式設計通過(guò)文字及圖形的空間組合,表達出和諧與美。一個優秀的網頁設計者目 該知道(dào)哪一-段文字及某個圖形該落于何處, 才能(néng)使整個網頁生輝。網頁設計者應努力做到 整體布局合理化、有序化、整體化。優秀之作善于以巧妙、合理的視覺方式使一些語言無 法表達的思想得以闡述,做到豐富多樣(yàng),而又簡潔明了。 多頁面(miàn)站點的編排設計要求從頁面(miàn)之間的有機聯系反映出來,這(zhè)裡(lǐ)主要的問題是則
面(miàn)之間和頁面(miàn)内的秩序與内容的關系。 爲了達到最佳的視覺表現效果,應講究整體布局的 合理性。特别是關系十分緊。便于浏覽者可以來回仔細研讀。 的有上下文關系的頁面(miàn),一定要設計有向(xiàng)前和間後(hòu)的按鈕,
常用版面(miàn)布局的形式
(1)“T”結構布局。所謂“T”結構就是指頁面(miàn)項部爲橫條網站标志十廣告條, 下方 在面(miàn)爲主菜單,在面(miàn)品示内容的布局,因爲菜單條背跟較課,整體效果類似英文字母- 所以稱爲“T”形布局。這(zhè)是網頁設計中使用最廣泛的種(zhǒng)布局方式, 這(zhè)種(zhǒng)布局的優點是頁面(miàn)結向(xiàng)清晰、主次分明,且是勿學(xué)者最容易掌握的布局方法, 缺點是規矩呆闆,如果色彩細節上再不注意,很容易讓人看後(hòu)乏味,
(2)"工”形布局,這(zhè)是一個象形的說法,就是頁面(miàn)般上下各有個廣告條,左面(miàn) 是主菜單,右面(miàn)放友情鏈接等,中間是主要内容。這(zhè)種(zhǒng)布局的優點是充分利用版面(miàn),信息量大。缺點是頁面(miàn)擁擠,不夠靈活。也有將(jiāng)四邊空出,隻用中間的窗口型設計,例如網易的壁紙站。
(3)“三”形布局。這(zhè)種(zhǒng)布局多用于國(guó)外站點,國(guó)内使用的不多:[特點是頁面(miàn)上橫向(xiàng)有兩(liǎng)條色塊將(jiāng)頁面(miàn)整體分割爲三部分,色塊中大多放廣告條。
(4)對(duì)稱對(duì)比布局。顧名思義,采取左右或者上下對(duì)稱的布局,一半深色:另一半淺色,一般用于設計型站點。優點是視覺沖擊力強,缺點是將(jiāng)兩(liǎng)部分有機地結合比較困難。
(5)POP布局。POP引自廣告術語,就是指頁面(miàn)布局像張宣傳海報,以一張精美圖片作爲頁面(miàn)的設計中心。此類布局常用于時尚類站點,比如ELLE.com。優點是顯而易見,漂亮吸引人。缺點是速度慢。
以上總結了目前網絡上常見的幾種(zhǒng)布局,此外還(hái)有許許多多别具格的布局,關鍵在于網站本身的創意和設計。
頁面(miàn)美術設計
專業美術設計人員的幫助對(duì)企業站點的成(chéng)功設計是至關重要的。即便是一個沒(méi)有一點網頁設計經(jīng)驗的專業美術設計人員,也能(néng)提供很多關于排版、色彩等方面(miàn)的建議。實際上,很多傳統出版行業的規則和禁忌,也大都(dōu)适用于網頁的設計。
網頁設計與其他出版設計 最大的不同表現在以下三個方面(miàn):
(1)傳播的媒介不同。許多用戶是用Modem上網的,考慮到用戶的容量程度, 圖形 一般不宜太大:通常每個圖應小于30KB.每個頁面(miàn)圖形總量應小于50KB.
(2)最終的發(fā)布媒體不同。多數用戶是通過(guò)Windows或MAC機L上網的 而且當前通用的分辨率是低于800X 600 因此,美術設計人員的發(fā)揮天地是13~15英寸顯示器所能(néng)展示的區域。
(3)所能(néng)采用的文件格式的限制。 對(duì)通用浏覽器來說,能(néng)識别的圖像格式僅爲JPEG和GIF.這(zhè)兩(liǎng)者又各有不同的特點和适用環境。 正。這(zhè)兩(liǎng)者義負複有良好(hǎo)的合作,網站制作首先應該能(néng)向(xiàng)他們提供前面(miàn)所說的内容和邏輯結