使用圓角矩形繪制提交按鈕,然后添加內(nèi)陰影,不透明度改為305,大小和擴(kuò)展均為0,距離10px。添加“忘記密碼”鏈接,樣式:Arial 13pt 下劃線 #A4BDCD。
17.頁腳的右半部分
最后我們來完成聯(lián)系信息。添加標(biāo)題,文字樣式:Arial 20pt B加粗 (#FFFFFF) ,并且水平對齊到左側(cè)表單標(biāo)題。然后添加聯(lián)系信息,文字樣式:Arial 16pt #FFFFFF.
18.檢查布局和平衡
使用柵格和參考線來檢查元素是不是對齊、并保持一致性。
如果沒有,請及時調(diào)整。
19.歡呼,你已經(jīng)完成了
值得慶賀,你已經(jīng)小小領(lǐng)會了如何使用柵格系統(tǒng)布局網(wǎng)站,可以自定義屬于自己的基本系統(tǒng)。
強烈建議你多應(yīng)用該系統(tǒng)以達(dá)到純熟的程度,讓它變成你的第二感官。使用該系統(tǒng)會使作為設(shè)計師的你工作倍兒輕松。
點擊下載本文PSD源文件
本文鏈接:http://m.95time.cn/tech/graph/2011/8231.asp
出處:活力盒子
責(zé)任編輯:bluehearts
上一頁 使用960柵格系統(tǒng)設(shè)計簡潔網(wǎng)站 [10] 下一頁
◎進(jìn)入論壇Photoshop、Fireworks版塊參加討論,我還想發(fā)表評論。
|