|
隨便扒拉一篇你要發(fā)布的日志復(fù)制過(guò)來(lái)，調(diào)整顏色和大小和行間距。標(biāo)題是相當(dāng)重要的元素所以必須要粗點(diǎn)顏色要醒目點(diǎn)。一些作者信息例如時(shí)間日期等到時(shí)不重要的，所以他們可以小一點(diǎn)顏色淺一點(diǎn)。
在內(nèi)容區(qū)域底部畫(huà)一個(gè)淺色矩形。
用一些看起來(lái)很棒而且免費(fèi)的按鈕來(lái)設(shè)置一些函數(shù)，添加一些次級(jí)信息例如留言數(shù)，繼續(xù)閱讀等。這些信息對(duì)訪(fǎng)客來(lái)講還是很有用的所以將他們另外隔開(kāi)放到另一個(gè)地方來(lái)。
最后添加寫(xiě)其他頁(yè)面原色比如訂閱啦等。RSS圖標(biāo)你可以在教程很多地方找到例如
a tutorial 活 free icon set. （國(guó)內(nèi)的站酷不錯(cuò)）
咣當(dāng)當(dāng)最后一個(gè)華麗麗擁有良好的頁(yè)面信息和清楚的框架結(jié)構(gòu)的博客界面設(shè)計(jì)就這樣的出來(lái)鳥(niǎo)。下面我們會(huì)講解如何將這個(gè)設(shè)計(jì)稿轉(zhuǎn)化為真正的網(wǎng)頁(yè)。
終于翻譯完了，其實(shí)主要是想看第二章如何布局的，不過(guò)看到這個(gè)教程比較完備就順便先把這個(gè)翻譯了。有些地方是按照自己的方法來(lái)翻譯的，不過(guò)都能達(dá)到類(lèi)似的效果。如果有不足還望大家指出~~~
原文鏈接：http://www.blog.spoongraphics.co.uk/tutorials/create-a-vibrant-modern-blog-design-in-adobe-photoshop
下文將介紹：如何將PSD效果圖制作成XHTML+CSS文件（點(diǎn)擊查看）
本文鏈接：http://m.95time.cn/design/doc/2009/6650.asp 
出處：譯言
責(zé)任編輯：bluehearts
上一頁(yè) 用Photoshop設(shè)計(jì)一個(gè)博客界面 [7] 下一頁(yè)
|
第 1 頁(yè) 
第 8 頁(yè) 用Photoshop設(shè)計(jì)一個(gè)博客界面 [8]
