4.添加頁眉
我們習(xí)慣于自上而下的設(shè)計。選擇矩形選擇工具,繪制一個橫貫整個畫布寬度的矩形選區(qū),高度120px。打開標(biāo)尺工具能保證繪制的準確度,120px高剛好占到5個垂直方向的柵格,然后填充深灰色(#2C2C2C)。這個頁眉主要用于放置logo和導(dǎo)航欄。
5.插入你的logo
在頁眉的左上方插入logo,對齊到第二列柵格,這樣就給了網(wǎng)站40px的內(nèi)邊距。本項目Logo字體我采用50pt Century Gothic,填充亮藍色(#ADC7D9),通過對文字“grid”加粗、填充白色來跟前面的文字“blue”區(qū)分。接下來給Logo添加內(nèi)陰影效果,降低內(nèi)陰影不透明度到25%,距離:2px、大小:5px。
6.添加導(dǎo)航
導(dǎo)航欄我們采用以文字為主的列表形式,這樣可以營造干凈整潔的視覺效果。選擇18pt Arial寫入導(dǎo)航欄文字,“Home”使用白色,其他文字都使用亮灰色(#BBBBBB)。調(diào)整頁眉所有的元素垂直居中對齊。
出處:活力盒子
責(zé)任編輯:bluehearts
上一頁 使用960柵格系統(tǒng)設(shè)計簡潔網(wǎng)站 [3] 下一頁 使用960柵格系統(tǒng)設(shè)計簡潔網(wǎng)站 [5]
◎進入論壇Photoshop、Fireworks版塊參加討論,我還想發(fā)表評論。
|