7/23/2008

2007到2008網頁設計風格走向

水晶玻璃和所謂Web 2.0的網頁設計風格走紅了2~3年, 最近已經慢慢消退, 取而代之的是花草紋路, 插畫塗鴉, 材質拼貼和復古風 (Vintage) 照片等多樣化的網頁設計. 設計者使用的素材不再以圖庫照片為單一表現, 從當前的素材網站提供的筆刷和材質圖片可以看出這些改變.

網頁設計潮流每隔幾年就會有變化, 最初是以Photoshop切割大圖的方式拼湊整張首頁, 網頁色彩傾向灰暗色調, 如灰藍, 灰綠等, 選單喜歡加上半立體效果; 後來改為部份切割圖片, 搭配table的背景圖或frame做網頁延伸; 最近幾年則模擬水晶, 木質, 鐵質, 水彩, 潑墨, 塗鴉等更豐富的材質設計. 當然這些改變也和顯示器支援的色彩品質及網頁下載速度越來越好有關.

設計的趨勢潮流不應該忽視, 反觀原始的網站設計, 從現在的角度看就過於灰暗單調, 屬於老舊的設計方式. 所以設計師應該關心和留意目前的網頁設計走向, 更新表現手法.

但網頁設計也不應該一昧的跟隨潮流, 最主要還是從網站的訴求和目標使用者的特性做考慮, 避免做出與網站使用目的差異太大的風格, 盡量在網站訴求與趨勢潮流之間取得平衡.

有幾篇探討當前網站設計風格的文章做了分類和擷圖, 提供這些文章的網址給讀者參考. 另外也介紹幾個不錯的免費素材網站, 除了觀察素材應用的變化, 也可以下載回來使用.

網站風格分類:
2008 Design Trends
Vintage Web Design
2007: More Web Design Trends & Cliches
Best of CSS Design 2007

免費素材下載網站:
Squidfingers/Patterns
200+ Textures, Brushes, and Fonts: Ultimate Grunge Roundup
400+ Swirls, Curls, and Fleurons
300+ Vintage Style Textures and Photoshop Brushes


舉例說明 2008 Design Trends 這篇文章區分出11種表現方式:

1. Vintage / Retro Styles 復古風格圖片
2. Handwritten Notes and Paper Clips 便利貼(或迴紋針)方式
3. Grungy 雜亂方式
4. Splatter Ink 潑墨方式
5. Watercolor 水彩方式
6. Collage 拼貼方式
7. Sketches and Handwritten Fonts 手寫和手繪方式
8. Big Fonts 大字體方式
9. Script Fonts 手寫字體(指英文書寫體)方式
10. Wood Pattern 木紋材質方式
11. Zig Zag Pattern 水波漣漪方式

其他文章也有分成卡通類, 插畫類和其他紋路背景等, 分法大同小異, 沒有誰分的才是正確的, 但整體的風格走向總共有這些表現方式, 怎麼分類就讓大家自由心證, 各自表述.

6 則留言:

tanjun 提到...

可以例舉幾個圖例看看嘛!這樣較清楚... :P

Jane 提到...

例子舉少的話容易造成誤解, 但要像原文舉例這麼多需要些時間蒐集整理, 所以才介紹讀者們連過去看這些文章的擷圖分法, 才有更完整的印象.

後面已經加上補充說明, 希望有比較清楚了.

一笑而过 提到...

很有心得的文字,^_^ ,作者的文章很多很实用,辛苦啦

Jane 提到...

Thanks!

壞掉的印表機 提到...

好文章
阿姐最近跑哪去拉?
還在繼續搞網頁設計?

Jane 提到...

網頁設計是我的專業, 很難脫離了
只是換一個值得投注時間和精神的地方
不想只是為了錢工作

不過時機不好, 有個"為錢工作"的工作也是很多人的期待...和悲哀吧!