|
本文接前一篇：FWMX 網(wǎng)站原型設(shè)計(jì)引言
第一階段：版面設(shè)計(jì)
原文見：http://www.computerarts.co.uk/tutorials/type/stage.asp?id=32685&stage=2&page=0
1.在此教程我們要?jiǎng)?chuàng)建一個(gè)范例站點(diǎn)并且我們知道將需要幾個(gè)元素：
一個(gè)抬頭包含標(biāo)誌
四個(gè)導(dǎo)航按鈕帶出彈出菜單
用戶登入的兩個(gè)面版
以及一大塊內(nèi)容區(qū)域
2.我們開始創(chuàng)建一個(gè)600x800的新文件，然后到View>Grid>Edit Grid.
在編輯網(wǎng)格對(duì)話框，設(shè)定網(wǎng)格大小為10x10并勾選"顯示網(wǎng)格"和"貼緊網(wǎng)格"方塊。
更改默認(rèn)網(wǎng)格顏色為淡灰色。
設(shè)定你的文件倍率使你能看到整個(gè)文件。
從工具欄選擇矩形工具并用它劃分你要放置關(guān)鍵元素的頁面。
你可以用這方法來決定為每個(gè)元素分配多少空間以及位置布局。
4.至此我們完成了版面安排。
頁面抬頭下有彈出導(dǎo)航菜單以及左側(cè)一對(duì)浮動(dòng)面版內(nèi)更深入的導(dǎo)航。
現(xiàn)在你可以決定取用的色系。
5.在很多實(shí)例中你會(huì)從標(biāo)誌或簡報(bào)中找出色系。
然后你需要決定哪里要使用哪種顏色。
我們實(shí)現(xiàn)了一個(gè)簡便的方法。
從CD中打開Tutorial\Prototypes檔案夾內(nèi)的colourscheme.png文件。
6.這個(gè)PNG文件是個(gè)袖珍型頁面版式，
包括大多數(shù)的標(biāo)準(zhǔn)網(wǎng)頁配置的普通元件。
到Window>Swatches開啟調(diào)色版并在此文件中給物件上色。
你可以用這方法在建立"真的"頁面之前來決定色系。
請(qǐng)繼續(xù)參閱續(xù)篇：第二階段：標(biāo)誌
出處：藍(lán)色理想
責(zé)任編輯：moonjeep
◎進(jìn)入論壇Photoshop、Fireworks版塊參加討論
|
