網頁規劃之規劃過程及考慮

與之前的過程不同,這是實踐操作的過程.本文包括了大局的過程和欄目,圖片,小到一個圖標的選取等等等等,可能會漏掉許多的東西.本章肯定不是網頁的規范制造過程,我信任也沒有什么規范的制造過程.

本章的規劃過程是建立在 網頁規劃進階之一 (過程和大局觀) 之上的.可能會觸及一些平面相關的常識.和網頁與平面的比較.網頁與平面的區別我會在今后在寫.

本章所講的基于PHOTOSHOP軟件制造.
本章印證了網頁90%是排版這句話.
遵從從全體到部分的次序.

1、在定位的基礎上,搞理解自己要做什么.
這句其實不必解說了.你要理解的是我要做的站大概有什么樣的作用,并有比如在腦海里顯現.要做的這個站屬于什么樣的職業,這個職業的站都有什么一起的特點.

2、你的方針/作用和你期望達到的方針/作用是怎么樣的.你規劃的方針,與客戶的方針和公司領導的方針是否共同,有什么區別.

3、你要怎么去做,怎樣去做,用什么樣的方法手法,來達到你的方針/作用.又用怎樣的規劃來強化和杰出這個作用.

4、你的布局,應該怎樣和你的規劃調配,怎樣來杰出你的思路.

5、是否有不同的風格,是否僅僅色彩上的改換.(將一切含有色彩的布景層保留)

這幾步,是在著手之前要寫下來的.甚至有更詳細的功能和版面的東西,自己搞定吧.

下面才是真正的著手規劃的過程：

1、確認分辯率.和不同分辯下對應的作用.

與平面的載體的不同,決議了網頁具有比平面更靈敏的表達方式.
站點的滿屏概念其實是分相對和肯定兩種,相對的,是針對當時分辯率的滿屏.而肯定滿屏幕,則是不同的顯示器不同的分辯率下都是滿屏,一般我會給出一個最小分辯率,最大到無限.相對滿屏,比如1024×768,800×600等.最好是用肯定寬度來定義,便是像素為單位.而肯定滿屏,則用百分比.
在確認分辯率之后,你的PS圖要比實踐規劃的圖要大.要考慮用戶運用高于你規劃的分辯率下,網頁以怎樣的形式表達,是居左,仍是居中,仍是靠在右邊

2、大布景,3條輔助線及邊界處理.結構(頭部,中間,底部的大概方位.)

全體是否有布景.
左邊界線,右邊界線,和中間線.
如果是肯定寬度的規劃,那么用戶運用較高分辯率閱讀時,內容與多出的屏幕是否有切割.
結構,究竟是上中下結構,仍是左中右結構,仍是其他的.每一塊,大概放什么內容.

3、導航和標志.

網站的100-1%是導航.這是一句被傳爛了的話.
你的導航是長的仍是短的,是橫的仍是豎的.仍是弧形的.是否有下拉菜單.比重各是多少.和標志處在什么方位.各言語版面進口在哪里.登陸(后臺管理/用戶/MAIL)在什么方位,標志附近是否有點睛一般的廣告詞.

好了,咱們進行下一步.

4、banner同導航,和過度.

導航跟banner是分隔的仍是在一起的.在一起的話你是否選用flash制造,如不必flash制造,你規劃的布景是否合適切割成平鋪的布景,怎樣讓布景圖片體積最小.記住不要用2×2的布景做平鋪.banner是占有了整個寬度,仍是僅僅一部分.如果是一部分,那么空出的當地你預備放什么東西.

5、主體內容部分.

我的中間是左右機構,仍是一大塊,仍是左中右結構的.每一塊的切割選用什么方法.色彩以怎么樣的規則改變.然后將內容填充進去.

6、底部版權信息及其他.

7、不同的風格的調整.

根本是這些.我理不清條理,寫出來的這些自己根本都不滿足,但總可以讓自己躲避許多的問題吧.

關于圖片和小圖標的挑選:

圖片挑選遵從以下幾點要素:

必須有一個明顯的主題. 
圖片盡量有懸念. 
杰出的內容只有一個(圖片杰出的內容只有一個,版面也一樣) 
從方針目標或方針服務目標來考慮圖片的挑選. 
要善于從做布景. 
新手盡量大面積留白. 
新手慎用弧.
圖標挑選注意要素:

圖標表達意思與title相適應 
同色系或一致風格. 
學會打破(圖標不受title的布景限制) 
圖標巨細要特別注意. 
善用圓角.(與弧不同) 
要便于回憶. 
盡量避免重復(純裝飾除外,重復刺激作用的除外)