2006年的7個blog設計趨勢
Rachel Cunliffe在cre8d design blog寫了一篇Blog Design Trends，列出她觀察到的7個設計趨勢，將在2006的blog界大為流行。以下是我粗略的翻譯，粗體字則是個人的感想：
- 大字體（Big fonts）：
- 頂端邊線（Top border）：
- 大的頁首和頁尾（Big headers/ footers）：
- 明亮的色彩（Bright colours）：
- 對話氣泡框住的回應（Speech bubble comments）：
- 圓角（Rounded corners）：
- 強化式的連結（Highlighted links）：
只有11號Verdana字體才酷的時代已經過去了。大字體的標題甚至內文已經回到了許多blog裡，例如Garrett Dimon’s blog或Whitespace（最近正好討論了大字體的優點）。
Philipp Lenssen在10 Web Trends That Should Die in 2006的第10點也表示同感。感覺上外國網站字體過小的問題比中文網站嚴重很多，我以前偏好9pt的中文字，現在則以使用13px的字體大小為主。遺憾的是，在xp裡面，網頁的新細明體超過16px以後就真的很醜，會出現可怕的鋸齒毛邊，不知道在麥金塔裡面看會好一點嗎？而在麥金塔裡面就好看多了。這裡是piaip的字體範例網頁。
一堆網站現在都有條橫跨整個視窗頂端的細長邊線，不論網頁其他部份的寬度為何。這條線通常有5或6點高。範例包括： A List Apart，Tech Crunch，Whitespace，GigaOM。
咳……被發現了。
網站如Juque、Read/Write Web、Business Logs、The Hot Crew，使用高對比的顏色來凸顯那特別大的頁首或頁尾。這些頁首和頁尾將橫跨整個視窗，而其餘的內容則更為狹窄。
大的頁首其實還蠻常見的，WordPress的Kubrick佈景主題就是很經典的例子。至於將頁尾提高，置入導覽的內容，印象中Powazek的這篇文章應該算是重要的里程碑。
1/24補記：Rachel後來將big footer這一項修改為「the content-rich footer」，鼓勵blogger將較早的文章（earlier content）或是相關連結（related links）放到頁尾裡面。因為會閱讀到文章結尾的人，表示他們較可能想吸收更多資訊。所以不妨把放在側邊欄（sidebar）中的部份資訊挪到這裡，方便他們閱讀。
當然，也不必極端到把所有放在側邊欄的東西全都丟到頁尾，畢竟有些資訊（尤其是主要的單元選單），最好是放在不必捲動頁面，一眼就可以看到的地方。為了強調設計感，而把它們丟到頁尾的話，反而會讓網頁的易用性（usability）和親和力（accessibility）大打折扣，嚇跑你的讀者。
以明亮的色彩搭配隱約的垂直漸層填充於方塊中。這樣的網站有：9rules、Blinksale、Serene Green、Fruitcast。
我覺得這類的設計有濃濃的蘋果風格在裡頭。
在回應的部份作些有趣的裝飾，例如hicksdesign和Digg。
雖然沒什麼關聯，不過突然發現這兩年有很多基於葉片的概念設計的logo。
CSS技巧使得圓角矩形的設計更為容易，到處都可以看見。
相關技術文章，請看A List Apart。
連結不再加上底線，不過它們的背景色變得不同了 – 通常是淡黃色的。
3. January 2006 at 16:58
分析的非常好，鼓勵一下
4. January 2006 at 12:12
如果這些是「設計元素的指導方針」，組合起來、面面俱到，好像…蠻醜的…，原角、對話框、橫線、大字體、大的頁首與頁尾、明亮色彩等，組合起來應該就變成不折不扣的…漫畫了…：P
如果這些是可獨立成七個的設計風格的指導方針，那…應該不只這七個…陽春式無排版橫打的LYNX文件風格似乎會加速出現。
4. January 2006 at 22:29
不一定．但确实应该．
9. January 2006 at 16:43
[他文]2006年的7個blog設計趨勢
剛剛看到的一篇文章，可以讓諸位blogger參考看看。2006年的7個blog設計趨勢
9. January 2006 at 16:44
謝謝你的翻譯~~
很值得參考的資訊
9. January 2006 at 17:59
受教了，把您的這篇引用到我的blog上，不過blogger無引用功能，只好用回應的方式通知您。
9. January 2006 at 20:42
to yikuang:
歡迎轉載:)
13. January 2006 at 10:42
我喜欢大体字！
15. January 2006 at 11:42
不是我在吹牛，其實我在2005年的個人網站裡面就在鼓吹字體在11pt~12pt之間的大小是恰到好處，因為我爸爸他個人瀏覽網頁時因為老花眼不喜歡看小字體，再加上我個人也比較喜歡網頁清晰明瞭的感覺，所以我採用了11pt。而段落也加大，這樣更有簡單的設計風..。
18. January 2006 at 04:58
感覺上新設計風格還不賴啊，華文部落格的腳步也會跟上來嗎?! ~
18. January 2006 at 07:59
to 葉子妹：
我覺得會啊，畢竟流行是會傳染的:p
而且這些設計趨勢或多或少和網頁的親和力與易用性有關，所以許多blog的theme會很自然地就接納它們囉。
24. January 2006 at 10:07
這篇真的很棒，
以前就是苦於中文的大字很醜…
6. February 2006 at 00:56
[...] 1. RSS貼紙（RSS Buttons）。 使用SoloSub這類的複合式一鍵訂閱貼紙，可以節省不少空間。此外也請大家多多推廣Mozilla的新一代feed標準圖示。 相關文章：2006年的7個blog設計趨勢 [...]
9. February 2006 at 23:03
很棒，值得一試！
24. February 2006 at 13:14
[...] http://blog.yoren.info/?p=297 [...]
17. April 2006 at 09:13
大家好.我想认识几个台湾的朋友.有愿意的可以给我发Email.
My Email: hxj420@hotmail.com
个人主页：http://my.mop.com/ikorea
18. April 2006 at 14:08
日記引用了^^..
22. April 2006 at 11:55
那個圓角看起來好複雜，要是每個瀏覽器都能像Firefox一樣，用一個語法解決就好了。
26. April 2006 at 11:24
請教一下：頂端邊線（Top border）這種設計的意義是？
26. April 2006 at 12:12
冠軍小兔：
頂端邊線這個設計，比起其他項目確實比較沒什麼特別意義啊:p
1. June 2006 at 00:07
2006年的7個blog設計趨勢…
轉載自: Idea Grapes
感謝 yoren 的翻譯與分享,
…其實不只是 blog 啦,對平常喜歡自己設計 web 的人都具不錯的參考價值….
19. May 2007 at 20:50
裝vista大字體會很好看
16. November 2007 at 11:31
英文字體和中文字體的感覺會差很多….
26. February 2008 at 15:32
写的不错！
25. November 2009 at 10:42
[...] 2006 年的設計趨勢不同了…所以 Web [...]