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

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

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

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

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

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

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

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

這幾步,是在著手之前要寫(xiě)下來(lái)的.甚至有更詳細(xì)的功能和版面的東西,自己搞定吧.

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

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

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

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

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

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

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

好了,咱們進(jìn)行下一步.

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

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

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

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

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

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

根本是這些.我理不清條理,寫(xiě)出來(lái)的這些自己根本都不滿足,但總可以讓自己躲避許多的問(wèn)題吧.

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

圖片挑選遵從以下幾點(diǎn)要素:

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

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