fbpx
Open Monday - Sunday 10:00-20:00
Email : info@onlinemarketinggroup.hk Call Now : 3619 6456 / 3619 6457 Whatsapp : 6757 0285 / 5984 6244 (24小時)

網頁設計基礎 – 網站的排版佈局

網頁設計教學

假如根據大部份互聯網使用者的瀏覽習慣,以及各種瀏覽器的尺寸來設計網站的話,網頁設計可以說是總有一套標準。

而在這個標準的框架裡,你也可以在此基礎上加上自己的風格,盡情地發揮你的設計才華。

 

1.網頁設計的尺寸

網頁設計過程中,向下拖動頁面大概是唯一給網頁增加更多內容(尺寸)的方法。

但我想提醒大家,除非你能肯定網站的內容能吸引用戶繼續向下拖動,否則不要讓訪問者拖動頁面太長。

雖然現在很多鼠標都有滾輪設計,但是網頁設計的佈局是越少用到就越好。

 

2.網頁設計需要配合風格及形象

圖形與內容的結合應該是有序的整體。

雖然,顯示器和瀏覽器大部份都是長方形,但對於網站頁面的造型,你可以充分運用其它形狀以及其他組合,例如︰

梯形、圓形、三角形、菱形等,以及各類的圖標,可用作製作網站上的按鈕、標題框、文字框等。

對於不同的形狀,它們所代表的意義是不同的,例如︰

長方形代表著正式、規則,所以很多企業網站都以長方形/正方形作為網頁設計的整體造型。

圓形可代表柔和、團結、安全、時尚,很多時裝,美容等網站則喜歡使用圓形。

三角形可代表力量、權威、穩固、侵略等,許多大型的商業網站為顯示它的權威性,常以三角形為網站整體造型。

菱形可代表平衡、協調、公平,適用於法律等機構。

網頁設計可以配合多個圖形設計,只是其中某種圖形的比例可以代表性地佔多一點。

 

相關文章︰網頁設計-顏色配搭及應用

 

3.網頁設計的頁首和頁尾(Header & Footer)

頁首(Header)的作用是定義頁面的主題,例如一個網站的名字多數都顯示在頁首,

這樣,用戶就能很清楚了解這個網站的內容。

頁首是整個網頁設計的關鍵,頁首將牽涉到下面的更多設計和整個網站的協調性。

頁首通常會放置公司名稱及公司LOGO,90%以上的網頁設計也會這樣做,也有部份會於頁首位置放置輪播式廣告。

而頁尾(Footer)則是放置公司資訊,版權或網頁設計公司的地方,例如︰

Copyright 2019 Online Marketing Group 奧邁數碼推廣公司. All Right Reserved.

 

4.網頁設計的內文及圖片

內文在頁面中出現多數以行或者板塊(段落)出現,擺放位置決定整個網頁設計佈局的可觀性。

如何處理好圖片和內的位置,成了整個網頁設計佈局的關鍵。

一般來說,會先顯示大標題,文字會較大,大標題下就是小標題,圖片/圖標,內文段落。

 

5.網頁設計適用的多媒體檔案

除了內文和圖片,還可以使用聲音,動畫,影片等等多媒體內容來豐富網站。

隨著動態網站的興起,它們在網頁設計佈局上也將變得很重要,

但要注意,flash動畫不利於搜索引擎的爬蟲找到和識別。

近期文章

網頁設計教學
網頁設計 – 顏色配搭及應用
21 9 月, 20190
網頁設計教學
網頁設計需要的基礎知識及製作工具
21 9 月, 20190