優(yōu)秀的博客設(shè)計的13個特點
大多數(shù)網(wǎng)頁設(shè)計師和越來越多的來自客戶端的請求來設(shè)計自定義博客的主題。
而博客的主題不是從任何其他類型的網(wǎng)站設(shè)計完全不同的設(shè)計,有一些獨特的挑戰(zhàn),博客主題設(shè)計的臉。
有很多來源可供設(shè)計師們尋求靈感來自高質(zhì)量的博客設(shè)計,但同樣重要的是要了解具體是什么會影響和決定一個成功的博客主題設(shè)計。在這篇文章中我們會研究13大特點,獨立博客的主題從休息。
1??勺x性
因為博客是圍繞內(nèi)容,可讀性是一個關(guān)鍵的優(yōu)先。與可讀性差甚至偉大的內(nèi)容將難以吸引和留住讀者。當(dāng)一個博客主題的設(shè)計很重要,它不應(yīng)該影響內(nèi)容本身。當(dāng)設(shè)計一個博客的主題,領(lǐng)域的設(shè)計一樣,標(biāo)題,導(dǎo)航欄經(jīng)常得到很多的關(guān)注,和造型的內(nèi)容在職位本身經(jīng)常被忽視。
還有一些影響可讀性的因素,所有這些都應(yīng)該在設(shè)計時考慮博客的主題:
填充–填料或保證金將內(nèi)容后從邊緣區(qū)的內(nèi)容可以幫助讀者直觀地將內(nèi)容和重點也不分心。
自由撰稿人使用大量的填料保持內(nèi)容易于閱讀。
短款–讀者將有一個更簡單的時間短的段落。屏幕上的長款是困難的和令人生畏的讀者。短的段落往往吸引讀者因為他們可以讀者更快。
–使用無序列表(項目)列表或有序列表在適當(dāng)?shù)臅r候。而不是使用段落格式完全名單有助于打破單調(diào)的文字和易于掃描。點也會站出來為他們抓住讀者的注意力。
粗體文本–有滿屏幕的文字都是一樣的尺寸和重量使得它更難讓讀者很快看到什么是重要的。許多博客訪客是不會去讀文章的話,那么你的選擇是使它更容易為他們掃描,或者看著他們離開。
行間距–尤其是博客,出版商更長,更詳細(xì)的文章,它是重要的是要有足夠的空間之間的文本行。沒有間隔線正確導(dǎo)致文本被。
子標(biāo)題–博客可以打破子標(biāo)題(通常是H3和H4標(biāo)簽)。在設(shè)計和風(fēng)格的主題,這些子標(biāo)題應(yīng)給予足夠的重視。當(dāng)正確地做他們會幫助與可讀性,掃描,他們會幫助作家做出明確。
mirificam出版社其子標(biāo)題樣式進行視覺沖擊。
2。有用的側(cè)邊欄
側(cè)邊欄博客設(shè)計的一個重要組成部分,因為他們在航海者發(fā)揮了很大的作用,因為它們提供了機會,增加一些創(chuàng)造性的設(shè)計。此外,他們給的主題和博客一個機會來確定哪些內(nèi)容或頁面的博客上接觸到所有的游客。一個好的側(cè)邊欄將具有一個有吸引力的設(shè)計,易于使用和瀏覽,功能相應(yīng)的內(nèi)容,并鼓勵大量的瀏覽量。
在博客側(cè)邊欄的一些共同的要素包括:
熱門職位
最近的帖子
友情鏈接/好友列表
廣告
分類鏈接
基于日期的檔案
鏈接到RSS
最新評論
產(chǎn)品/服務(wù)推廣
帶側(cè)邊欄的一步步深入,一些博客設(shè)計師創(chuàng)建多個側(cè)邊欄或使用條件標(biāo)簽包含動態(tài)內(nèi)容的基于頁面的訪客瀏覽。這有助于使側(cè)邊欄更相關(guān)和有用的信息和鏈接,因為包含在側(cè)邊欄更可能是感興趣的游客。
越來越多的博客正在改變他們的側(cè)邊欄來鼓勵更多的讀者互動。一些博客將用戶提交的社區(qū)新聞鏈接。其他包括Flickr照片流(Flickr組現(xiàn)在很常見的設(shè)計博客)或流信息Last.fm。額外的社會媒體的整合是另一種可能性,從網(wǎng)站如推特,美味或掘客。
這個PSDTUTS側(cè)邊欄,包括從自己的Flickr圖像以及用戶提交的社區(qū)新聞。
3。獨特
隨著博客和博客主題不同千萬里,很容易為游客很難區(qū)分他們之前,博客和他們沒有的。偉大的博客設(shè)計將從所有自由的主題,類似的設(shè)計在一種或另一種方式。設(shè)計師可以采取一些不同的方法來實現(xiàn)這一目標(biāo),但重要的是,該設(shè)計不僅是難忘的,但也要符合信息和目的的博客。
可能的方法:
藝術(shù)/創(chuàng)意
為了讓你的設(shè)計脫穎而出的方法之一是設(shè)計非常有創(chuàng)意,將很容易讓你的博客有自己獨特的標(biāo)志。
當(dāng)然,這些只是一些不同的風(fēng)格和選擇設(shè)計師。有無數(shù)的方法,你可以去創(chuàng)造一個獨特的主題,然而,博客應(yīng)該有某種獨特的外觀,有助于品牌的網(wǎng)站,讓它混合在與所有其他的博客。
4。評價設(shè)計
評論區(qū)往往是主題設(shè)計最后的優(yōu)先級,但精心設(shè)計的評論區(qū)可以給博客讀者的一個完全不同的感覺,尤其是那些評論自己。設(shè)計師選擇包括化身為人,造型作者評論脫穎而出,交流意見不同的風(fēng)格,使用語音氣泡,等。
頭像正變得越來越普遍,博客,部分是因為這樣做與緩解WordPress和Gravatars。圣靈幫助的評論區(qū)更多的個人接觸,給每個人一個屬于自己的個性。
親的博客設(shè)計在評論區(qū)的頭像和色彩運用出色。
5。集成的廣告
今天,大多數(shù)的博客(至少那些專業(yè)而不是個人)使用的是某種廣告賺錢的網(wǎng)站。這可能包括廣告、聯(lián)盟廣告、橫幅廣告或直接廣告是必要的,在大多數(shù)情況下保持博客,他們也可以有不利影響的設(shè)計和用戶體驗,如果他們不正確實施的設(shè)計。
一些博客作者和設(shè)計者選擇放置廣告的位置,將吸引大量的關(guān)注,如在博客中。雖然這可能有助于產(chǎn)生更多的廣告收入,這將減少博客整體看起來會讓一些讀者。這是一個決定,需要博客的主人,但從設(shè)計的角度來看,最好是保持廣告是專門為廣告的地方。
位置的廣告是重要的,但造型的廣告,或周圍地區(qū)的廣告,也是一個選擇,為設(shè)計師。廣告可能會覺得更有一部分的主題,干擾少,如果他們被視為設(shè)計的一部分。
CSS技巧使用工具條中的紅色橫幅,懸停改變邊界和標(biāo)題橫幅被放置在一個骯臟的背景,也有一個懸停效果。
6。有效的,可用的導(dǎo)航
導(dǎo)航是決定網(wǎng)站用戶體驗的最重要的因素之一。沒有比這更令人沮喪的比不能夠找到你正在尋找的,游客們?nèi)绻麄冏⒍ㄒx開。另一方面,有效的導(dǎo)航可以帶來更多的瀏覽量和更豐富的博客,利用這些內(nèi)容是可用的。
開發(fā)和維護有效的導(dǎo)航是博客主題設(shè)計的一個挑戰(zhàn),因為內(nèi)容將不斷添加到博客,使它更容易為帖子得到埋在檔案。在某些方面,保持導(dǎo)航到博客,在使用在帖子內(nèi)部鏈接和鏈接更新舊帖子新條款。然而,也有一些步驟的設(shè)計師可以提高導(dǎo)航。
首先,應(yīng)該有一個主導(dǎo)航菜單,把游客帶到任何主要的網(wǎng)頁(如網(wǎng)頁或聯(lián)系頁面),導(dǎo)航和次導(dǎo)航菜單通常使用以及。
第二,側(cè)邊欄應(yīng)該用來使讀者對重要內(nèi)容的博客。熱門職位是一種常見的做法。
第三、側(cè)邊欄還應(yīng)該包括一些標(biāo)準(zhǔn)的博客導(dǎo)航元素,游客會發(fā)現(xiàn),如分類鏈接或鏈接到一個存檔頁。
第四、文章底部區(qū)域可以包括相關(guān)文章的鏈接,或者可以通過博客時所需的特定崗位手工。
的頭種包括類別鏈接作為主要的導(dǎo)航,這讓游客很容易找到他們想要的內(nèi)容,再加上它使導(dǎo)航看起來不那么像一個無聊的類別列表。
7。圖像的郵件
一部分博客的努力得到他們的帖子閱讀和注意的是用圖片在博客。當(dāng)然,利用圖像以外的博客主題設(shè)計的控制,但是設(shè)計師可以通過包括郵政形象風(fēng)格對這方面產(chǎn)生影響。圖像可以更有效的和有吸引力的當(dāng)用CSS來給他們一個更好的觸摸。
設(shè)計師可能需要提供的圖像,可以使用不同的幾類,或許多寫博客的人可能更容易風(fēng)格的圖像一樣。使用一個邊框和填充是常見的,有時與背景顏色相結(jié)合。
8。頁腳設(shè)計
當(dāng)設(shè)計一個博客的主題,或任何網(wǎng)站對于這件事,頁腳是通常很少關(guān)注設(shè)計的一個區(qū)域。大多數(shù)的博客包括版權(quán),鏈接到首頁,或者其他少數(shù)鏈接到網(wǎng)站的頁面(或主題設(shè)計和/或博客平臺)。當(dāng)許多游客不會向下滾動到甚至看到頁腳,那些能夠從一個精心設(shè)計的頁腳效益。
要一個博客頁腳包括?沒有什么是絕對的,但總的來說,一些博客使用的是他們本質(zhì)上是一種延伸的側(cè)邊欄。我的意思是,許多相同的元素,你會發(fā)現(xiàn)平均側(cè)邊欄也出現(xiàn)在一些博客頁腳。社交媒體的整合,比如最近的條目推特流行。此外,一些博客鏈接到熱門的帖子,從頁腳最近的評論甚至博客的朋友。
除了剛才使用頁腳的更多信息和鏈接是一個家,設(shè)計師也利用這一地區(qū)獲得創(chuàng)意的主題。頁腳很像頭,它提供了一種激勵設(shè)計師實驗的大畫布。
9。配色方案
顏色,當(dāng)然,其中任何一種設(shè)計的最重要的因素。一個博客主題尋找合適的配色方案是通常不會發(fā)生的瞬間,但是得到的顏色是至關(guān)重要的。顏色有時會讓看,有時他們會破壞設(shè)計。幸運的是,有很多尋找色彩方案的工具和資源。
一個博客的顏色方案將在博客的品牌起到相當(dāng)大的作用,因此它是非常重要的,長期的成功的博客。一些博客使用光明和充滿活力的配色方案,而另一些人則使用較少的顏色或單色方案。最喜歡的東西來設(shè)計時,沒有對錯,只是不同情境下的不同選擇。
10。圖標(biāo)
圖標(biāo)可以用來提高一個網(wǎng)站的外觀,同時提高可用性。圖標(biāo)是整點,目前消息游客甚至沒有使用任何文本。例如,一個家庭一個圖標(biāo)通常被理解為一個鏈接的網(wǎng)頁沒有這么說的話,和一個語音泡沫是經(jīng)常用來表示博客評論。
在正確使用的圖標(biāo)提供了某種微妙的改進設(shè)計。圖標(biāo)是很少的任何博客主題的亮點,但所有的博客可以利用精心設(shè)計的圖標(biāo)。博客主題的設(shè)計師可以設(shè)計自己的圖標(biāo),或使用任何數(shù)量的免費圖標(biāo)集的可用。
11。高含量
因為博客是如此依賴于內(nèi)容,博客的主題設(shè)計應(yīng)考慮的內(nèi)容開始倍以上。超大的頁眉允許更多的創(chuàng)新設(shè)計,但它通常是最好的博客聚焦在內(nèi)容視圖中的快。這是我個人的偏好,有一些精心設(shè)計的博客內(nèi)容推下來,但總的來說最好是保持含量高的布局。
12。認(rèn)購區(qū)
RSS和郵件訂閱博客的生命線。因為這個原因,這顯然是重要的博客能夠把訪客轉(zhuǎn)化成用戶。許多博客的訪客會習(xí)慣標(biāo)準(zhǔn)博客公約包括RSS和郵件訂閱選項鏈接在側(cè)邊欄。通常這些地區(qū)位于側(cè)邊欄的頂部,但有時他們有點進一步下降。
與這里的規(guī)范保持的好處是,這是人們找到的鏈接更容易,你不想讓人們訂閱困難。大多數(shù)博客還包括RSS圖標(biāo)和鏈接。有無數(shù)的RSS圖標(biāo)可供下載的各種變化。
13。社會化媒體的整合
更多的博客開始包括鈕扣、徽章或鏈接,鼓勵讀者投票選出他們的內(nèi)容在社交媒體網(wǎng)站。當(dāng)談到這些項目,過度會損害博客的外觀。太多的按鈕可以使主題顯得雜亂和無組織的。最好的方法是使用一個設(shè)計實現(xiàn)了社交媒體元素,如投票按鈕,沒有強烈的東西巧妙的設(shè)計。
六次修改包括一個小的Digg投票按鈕和文本鏈接跌倒或書簽在每個崗位上。較小的Digg按鈕更友好的設(shè)計比更大的“掘客”按鈕,許多博客使用。StumbleUpon和美味的鏈接放在他們很小的干擾標(biāo)題下面。
牧羊人設(shè)計文章推薦: