返回
頂部
頂部
本章的設(shè)計步驟是建立在網(wǎng)頁設(shè)計進(jìn)階之一 (步驟和大局觀)之上的.可能會涉及一些平面相關(guān)的知識.和網(wǎng)站與平面的比較.網(wǎng)頁與平面的區(qū)別我會在以后在寫.
本章所講的基于PHOTOSHOP軟件制作.
本章印證了網(wǎng)頁90%是排版這句話.
遵循從整體到局部的順序.
1:在定位的基礎(chǔ)上,搞明白自己要做什么.
這句其實(shí)不用解釋了.你要明白的是我要做的站大概有什么樣的效果,并有例子在腦海里浮現(xiàn).要做的這個站屬于什么樣的行業(yè),這個行業(yè)的站都有什么共同的特點(diǎn).
2:你的目標(biāo)/效果和你希望達(dá)到的目標(biāo)/效果是怎么樣的.你設(shè)計的目標(biāo),與客戶的目標(biāo)和公司領(lǐng)導(dǎo)的目標(biāo)是否一致,有什么區(qū)別.
3:你要如何去做,怎樣去做,用什么樣的手法手段,來達(dá)到你的目標(biāo)/效果.又用怎樣的設(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)站以怎樣的形式表達(dá),是居左,還是居中,還是靠在右邊.
2:大背景,3條輔助線及邊界處理.結(jié)構(gòu)(頭部,中間,底部的大概位置.)
整體是否有背景.
左邊界線,右邊界線,和中間線.
如果是絕對寬度的設(shè)計,那么用戶使用較高分辨率瀏覽時,內(nèi)容與多出的屏幕是否有分割.
結(jié)構(gòu),究竟是上中下結(jié)構(gòu),還是左中右結(jié)構(gòu),還是其他的.每一塊,大概放什么內(nèi)容.
以上內(nèi)容由上海網(wǎng)站建設(shè)公司君君營銷發(fā)布，轉(zhuǎn)載請注明文章出處！
當(dāng)前名稱：網(wǎng)站設(shè)計教程之設(shè)計的步驟及思考
標(biāo)題路徑：
網(wǎng)站建設(shè)、網(wǎng)絡(luò)推廣公司-君君營銷，是專注品牌與效果的網(wǎng)站制作，網(wǎng)絡(luò)營銷seo公司；服務(wù)項(xiàng)目有網(wǎng)站設(shè)計等
