優(yōu)秀的博客設(shè)計(jì)的13個(gè)特點(diǎn)

大多數(shù)網(wǎng)頁(yè)設(shè)計(jì)師和越來(lái)越多的來(lái)自客戶端的請(qǐng)求來(lái)設(shè)計(jì)自定義博客的主題。
而博客的主題不是從任何其他類型的網(wǎng)站設(shè)計(jì)完全不同的設(shè)計(jì)，有一些獨(dú)特的挑戰(zhàn)，博客主題設(shè)計(jì)的臉。
有很多來(lái)源可供設(shè)計(jì)師們尋求靈感來(lái)自高質(zhì)量的博客設(shè)計(jì)，但同樣重要的是要了解具體是什么會(huì)影響和決定一個(gè)成功的博客主題設(shè)計(jì)。在這篇文章中我們會(huì)研究13大特點(diǎn)，獨(dú)立博客的主題從休息。
 

1。可讀性
因?yàn)椴┛褪菄@內(nèi)容，可讀性是一個(gè)關(guān)鍵的優(yōu)先。與可讀性差甚至偉大的內(nèi)容將難以吸引和留住讀者。當(dāng)一個(gè)博客主題的設(shè)計(jì)很重要，它不應(yīng)該影響內(nèi)容本身。當(dāng)設(shè)計(jì)一個(gè)博客的主題，領(lǐng)域的設(shè)計(jì)一樣，標(biāo)題，導(dǎo)航欄經(jīng)常得到很多的關(guān)注，和造型的內(nèi)容在職位本身經(jīng)常被忽視。
還有一些影響可讀性的因素，所有這些都應(yīng)該在設(shè)計(jì)時(shí)考慮博客的主題：
填充–填料或保證金將內(nèi)容后從邊緣區(qū)的內(nèi)容可以幫助讀者直觀地將內(nèi)容和重點(diǎn)也不分心。
自由撰稿人使用大量的填料保持內(nèi)容易于閱讀。

短款–讀者將有一個(gè)更簡(jiǎn)單的時(shí)間短的段落。屏幕上的長(zhǎng)款是困難的和令人生畏的讀者。短的段落往往吸引讀者因?yàn)樗麄兛梢宰x者更快。
–使用無(wú)序列表（項(xiàng)目）列表或有序列表在適當(dāng)?shù)臅r(shí)候。而不是使用段落格式完全名單有助于打破單調(diào)的文字和易于掃描。點(diǎn)也會(huì)站出來(lái)為他們抓住讀者的注意力。

粗體文本–有滿屏幕的文字都是一樣的尺寸和重量使得它更難讓讀者很快看到什么是重要的。許多博客訪客是不會(huì)去讀文章的話，那么你的選擇是使它更容易為他們掃描，或者看著他們離開。

行間距–尤其是博客，出版商更長(zhǎng)，更詳細(xì)的文章，它是重要的是要有足夠的空間之間的文本行。沒有間隔線正確導(dǎo)致文本被。
子標(biāo)題–博客可以打破子標(biāo)題（通常是H3和H4標(biāo)簽）。在設(shè)計(jì)和風(fēng)格的主題，這些子標(biāo)題應(yīng)給予足夠的重視。當(dāng)正確地做他們會(huì)幫助與可讀性，掃描，他們會(huì)幫助作家做出明確。
mirificam出版社其子標(biāo)題樣式進(jìn)行視覺沖擊。

2。有用的側(cè)邊欄
側(cè)邊欄博客設(shè)計(jì)的一個(gè)重要組成部分，因?yàn)樗麄冊(cè)诤胶Ｕ甙l(fā)揮了很大的作用，因?yàn)樗鼈兲峁┝藱C(jī)會(huì)，增加一些創(chuàng)造性的設(shè)計(jì)。此外，他們給的主題和博客一個(gè)機(jī)會(huì)來(lái)確定哪些內(nèi)容或頁(yè)面的博客上接觸到所有的游客。一個(gè)好的側(cè)邊欄將具有一個(gè)有吸引力的設(shè)計(jì)，易于使用和瀏覽，功能相應(yīng)的內(nèi)容，并鼓勵(lì)大量的瀏覽量。
在博客側(cè)邊欄的一些共同的要素包括：
熱門職位
最近的帖子
友情鏈接/好友列表
廣告
分類鏈接
基于日期的檔案
鏈接到RSS
最新評(píng)論
產(chǎn)品/服務(wù)推廣

帶側(cè)邊欄的一步步深入，一些博客設(shè)計(jì)師創(chuàng)建多個(gè)側(cè)邊欄或使用條件標(biāo)簽包含動(dòng)態(tài)內(nèi)容的基于頁(yè)面的訪客瀏覽。這有助于使側(cè)邊欄更相關(guān)和有用的信息和鏈接，因?yàn)榘趥?cè)邊欄更可能是感興趣的游客。
越來(lái)越多的博客正在改變他們的側(cè)邊欄來(lái)鼓勵(lì)更多的讀者互動(dòng)。一些博客將用戶提交的社區(qū)新聞鏈接。其他包括Flickr照片流（Flickr組現(xiàn)在很常見的設(shè)計(jì)博客）或流信息Last.fm。額外的社會(huì)媒體的整合是另一種可能性，從網(wǎng)站如推特，美味或掘客。
這個(gè)PSDTUTS側(cè)邊欄，包括從自己的Flickr圖像以及用戶提交的社區(qū)新聞。

3。獨(dú)特
隨著博客和博客主題不同千萬(wàn)里，很容易為游客很難區(qū)分他們之前，博客和他們沒有的。偉大的博客設(shè)計(jì)將從所有自由的主題，類似的設(shè)計(jì)在一種或另一種方式。設(shè)計(jì)師可以采取一些不同的方法來(lái)實(shí)現(xiàn)這一目標(biāo)，但重要的是，該設(shè)計(jì)不僅是難忘的，但也要符合信息和目的的博客。
可能的方法：

 
藝術(shù)/創(chuàng)意
為了讓你的設(shè)計(jì)脫穎而出的方法之一是設(shè)計(jì)非常有創(chuàng)意，將很容易讓你的博客有自己獨(dú)特的標(biāo)志。

當(dāng)然，這些只是一些不同的風(fēng)格和選擇設(shè)計(jì)師。有無(wú)數(shù)的方法，你可以去創(chuàng)造一個(gè)獨(dú)特的主題，然而，博客應(yīng)該有某種獨(dú)特的外觀，有助于品牌的網(wǎng)站，讓它混合在與所有其他的博客。

 
4。評(píng)價(jià)設(shè)計(jì)
評(píng)論區(qū)往往是主題設(shè)計(jì)最后的優(yōu)先級(jí)，但精心設(shè)計(jì)的評(píng)論區(qū)可以給博客讀者的一個(gè)完全不同的感覺，尤其是那些評(píng)論自己。設(shè)計(jì)師選擇包括化身為人，造型作者評(píng)論脫穎而出，交流意見不同的風(fēng)格，使用語(yǔ)音氣泡，等。
頭像正變得越來(lái)越普遍，博客，部分是因?yàn)檫@樣做與緩解WordPress和Gravatars。圣靈幫助的評(píng)論區(qū)更多的個(gè)人接觸，給每個(gè)人一個(gè)屬于自己的個(gè)性。
親的博客設(shè)計(jì)在評(píng)論區(qū)的頭像和色彩運(yùn)用出色。

 
5。集成的廣告
今天，大多數(shù)的博客（至少那些專業(yè)而不是個(gè)人）使用的是某種廣告賺錢的網(wǎng)站。這可能包括廣告、聯(lián)盟廣告、橫幅廣告或直接廣告是必要的，在大多數(shù)情況下保持博客，他們也可以有不利影響的設(shè)計(jì)和用戶體驗(yàn)，如果他們不正確實(shí)施的設(shè)計(jì)。
一些博客作者和設(shè)計(jì)者選擇放置廣告的位置，將吸引大量的關(guān)注，如在博客中。雖然這可能有助于產(chǎn)生更多的廣告收入，這將減少博客整體看起來(lái)會(huì)讓一些讀者。這是一個(gè)決定，需要博客的主人，但從設(shè)計(jì)的角度來(lái)看，最好是保持廣告是專門為廣告的地方。
位置的廣告是重要的，但造型的廣告，或周圍地區(qū)的廣告，也是一個(gè)選擇，為設(shè)計(jì)師。廣告可能會(huì)覺得更有一部分的主題，干擾少，如果他們被視為設(shè)計(jì)的一部分。
CSS技巧使用工具條中的紅色橫幅，懸停改變邊界和標(biāo)題橫幅被放置在一個(gè)骯臟的背景，也有一個(gè)懸停效果。

6。有效的，可用的導(dǎo)航
導(dǎo)航是決定網(wǎng)站用戶體驗(yàn)的最重要的因素之一。沒有比這更令人沮喪的比不能夠找到你正在尋找的，游客們?nèi)绻麄冏⒍ㄒx開。另一方面，有效的導(dǎo)航可以帶來(lái)更多的瀏覽量和更豐富的博客，利用這些內(nèi)容是可用的。
開發(fā)和維護(hù)有效的導(dǎo)航是博客主題設(shè)計(jì)的一個(gè)挑戰(zhàn)，因?yàn)閮?nèi)容將不斷添加到博客，使它更容易為帖子得到埋在檔案。在某些方面，保持導(dǎo)航到博客，在使用在帖子內(nèi)部鏈接和鏈接更新舊帖子新條款。然而，也有一些步驟的設(shè)計(jì)師可以提高導(dǎo)航。
首先，應(yīng)該有一個(gè)主導(dǎo)航菜單，把游客帶到任何主要的網(wǎng)頁(yè)（如網(wǎng)頁(yè)或聯(lián)系頁(yè)面），導(dǎo)航和次導(dǎo)航菜單通常使用以及。
第二，側(cè)邊欄應(yīng)該用來(lái)使讀者對(duì)重要內(nèi)容的博客。熱門職位是一種常見的做法。
第三、側(cè)邊欄還應(yīng)該包括一些標(biāo)準(zhǔn)的博客導(dǎo)航元素，游客會(huì)發(fā)現(xiàn)，如分類鏈接或鏈接到一個(gè)存檔頁(yè)。
第四、文章底部區(qū)域可以包括相關(guān)文章的鏈接，或者可以通過(guò)博客時(shí)所需的特定崗位手工。
的頭種包括類別鏈接作為主要的導(dǎo)航，這讓游客很容易找到他們想要的內(nèi)容，再加上它使導(dǎo)航看起來(lái)不那么像一個(gè)無(wú)聊的類別列表。

 
7。圖像的郵件
一部分博客的努力得到他們的帖子閱讀和注意的是用圖片在博客。當(dāng)然，利用圖像以外的博客主題設(shè)計(jì)的控制，但是設(shè)計(jì)師可以通過(guò)包括郵政形象風(fēng)格對(duì)這方面產(chǎn)生影響。圖像可以更有效的和有吸引力的當(dāng)用CSS來(lái)給他們一個(gè)更好的觸摸。
設(shè)計(jì)師可能需要提供的圖像，可以使用不同的幾類，或許多寫博客的人可能更容易風(fēng)格的圖像一樣。使用一個(gè)邊框和填充是常見的，有時(shí)與背景顏色相結(jié)合。

8。頁(yè)腳設(shè)計(jì)
當(dāng)設(shè)計(jì)一個(gè)博客的主題，或任何網(wǎng)站對(duì)于這件事，頁(yè)腳是通常很少關(guān)注設(shè)計(jì)的一個(gè)區(qū)域。大多數(shù)的博客包括版權(quán)，鏈接到首頁(yè)，或者其他少數(shù)鏈接到網(wǎng)站的頁(yè)面（或主題設(shè)計(jì)和/或博客平臺(tái)）。當(dāng)許多游客不會(huì)向下滾動(dòng)到甚至看到頁(yè)腳，那些能夠從一個(gè)精心設(shè)計(jì)的頁(yè)腳效益。

要一個(gè)博客頁(yè)腳包括？沒有什么是絕對(duì)的，但總的來(lái)說(shuō)，一些博客使用的是他們本質(zhì)上是一種延伸的側(cè)邊欄。我的意思是，許多相同的元素，你會(huì)發(fā)現(xiàn)平均側(cè)邊欄也出現(xiàn)在一些博客頁(yè)腳。社交媒體的整合，比如最近的條目推特流行。此外，一些博客鏈接到熱門的帖子，從頁(yè)腳最近的評(píng)論甚至博客的朋友。
除了剛才使用頁(yè)腳的更多信息和鏈接是一個(gè)家，設(shè)計(jì)師也利用這一地區(qū)獲得創(chuàng)意的主題。頁(yè)腳很像頭，它提供了一種激勵(lì)設(shè)計(jì)師實(shí)驗(yàn)的大畫布。

9。配色方案
顏色，當(dāng)然，其中任何一種設(shè)計(jì)的最重要的因素。一個(gè)博客主題尋找合適的配色方案是通常不會(huì)發(fā)生的瞬間，但是得到的顏色是至關(guān)重要的。顏色有時(shí)會(huì)讓看，有時(shí)他們會(huì)破壞設(shè)計(jì)。幸運(yùn)的是，有很多尋找色彩方案的工具和資源。
一個(gè)博客的顏色方案將在博客的品牌起到相當(dāng)大的作用，因此它是非常重要的，長(zhǎng)期的成功的博客。一些博客使用光明和充滿活力的配色方案，而另一些人則使用較少的顏色或單色方案。最喜歡的東西來(lái)設(shè)計(jì)時(shí)，沒有對(duì)錯(cuò)，只是不同情境下的不同選擇。

10。圖標(biāo)
圖標(biāo)可以用來(lái)提高一個(gè)網(wǎng)站的外觀，同時(shí)提高可用性。圖標(biāo)是整點(diǎn)，目前消息游客甚至沒有使用任何文本。例如，一個(gè)家庭一個(gè)圖標(biāo)通常被理解為一個(gè)鏈接的網(wǎng)頁(yè)沒有這么說(shuō)的話，和一個(gè)語(yǔ)音泡沫是經(jīng)常用來(lái)表示博客評(píng)論。
在正確使用的圖標(biāo)提供了某種微妙的改進(jìn)設(shè)計(jì)。圖標(biāo)是很少的任何博客主題的亮點(diǎn)，但所有的博客可以利用精心設(shè)計(jì)的圖標(biāo)。博客主題的設(shè)計(jì)師可以設(shè)計(jì)自己的圖標(biāo)，或使用任何數(shù)量的免費(fèi)圖標(biāo)集的可用。

11。高含量
因?yàn)椴┛褪侨绱艘蕾囉趦?nèi)容，博客的主題設(shè)計(jì)應(yīng)考慮的內(nèi)容開始倍以上。超大的頁(yè)眉允許更多的創(chuàng)新設(shè)計(jì)，但它通常是最好的博客聚焦在內(nèi)容視圖中的快。這是我個(gè)人的偏好，有一些精心設(shè)計(jì)的博客內(nèi)容推下來(lái)，但總的來(lái)說(shuō)最好是保持含量高的布局。

12。認(rèn)購(gòu)區(qū)
RSS和郵件訂閱博客的生命線。因?yàn)檫@個(gè)原因，這顯然是重要的博客能夠把訪客轉(zhuǎn)化成用戶。許多博客的訪客會(huì)習(xí)慣標(biāo)準(zhǔn)博客公約包括RSS和郵件訂閱選項(xiàng)鏈接在側(cè)邊欄。通常這些地區(qū)位于側(cè)邊欄的頂部，但有時(shí)他們有點(diǎn)進(jìn)一步下降。
與這里的規(guī)范保持的好處是，這是人們找到的鏈接更容易，你不想讓人們訂閱困難。大多數(shù)博客還包括RSS圖標(biāo)和鏈接。有無(wú)數(shù)的RSS圖標(biāo)可供下載的各種變化。

13。社會(huì)化媒體的整合
更多的博客開始包括鈕扣、徽章或鏈接，鼓勵(lì)讀者投票選出他們的內(nèi)容在社交媒體網(wǎng)站。當(dāng)談到這些項(xiàng)目，過(guò)度會(huì)損害博客的外觀。太多的按鈕可以使主題顯得雜亂和無(wú)組織的。最好的方法是使用一個(gè)設(shè)計(jì)實(shí)現(xiàn)了社交媒體元素，如投票按鈕，沒有強(qiáng)烈的東西巧妙的設(shè)計(jì)。
六次修改包括一個(gè)小的Digg投票按鈕和文本鏈接跌倒或書簽在每個(gè)崗位上。較小的Digg按鈕更友好的設(shè)計(jì)比更大的“掘客”按鈕，許多博客使用。StumbleUpon和美味的鏈接放在他們很小的干擾標(biāo)題下面。

牧羊人設(shè)計(jì)文章推薦：

WordPress模版的規(guī)則

網(wǎng)頁(yè)設(shè)計(jì)圖標(biāo)免費(fèi)下載

推薦網(wǎng)頁(yè)設(shè)計(jì)3本新書

影響視覺層次用戶體驗(yàn)設(shè)計(jì)