Blog design trends 2006

Rachel Cunliffe寫了一篇Blog Design Trends 有關7個2006年 Blog Design 的趨勢,

Big fonts:

10px,11px細到幾乎看不到的arial, Verdana字體已經out了。現在很多出名的design blog都用大字體的標題, Philipp Lenssen在10 Web Trends That Should Die in 2006的第10點也表示同感。感覺上外國網站字體過小的問題比中文網站嚴重很多,我平時都會用11,12px字體,因為如果中文字體大過14px就好肉孫, 英文字體就ok好多。

eg1

Top border:

很多網站/blog而家都會在頁頂加一條5-6px的border,像 A List Apart,Tech Crunch,Whitespace,GigaOM等。被發現了,呵呵。可能因為內容唔太貼頂睇落可以順眼d啦,其實我平時砌layout都幾的加top border o架。

snap852snap851snap850 snap849 snap848

Big headers/ footers:

大的頁首其實還很常見的, 現在很多網頁都使用對比高的顏色來凸出頁首或頁尾。如Juque、Read/Write Web、Business Logs、The Hot Crew,這些頁首和頁尾橫跨整個視窗,而其餘的內容則更為狹窄。Rachel後來將big footer這一項修改為「the content-rich footer」,鼓勵blogger將較早的文章(earlier content)或是相關連結(related links)放到頁尾裡面。因為會閱讀到文章結尾的人,表示他們可能想吸收更多資訊。所以不妨把放在側邊欄(sidebar)中的部份資訊挪到這裡,方便他們閱讀。 當 然,也不必極端到把所有放在側邊欄的東西全都丟到頁尾,畢竟有些資訊(尤其是主要的單元選單),最好是放在不必捲動頁面,一眼就可以看到的地方。為了強調設計感,而把它們丟到頁尾的話,反而會讓網頁的易用性(usability)和親和力(accessibility)大打折扣,嚇跑你的讀者。

snap027 snap026 snap023 snap021 snap022 snap025

Bright colours:

垂直漸層加Bright colours搭配。這樣的網站有:9rulesBlinksaleSerene GreenFruitcast。 又與漸層了。

snap028 snap029 snap030 snap031 snap033 snap034

Speech bubble comments

在回應的部份作些有趣的裝飾,例如hicksdesignDigg

Rounded corners:

CSS技巧使得圓角矩形的設計更為容易,到處都可以看見。

Highlighted links:

連結不再加上底線,不過它們的背景色變得不同了 – 通常是淡黃色的。

  1. Shung
    May 07, 2006
    畢竟我覺得英文字比中文容易排列, 其實簡單中帶個人風格, 有時候真的很難~
    Reply