1:在定位的基礎(chǔ)��?搞明白自己要做什��?
這句其實(shí)不用解釋��?你要明白的是我要做的站大概有什么樣的效��?并有例子在腦海里浮現(xiàn).要做的這個站屬于什么樣的行��?這個行業(yè)的站都有什么共同的特點(diǎn).
2:你的目標(biāo)/效果和你希望達(dá)到的目��?效果是怎么樣的.你設(shè)計的目標(biāo),與客戶的目標(biāo)和公司領(lǐng)導(dǎo)的目標(biāo)是否一��?有什么區(qū)��?
3:你要如何去做,怎樣去做,用什么樣的手法手��?來達(dá)到你的目��?效果.又用怎樣的設(shè)計來強(qiáng)化和突出這個效��?
4:你的布局,應(yīng)該怎樣和你的設(shè)計搭��?怎樣來突出你的思路.
5:是否有不同的風(fēng)格,是否只是顏色上的變換.(將所有含有顏色的背景層保��?
這幾��?是在動手之前要寫下來��?甚至有更詳細(xì)的功能和版面的東��?自己搞定��?
下面才是真正的動手設(shè)計的步驟.
1:確定分辨��?和不同分辨下對應(yīng)的效��? 與平面的載體的不��?決定了網(wǎng)頁具有比平面更靈活的表達(dá)方式.
站點(diǎn)的滿屏概念其實(shí)是分相對和絕對兩種,相對��?是針對當(dāng)前分辨率的滿��?而絕對滿屏幕,則是不同的顯示器不同的分辨率下都是滿��?一般我會給出一個最小分辨率,最大到無限.相對滿屏,比如1024×768,800×600��?最好是用絕對寬度來定義,就是像素為單��?而絕對滿��?則用百分��?
在確定分辨率之后,你的PS圖要比實(shí)際設(shè)計的圖要��?要考慮用戶使用高于你設(shè)計的分辨率下,網(wǎng)頁以怎樣的形式表��?是居��?還是居中,還是靠在右邊.
2:大背��?3條輔助線及邊界處��?結(jié)構(gòu)(頭部,中間,底部的大概位��?) 整體是否有背��?
左邊界線,右邊界線,和中間線.
如果是絕對寬度的設(shè)計,那么用戶使用較高分辨率瀏覽時,內(nèi)容與多出的屏幕是否有分��?
結(jié)構(gòu),究竟是上中下結(jié)構(gòu),還是左中右結(jié)��?還是其他��?每一��?大概放什么內(nèi)��?
3:導(dǎo)航和標(biāo)��? 網(wǎng)站��?00-1%是導(dǎo)��?這是一句被傳爛了的��?
你的導(dǎo)航是長的還是短��?是橫的還是豎��?還是弧形��?是否有下拉菜��?比重各是多少.和標(biāo)志處在什么位��?各語言版面入口在哪��?登陸(后臺管理/用戶/MAIL)在什么位��?標(biāo)志附近是否有點(diǎn)睛一般的廣告��?
好了,我們進(jìn)行下一��?
4:banner同導(dǎo)��?和過��? 導(dǎo)航跟banner是分開的還是在一起的.在一起的話你是否采用flash制作,如不用flash制作,你設(shè)計的背景是否適合切割成平鋪的背景,怎樣讓背景圖片體積最��?記住不要��?×2的背景做平鋪.banner是占據(jù)了整個寬度,還是只是一部分.如果是一部分,那么空出的地方你準(zhǔn)備放什么東��?
5:主體內(nèi)容部分. 我的中間是左右機(jī)��?還是一大塊,還是左中右結(jié)構(gòu)的.每一塊的分割采用什么手��?顏色以怎么樣的規(guī)則變化.然后將內(nèi)容填充進(jìn)��?
6:底部版權(quán)信息及其��?7:不同的風(fēng)格的調(diào)整.基本是這��?我理不清頭緒,寫出來的這些自己基本都不滿意,但總可以讓自己規(guī)避很多的問題吧.
關(guān)于圖片和小圖標(biāo)的選擇:
圖片選擇遵循以下幾點(diǎn)要素:1:必須有一個鮮明的主題.
2:圖片盡量有懸��?
3:突出的內(nèi)容只有一��?圖片突出的內(nèi)容只有一��?版面也一��?
4:從目標(biāo)對象或目標(biāo)服務(wù)對象來考慮圖片的選擇.
5:要善于從做背��?
6:新手盡量大面積留��?
7:新手慎用��?
圖標(biāo)選擇注意要素:1:圖標(biāo)表達(dá)意思與title相適應(yīng)
2:同色系或統(tǒng)一風(fēng)格.
3:學(xué)會突破(圖標(biāo)不受title的背景限��?
4:圖標(biāo)大小要特別注��?
5:善用圓角.(與弧不同)
6:要便于記��?
7:盡量避免重復(fù)(純裝飾除��?重復(fù)刺激效果的除��?