就象傳統的報刊雜志編輯一樣，我們將網頁看作一張報紙，一本雜志來進行排版佈局。雖然動態網頁技術的發展使得我們開始趨向於學習場景編劇，但是固定的網頁版面設計基礎依然是必須學習和掌握的。它們的基本原理是共通的，您可以領會要點，舉一反三。 版面指的是瀏覽器看到的完整的一個頁面(可以包含框架和層)。因為每個人的顯示器解析度不同，所以同一個頁面的大小可能出現640*480圖元,800*600圖元,1024*768圖元等不同尺寸。 佈局，就是以最適合瀏覽的方式將圖片和文字排放在頁面的不同位置。您可能註意到：“最適合”是一個不確定的形容詞，什麼才是最適合的呢?抱歉的是作者不能也不可能給您一個完整的正確的答案。就好比有人希望知道成功的秘訣是什麼，成功者隻能建議您用什麼方法，什麼途徑才能最容易獲得成功，而不可能有一步成功的“秘訣”告訴您。 版面佈局也是一個創意的問題，但要比網站整體的創意容易，有規律的多。讓我們先來瞭解一下版面佈局的步驟： 一、草案 新建頁面就象一張白紙，沒有任何表格，框架和約定俗成的東西，您可以盡可能的發揮您的想像力，將您想到的"景象"畫上去(我們建議您用一張白紙和一支鉛筆，當然用作圖軟體photoshop等也可以)。這屬於創造階段，不講究細膩工整，不必考慮細節功能，隻以粗陋的線條勾畫出創意的輪廓即可。盡您的可能多畫幾張，最後選定一個滿意的作為繼續創作的腳本。 二、粗略佈局 在草案的基礎上，將您確定需要放置的功能模組安排到頁面上。(註：功能模組我們在首頁設計-引子中提過，主要包含網站標志、主功能表、新聞、搜索、友情連結、廣告看板、郵寄清單、計數器、版權資訊等)。註意，這裡我們必須遵循突出重點、平衡諧調的原則，將網站標志，主功能表等最重要的模組放在最顯眼，最突出的位置，然後在考慮次要模組的排放。 三、定案 將粗略佈局精細化，具體化。(靠您的智慧和經驗，旁敲側擊多方聯想，才能作出具有創意的佈局。) 在佈局過程中，我們可以遵循的原則有： 正常平衡---亦稱"勻稱"。多指左右、上下對照形式，主要強調秩序，能達到安定誠實、信賴的效果。 異常平衡---即非對照形式，但也要平衡和韻律，當然都是不均整的，此種佈局能達到強調性、不安性、高註目性的效果。 對比---所謂對比，不僅利用色彩、色調等技巧來作表現，在內容上也可涉及古與今、新與舊、貧與富等對比。 凝視---所謂凝視是利用頁面中人物視線，使瀏覽者仿照跟隨的心理，以達到註視頁面的效果，一般多用明星凝視狀。 空白---空白有兩種作用，一方面對其他網站表示突出卓越，另一方面也表示網頁品位的優越感，這種表現方法對體顯網頁的格調十分有效。 盡量用圖片解說---此法對不能用語言說服、或用語言無法表達的情感，特別有效。圖片解說的內容，可以傳達給瀏覽者的更多的心理因素。 以上的設計原則，雖然枯燥，但是我們如果能領會並活用到頁面設計裡，效果就大不一樣瞭。
培戀網絡原創版權，轉載請註明出處：
培戀網原創版權，網站建設提供網站代運營、模板網站制作轉載請注明出處,本文地址：http://www.gdszrq.com/news/51885.html
2023-04-20
分享
在線咨詢
