photoshop設(shè)計(jì)時(shí)尚網(wǎng)站模板(3)

　　

　　第十二步
　　來，我們現(xiàn)在加上一些文字。這里我仍給大標(biāo)題使用Egyptian Light字體(在最終的HTML代碼中這里是一幅圖片)，菜單欄使用Arial字體(這里將是HTML文字鏈接)。
　　這里給出關(guān)于字型的一些建議。這樣的設(shè)計(jì)很大程度上取決于我們使用一種簡潔字型。漂亮大方的文字顯得非常大氣，同時(shí)它是一種細(xì)瘦字型，因此看起來十分優(yōu)雅。
　　如果你在尋找一個(gè)高端設(shè)計(jì)外觀，細(xì)瘦經(jīng)典的字型必不可少。當(dāng)我第一次看到Helvetica超幼體的時(shí)候，我記得瘋狂地將它應(yīng)用到所有設(shè)計(jì)中，設(shè)計(jì)看起來的確既簡潔又高檔。
　　另外，Egyptian這種特別字體具有非常筆直的衫線，又有一種方形感覺，看起來很酷(我的感覺)。
　　還有其他很多很棒的字體可以使用。但是一般來說要用一些更為經(jīng)典的字體。換句話說，除非你確定知道你的需求，否則最好還是不要使用那些樣子奇怪的字體——比方說一些看起來具有未來派的字體。實(shí)際上一個(gè)有效總體原則就是除非你自信滿滿，否則還是選擇一些更為普通的字體。
　　另外一種用在這里效果非常不錯(cuò)的字型是那種位技術(shù)——看起來像是Chris Garrett Media用的字體。我也不知道這是什么字體，或者這種類型的字體叫什么，不過非常簡潔。也許一個(gè)熱心的印刷達(dá)人在評(píng)論里告訴我們的。
　　


　　第十三步
　　不管怎樣，看完Chris Garrett Media的站點(diǎn)之后，我決定給字體上再加一個(gè)梯度覆蓋，增加一些亮光，這樣看起來更酷。你在下面可以看到，這里我們正在添加一個(gè)從黑到白的梯度覆蓋，在覆蓋模式下淡化一點(diǎn)。
　　

　　第十四步
　　現(xiàn)在我們?cè)佼嬕粋�(gè)大黑框作為內(nèi)容區(qū)。實(shí)際上你可以復(fù)制先前的涂層，然后做一些調(diào)整。
　　這樣我們就實(shí)現(xiàn)下圖所示的樣子了�？雌饋硐喈�(dāng)酷吧!!
　　


[table][tr][/tr] [/table]
.
　　第十五步
　　現(xiàn)在我們?cè)趦?nèi)容框里加一些假內(nèi)容。這里我還是給大多數(shù)文字用Arial字體，但是標(biāo)題沒用Egyptian，我用了Georgia字體。Georgia沒有那么優(yōu)雅，但是也是個(gè)標(biāo)準(zhǔn)字體，可以放在之前的HTML代碼里用作標(biāo)題，可以不用圖像或者Flash。
　　實(shí)際上，隨著Windows Vista的發(fā)布又有一種叫做Cambria的半標(biāo)準(zhǔn)字體產(chǎn)生。但是在蘋果上火狐瀏覽器特定尺寸下Cambria存在一些奇怪的渲染問題，因此我們現(xiàn)在還是用表現(xiàn)穩(wěn)定的Georgia字體。
　　

　　第十六步
　　最后我在底部新建一個(gè)新圖層，用深紫色填充，在頂部加1px的邊界，瞧，就有個(gè)頁腳了。
　　


　　準(zhǔn)備建站
　　把以上這些放在一起，準(zhǔn)備建站了。

　　可選背景一
　　這個(gè)設(shè)計(jì)很酷地方之一就是更換背景圖片很容易，換了以后依然很炫。這里我換了一張從iStockPhoto站點(diǎn)叫做“Passion”的圖片做背景，其顏色策略相似。這是一張很酷的3D光線渲染圖，像我們現(xiàn)在用的背景一樣，也是抽象派，看起來很炫目。