原文博客:veerle
翻譯整理:西米CC
來(lái)自國(guó)外博客veerle的一個(gè)系列教程,分八個(gè)部分講解一張完整CSS頁(yè)面的構(gòu)建過(guò)程。雖然它不是每個(gè)步驟都解釋得非常詳細(xì),但是其中提及的很多技巧和經(jīng)驗(yàn)都很值得初學(xué)者借鑒,從界面設(shè)計(jì)到頁(yè)面構(gòu)建,強(qiáng)調(diào)了很多細(xì)節(jié)的設(shè)計(jì)理念。在翻譯的過(guò)程中,個(gè)人覺(jué)得本教程比較薄弱的環(huán)節(jié)是頁(yè)面整體布局的搭建,篇幅不是很充分,不過(guò)大家仍然可以通過(guò)觀察源文件進(jìn)行查漏補(bǔ)缺。
本教程最終效果如下(瀏覽示例頁(yè)面):
本教程素材及頁(yè)面源代碼下載
教程的每個(gè)部分都有其側(cè)重點(diǎn),其中前三節(jié)都是關(guān)于素材制作與設(shè)計(jì)的,要求有一定的Photoshop操作基礎(chǔ),我想這也是網(wǎng)頁(yè)設(shè)計(jì)必備的基礎(chǔ)技能之一。
英文原文
出處:藍(lán)色理想
責(zé)任編輯:bluehearts
上一頁(yè) 下一頁(yè) 導(dǎo)航菜單素材的設(shè)計(jì)
◎進(jìn)入論壇網(wǎng)頁(yè)制作、WEB標(biāo)準(zhǔn)化版塊參加討論,我還想發(fā)表評(píng)論。
|