|
關于網站的建設(第五天)
2000-05-02amin
第一頁：可視化設計
現在你已經對你的網站有了一定的了解：為什么要建網站，訪問者是誰，網站上有什么（即網站的內容），所有的方面如何組織起來。你現在可以進行可視化設計了，這通常是網站設計中人們最愿意做的部分。
網站的可視化設計的主要目的是提供給用戶一個可以去的地方。他們需要知道他們正在哪兒，去過哪兒，和怎么去想去的地方。一個好的網站結構包含了有效的可視化設計，使用戶對網站在腦海中有一個景象。
本課的目的是把網站的結構應用到可視化設計中。一些工具對可視化設計很有用。第一步是制作定義網站在頁面一級上的結構和組織的布局網格。然后設計建立一般表現的框架。布局網格和設計框架一起構造頁面模型，同時它們又是基于Web的原型的結構。
在這兒，你需要圖形設計人員、藝朮指導、創作指導和產品工作人員的幫助。
第二頁：布局網格
布局網格是描述網頁的模板。內容 - 每頁的焦點 - 需要放在第一位。你應該縮減全局導航和局部導航的空間，并把可能不是網站結構一部分的網站的其它方面集成到此空間中。公司的商標應出現在每頁上。廣告和贊助者也應包括在設計中。
下面是布局網格的一個例子：
開始時，參照網站結構的列表建一個所有可能頁類型的清單。所有主要部分內的頁的形式應該很相似。回顧內容清單，確定兩種或三種一般的頁面類型。以設計這些頁面類型開始，并把它們作為所有其它頁面類型的基礎。
開始時，用速寫本或你最喜歡的圖形軟件，畫一個矩形表示一個頁，然后開始頁面中其它元素的定義。既然內容是最重要的元素，就以內容開始-
雖然有點兒可笑，因為你還不知道頁上還有其它什么內容。必需考慮的其它元素包括：商標、廣告和贊助、導航、頁標題、頂端圖形、腳標（包括版權）。
商標在每頁中起重要作用因為它告訴用戶他還在網站上。商標一般放在頁的左上角。
廣告和贊助可以以多種方式結合在一起。或許你在每頁上有一個全幅的廣告條（一般為468*60像素）。你是把它放在頂部嗎？你把它放在每頁標題下面嗎？你怎樣集成贊助？贊助集成在每頁的圖形標題中嗎？每頁的底部有一個小的贊助標志嗎？
-這都是你要回答的問題。
最后，導航也很重要。全局導航在網站的每頁中保持一致。局部導航系統可以根據內容有所變化，但盡可能保持一致。
這是一個反復性的過程。你可能几次修改布局網格。如果有時間，你可能需要為布局設計兩種或三種風格。
第三頁：設計框架和頁面模型
設計框架用來建立對網站的直觀感受。它可以與修飾風格或網站結構基本原理結合起來，但不是絕對必要。通常項工作可以與其它信息
- 結構過程同時進行，因此你可能已經完成了框架的設計并得到了客戶的贊成。
框架不一定要代表結構或組織。但是，圖形設計者確實應該知道圖形文件的大小，還有其它的技朮限制。
下一步是設計頁面模型，通過把設計框架和布局網格結合起來實現真正的網站。用你最喜歡的圖形軟件建立網站的框架。在布局網格的不同部分之間剪切和粘貼組件。另一種選擇是用HTML做頁面模型，把設計框架的組件作為圖形。
頁面模型是基于Web的原型的基礎，如果你的網站足夠小，是建立實際網站的基礎。頁面的模型需要得到客戶的同意，盡管對你進行到原型過程來說，得到對網站結構和設計框架的認同就足夠了。
現在你已經完成了建造網站信息結構的所有步驟！你已經擁有了建原型的所有材料，其它別的也該各就各位了。在你建原型之前，在你的設計文檔中加入最后一部分。
第四頁：設計文檔
你的工作快結束了。你現在要做的只是把網站的可視化設計作成文檔。在設計文檔中加入新的一章：“可視化設計”。把布局網格做在文檔中，包括你作的圖表。編輯設計框架，把丰滿頁面的圖片加入文檔。如果可能，加入基于Web的原型。設計文檔現在就完成了，提供了對網站設計的完整描述。文檔在建造網站、增加內容和不可避免地修改網站時很有用。
例如：
5. 可視化設計
5.1 布局網格
5.2 設計框架
5.3 頁面模型
5.4 基于Web的原型
你現在已經學完了最后一課。要實現真正的信息結構還得多做練習。
|
