首頁 部落格 2013年網頁設計趨勢
Ryan
Nov 06, 2012
讓公司平均年齡上漲的宅男,經營過動漫社團、當過電玩雜誌特約作者。 興趣是電競與科技,關注新趨勢購物,尤其是冷門商品、或尚未上市的群眾募資商品。 網路行銷一做就是十幾年,認為這個業界需要更開放交流,才能成長與突破。

2013年網頁設計趨勢

2013年的網頁設計趨勢,延續了2012年行動網路裝置的風潮,設計師將會接觸到更多行動網頁的設計需求與挑戰。

 

1. 回饋式網頁設計(響應式網頁設計)

我們都已經看到不同的上網裝置蓬勃發展的情形,不論是已經發燒許久的智慧手機,講求平價的平板電腦等,都逐漸的成為人們上網的主要工具。但大部分的網站都沒有針對這一些新型態的設備規劃視覺呈現的效果,因此回饋式網頁設計一直是近年設計的焦點。

這裡所提的回饋式網頁設計,主要是指不同的網路裝置,例如:個人電腦、筆記電腦、平板電腦、手機、甚至電子書...都有上網的功能時,回饋式網頁設計都能正確的根據不同裝置的解析度,呈現出最好的視覺效果。

以現在部落格平台的霸主Wordpress來說,部份版型已經提供了至少三種以上的模式,讓電腦用戶、平板電腦與手機用戶都能看到最佳的視覺效果。至於一般的形象網站、商務網站其實應該開始思考,如何設計一個能夠讓多種平台順利觀看與執行的網頁。

以馬路科技iware官方網站來說,已經具備了回饋式網頁設計的架構:當使用PC進入網址時,出現的一般版本網頁;以手機進入時則會出現手機版專屬網站,對應不同的使用者需求。

 

2. 文字藝術網頁設計

以往使用文字藝術的產業,多限於一些前衛的業主,例如藝術或是創意產業。感謝這一些前驅者的成功,我們推測2013年將會有越來越多文字藝術的作品應用於網頁上,讓單調如報紙般的文字網頁看起來更為充滿活力。

如手寫風格、西部牛仔風格、擬態風格、科技風..各種可以用於視覺的字型設計技巧,有可能於2013年大量的應用於網頁設計上。如果各位有興趣,不妨參考看看國外幾個極為出色的文字設計藝術作品。http://smashinghub.com/a-collection-of-beautiful-typography.htm

回到中文,馬路科技就曾將書法藝術透過網頁的方式呈現,直到今天一直是客戶津津樂道的呈現手法。

 

3. 垂直式網頁瀏覽

曾經有一些網站採用水平方式呈現內容,如今都已經不復見了,當下的網頁瀏覽方式,大約9成以上是以垂直的方式呈現。主要的因素之一就是平板電腦與手機上網的興起,對於這兩個硬體來說,垂直滑動網頁是最直覺,也是最便於使用的方式。

目前大部分的內容網站都是採用垂直瀏覽的方式,且不論於任何設備上都是如此,這點多虧回饋式網頁設計所帶來的優點。

 

4. 超大按鈕

極簡的網頁設計曾經風靡過一陣子,主要的因素是當時的網路頻寬限制下,網頁添加了過多特效會致使讀取緩慢,這樣的先天限制使得網頁設計者,必須用較精簡的設計方式打造出功能性十足的網頁。

如今,這樣的趨勢捲土重來,因為超大按鈕讓手機觸碰螢幕點選按鈕更為簡單,這樣對於推行行動商務有很大的幫助。不過設計師必須花費較多的心力讓網頁看起來精簡時尚但不簡陋。

 

5. 品牌形象與網站

網頁設計的目的成為設計師的責任之一,這是越來越明顯的趨勢。當一個企業網站主要是以訊息傳遞為目的時,網站管理者的即時更新、溝通工作就十分的關鍵;倘若企業希望網站肩負著企業形象的責任時,設計師必須要將這個部份考慮進去。

不論企業的LOGO、動畫的使用、或是網站的色調安排,若能與企業的形象相符,對於企業在虛擬通路上會有加成的功效,而企業將這樣的期許賦予網頁設計師,將會是明年十分常見的型態。

 

6. 多層視差滾動效果

2012年,智慧手機作業系統龍頭Android正式宣佈未來的版本將不支援Flash動畫,這樣的發展震撼了業界,除了尚未成熟的HTML5將有機會成為新一代的網頁多媒體標準外,設計師也亟欲找尋取代Flash的視覺設計解決方案。

目前最主流的多媒體網頁設計解決方案之一,就是使用Java Script打造各種動態捲軸效果,而多層視差滾動效果也是Java Script其中一種效果。Java Script最大的優點就是跨平台執行,且效率不差,也能滿足大部分產業對於網站的動態需求。

近年,馬路科技也將這樣的技術應用於網頁設計上,效果雖然非常的單純,但是卻能夠在不使用Flash的前提下,打造出極佳的視覺效果。

 

 iWare網頁設計公司網站翻譯,原文連結 http://smashinghub.com/web-design-trends-in-2013.htm

好的網頁設計如何讓網站在競爭中脫穎而出
好的網頁設計如何讓網站在競爭中脫穎而出
Jericho
Jericho
Dec 13, 2024
網站設計有效著陸頁的10個技巧
網站設計有效著陸頁的10個技巧
Jericho
Jericho
Dec 04, 2024
設計完美網站標誌的10個技巧
設計完美網站標誌的10個技巧
Jericho
Jericho
Nov 27, 2024