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

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

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

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

2、你的方針/作用和你期望達到的方針/作用是怎么樣的.你規(guī)劃的方針,與客戶的方針和公司領(lǐng)導(dǎo)的方針是否共同,有什么區(qū)別.

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

4、你的布局,應(yīng)該怎樣和你的規(guī)劃調(diào)配,怎樣來杰出你的思路.

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

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

下面才是真正的著手規(guī)劃的過程：

1、確認分辯率.和不同分辯下對應(yīng)的作用.

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

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

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

3、導(dǎo)航和標志.

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

好了,咱們進行下一步.

4、banner同導(dǎo)航,和過度.

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

5、主體內(nèi)容部分.

我的中間是左右機構(gòu),仍是一大塊,仍是左中右結(jié)構(gòu)的.每一塊的切割選用什么方法.色彩以怎么樣的規(guī)則改變.然后將內(nèi)容填充進去.

6、底部版權(quán)信息及其他.

7、不同的風(fēng)格的調(diào)整.

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

關(guān)于圖片和小圖標的挑選:

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

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

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