About Me

Hi , this is Jay Kwong, a enthusiastic senior web & graphic designer. Live and work in Hong Kong .I've acquired a number of skills in my life, but design is my biggest strength.This site is about my online portfolio , blog & wordpress theme design , feel free to comment, suggest, discuss or whatever you feel like.

I love web design and illustration. I am currently employed in-house full time, but I am taking on a limited number of projects, so please contact me if you are thinking of getting a web site or blog and I’ll help you out!

My Photostream

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 Blog design trends 2006

Top border:

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

141267967 90d3a3421d s Blog design trends 2006141267955 b229dfe413 s Blog design trends 2006141267946 6c0fd3a03f s Blog design trends 2006 141267924 194bd97269 s Blog design trends 2006 141267906 f7e92477aa s Blog design trends 2006

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)大打折扣,嚇跑你的讀者。

141969068 df11d12580 s Blog design trends 2006 141968937 65161130c4 s Blog design trends 2006 141968584 71756c6ae2 s Blog design trends 2006 141968280 f157bf2929 s Blog design trends 2006 141968422 adb11d4217 s Blog design trends 2006 141968104 780640c7f2 s Blog design trends 2006

Bright colours:

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

141981012 d609398dfb s Blog design trends 2006 141981345 95ae7d1ef1 s Blog design trends 2006 141981628 f6583fa796 s Blog design trends 2006 141982237 cd0dd048e4 s Blog design trends 2006 141983096 051d614366 s Blog design trends 2006 141983362 7160cce1b3 s Blog design trends 2006

Speech bubble comments

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

Rounded corners:

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

Highlighted links:

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

One Comment

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

Leave a Comment