首頁 部落格 2010年網頁設計最新流行趨勢
Katie
Jan 10, 2010
iWare的視覺設計,喜歡用視覺發言、講故事,堅信「設計無論好壞要有自己的味道」。 喜好小說、電影、音樂...一切能提供幻想元素的事物;同時也是一位膽大心細的犬展指導手。

2010年網頁設計最新流行趨勢

隨著新的一年已經到來,雖然網頁設計的新趨勢並不是說從新年的第一天開始算起,但這種趨勢的轉換確實是隨著時間進行着,從充滿期待的年初到歲末總結的年尾。大多數時候這個趨勢轉變是微妙的。 眼下最熱門的潮流趨勢一是完美,再者便是重新解譯。潮流趨勢幫助我們這些設計師不斷進化。對於我們掌握設計美學來說,我們需不斷地將設計潮流向前推進,並不斷的探索下一波設計趨勢。 先澄清一個事實,在看完這些設計趨勢後你會明白是什麼意思。雖然這些趨勢與2009年的設計趨勢相比並沒有太急劇的變化,但是這些設計趨勢會逐步蔓延擴大,發展結果會越來越好。如果你想在你的設計中融入這些新的趨勢,你可以仔細閱讀每個趨勢前面的

核心創意。一起涉足參與這些設計趨勢,你也可以是塑造趨勢的一份子!

 

1. 超大Logo/頁眉標題(Oversized Logos/ Headers)

還用形象頁已經太過時了。要讓訪問者印象深刻,2010年的趨勢是來個超大 size的logo擺在同樣超大的頁眉標題上。這種超大的頁眉標題會占滿整個網頁, 但有一點需要注意:瀏覽者不用點擊任何地方,光向下拉動頁面就可以。瀏覽者大多都有點選恐懼症(這是以前長期使用不好用的選單導覽造成的),所以超大頁眉 題頭代替了原 來形象頁面的功能,並不用強迫瀏覽者主動去點選任何按鈕。

核心創意:超大的頁眉標題令人過目不忘!

 

2.速寫/手繪風格的設計(Sketch/ Hand-drawn Design)

速寫手繪風格並不算是新的花樣,但仍在流行著。很多設計師都很羨幕這種風 格,但是卻怕自己親自畫,因為覺得自己“畫不出來”。如果你看看最流行的手繪風格網站(相對於其它類型的流行趨勢,你會發現手繪風格的比較少),你就會知 道大多數像你一樣的設計師都不會自己畫。做這種風格的網站又不是要開個藝術博物館,但大家還是怕露餡,很熱門獨特的網站和個人互動網站並沒有那麼大區別, 互動才是網路世界的最高目標,所以,如果你敢塗鴉,你就能創作一個手繪風格的網站設計。 速寫手繪風,在2010年會變得更基本,不太會是網頁設計的主要焦點。他將會以新的好玩的方式成為個人網站設計的標準配備。

核心創意:速寫手繪風格正漸漸成為公司設計的一個基本元素!

 

 

3.方塊襯線字體(Slab Typefaces)

方塊襯線字體風格相對新一些,雖然它在200年前就用在傳統媒介上了。要達 到不錯的視覺效果你就想想以前的西部電影里邊的《通緝》告示的樣子。方塊襯線字體字母較粗,一般都是大寫字母又粗又有衝擊力。很多設計師以前都不太用方塊 襯線字體,因為logo和頁眉題頭的尺寸都比較小而且比較低調。然而隨着加大的頁眉標題尺寸,方塊襯線字體更能引起人們的注意。

核心創意:用方塊襯線字體大膽地喊出你是誰!

字體設計

 

4.字體設計(Typography)

設計字體是最難的設計風格之一,這也是為什麼設計字體仍然會是2010年的潮流趨勢。鑒於可用性的主流要求,網頁設計師 都害怕應用新字體或是不一樣的字體。混搭多種字體字級的想法簡直是完全不可想象。字體意味着放大、扭轉、擠壓用以適合你的設計概念。如果安排合理,一個用 各種設計字體組合起來作為主要設計元素的網站,要比動不動就加載一大堆圖片的網站好玩多了!(iLoovee 說:中文字體的網頁設計首 先要基於電腦系統安裝的基本字體來進行設計,比如:黑體、明體、楷體、隸書、幼圓,但這些字體真的不好看,尤其是小於12px的 時候,基本能看的就剩明體了。並且如果設定中文系統字體,其所附帶的英文部分又超級難看,所以,如果網站有相當內容的英文,倒是可以嘗試變化變化英文部分 的字體來試驗效果。系統字體的改善就拜託微軟了。)

核心創意:字體設計比較新,但是會逐步成為網頁設計的一部分!

5. 一頁搞定(One Page Layouts)

一頁搞定就是要挑戰你把那些沒必要的內容給搞定。在2010年,這種風格會擺脫花俏的選單列而變得更加短小精悍。把它當成名片試試看。這樣的網站對於瞭解你和你的作品比其它網站更像是一個一站式購物店,而你的BLOG和社交信息則放在別的地方。

核心創意:一頁搞定,更適合個人簡介和少部分商業客戶!

 

6. 大畫面(Huge Images)

把這個風格和超大logo/頁眉標題進一步比較,大畫面風格呈現的目的是強 烈的視覺衝擊讓人過目不忘。但和上面提到的超大頁眉標題風格不一樣的是巨圖表現的不是網站的品牌。實際上這些巨大的圖片吸引瀏覽者進入你的網站,如果不是 因為內容那就是因為巨大的圖片尺寸。2010年,設計師們會發現他們越來越習慣 於在他們的設計中使用這種大畫面,用來傳達網站的基調。

核心創意:大畫面的作用就是吸引訪問者!

 

7. 改變透視——實景效果(Change of Perspective)

我們之前討論過,桌面透視已經完了。2010年,我們將會看到非常明顯的改變——透視上更接近實景效果。同時也會朝着斜角度透視效果發展。
核心創意:2010年會出現各種透視的效果!


 

8. 互動直覺的設計(Interactive/ Intuitive Design)

Flash 已經漸入佳境。有時,你會因為沒能打開一個煩人的Flash界面而不能訪問一個網站。現在Flash 已經變得更簡單、專業。即使一些設計師更喜歡用jQuery來設計表單和彈出頁面,Flash 仍然在設計上擁有一席之地,特別是一些微妙的效果。Flash還是沒有在互動性上名實相符。2010年,網頁設計師會繼續尋找Flash的替代元素。因為 現在瀏覽者都更精明了,所以設計師就要設計出更加直覺性的網站。

核心創意:互動設計將東山再起!

 

9. 對話框(Modal Boxes)

對話框Modal boxes風格將在2010年無處不在。對話框Modal boxes就像是老式彈出式對話框的升級版——變得光滑、漂亮、流行。對話框Modal boxes非常簡單而且用起來也很方便,任何關注應用性的設計師都會設計出完美的風格。

核心創意:對話框Modal boxes在2010年的設計中會繼續彈出!

 

 

10.極簡主義(Minimalism)

忘了舊式學校的小網站吧。2010年的極簡主義風格的網站設計還會留出很多空白,但是卻轉變成了粗大的字體和驚艷的色彩搭配。不是所有的極簡主義網站都只喜歡黑白簡約。即使極簡主義風格都很安靜,但是偶爾也會秀出亮麗的顏色。極簡主義並不冷峻,它也可以是溫暖的。

核心創意:極簡主義試探字體風格!

 

11. 超大頁尾(Oversized Footer)

超大頁尾可能已經到處都是了,但是2010年你會發現這些超大頁尾還在變大。往後的頁尾將不再只是註解那麼簡單,他已經變成設計的有機組成部分。頁尾上面包含了動態訊息,比如各種社交網站上的最新回饋訊息feed s,daily polls,Flickr feeds。

核心創意:超大頁尾加入了更多個人信息而少了重要信息!

 

12.復古風(Retro)

復古設計一直都很流行,即使很多設計網站都很讚賞復古設計,完全使用復古風格而沒有放棄是很難的。這其中的關鍵是——從復古的基調中獲得靈感然後從基本感覺入手。2010年,設計師將嘗試新方法來實現陳釀葡萄酒藝術一樣的風格,復古設計風格將會進一步擴大。
核心創意:復古再生

 

13.自我介紹框(Intro Boxes)

“嗨, 我是……” 2010年設計師認識到對瀏覽者做一個自我介紹既簡潔又漂亮,這種趨勢會擴大。如果你掙扎在寫一個“關於我”的頁面,自我介紹框則會是你更好的選擇。這個 小框強迫你濃縮你的自我介紹。2010年,自我介紹框會進一步擴大應用範圍。相對於一個討厭的招呼,設計師會設計出一個可選顯示條pick-up lines來代替。同時代替側邊欄上的介紹塊,2010年,我們會發現很多不尋常的放置方法,搞不好就來放在網站的頁面中間。
核心創意:用新方式打招呼!

 

 

14. 雜誌版型風格(Magazine Layouts)

越來越多的人從傳統的印刷紙本轉移到網路線上娛樂,設計師需要解決如何幫助 這部分人更容易地轉換閱讀方式。這個趨勢就是向雜誌一樣排版——這樣的頁面可 以讓內容很好地組織在網站主頁上,並讓訪問者以一種有趣的方式來瀏覽內容。相似的版型會吸引以前習慣看雜誌和報紙的訪問者,甚至更好用——不用翻 頁!2010年,雜誌版型風格會特別流行。

核心創意:雜誌版型風格會被用於訊息娛樂類網站!


About the Author
Jacqueline is an artist and a writer who spends an inordinate amount of time playing Super Nintendo and watching Star Trek.


原文出處 http://webdesignledger.com/tips/web-design-trends-for-2010

圖片來源 iWare 本文同步發表於iWare網頁設計公司網站

超好玩nVidia AI樂園,美圖、P圖、去背全自動完成
超好玩nVidia AI樂園,美圖、P圖、去背全自動完成
Free Resource
Free Resource
Apr 08, 2019
Google協作平台製作網站的優缺點分析
Google協作平台製作網站的優缺點分析
Free Resource
Free Resource
May 07, 2019
淺談無障礙網頁設計2.0
淺談無障礙網頁設計2.0
Ryan
Ryan
Jan 11, 2019