2014年初 網頁設計趨勢

今天DesignRock蒐集了一些2013年底~2014年初網頁設計的趨勢與案例來跟大家分享。若是今年有想要規劃一個網站,選擇一些以下的元素做深入研究、搭配應用,應該會有不錯的進步與成果噢~。

 

背景模糊營造氛圍、情境、意象

以模糊的背景做為基礎,能營造整體氛圍、調性、意象與風格。

Emotions of sound

Emotions of sound

 

Punk Ave

 

 

畫面中加入簡單的動態設計

動態的使用,可以增加畫面的活潑、細節以及專業度。近來網頁設計在色彩、圖案與分欄的趨勢都越來越簡潔、大方。因此,小動畫的搭配設計就能增加對人視覺的吸引力與新奇感!

Toasted Digital

 

 

Theme kingdom

Theme kingdom

Big Cartel

Big Cartel

 

 

滾動式長頁面與點擊分頁的搭配應用

現在的網路使用者都已經很習慣於滑動頁面(如Facebook,Pinterest)。這也是長頁面、單頁式頁面會這麼受歡迎的原因之一。因為向下滾動是一種直覺式的使用習慣,大家不會去注意滾了多少。最後搭配其他點選分頁的應用,將訊息分開,可以增加人對於每個畫面的注意力。

Swan’s Portfolio

 

Andrew Zellinger

 

Stefan’s website 

 

 

色彩搭配單純

使用太多色彩會增加視覺的複雜度。用單純、較少的配色,但是選對色系,或是使用特殊色來提高視覺的亮點與吸引力。更能讓畫面簡潔有力,卻不失重點。

Ora ito

 

The Quiters Cafe

 

大字、特色字體與畫面的搭配應用

有特色的字體設計與排版,一直都是吸引人視覺的方式之一。用對字型,再根據畫面做適度的調整,更可以凸顯特色。接下來再改變字體的大小來增加畫面的張力與視覺焦點。就能順利的讓畫面乾淨卻又不失獨自的風格!

For Office Use Only

 

Story and Heart

 

M Power

 

Conduit Studio

 

高解析度、大圖片的重要

其實這不是一個只在今年的趨勢,而是現在大家對於圖片的品質要求越來越高,大家已經建立了要用漂亮、高清畫面的概念了。一來好的圖片品質能清楚傳達內容,二來這也同時是公司形象的展現。因此,圖片好,已經決定了大部分的畫面重點。

Poco People

 

Fiorly

 

Martina Sperl

 

Saatchi&Saatchi

 

 

著重於行動裝置的開發

行動裝置已經是一種不會退轉的趨勢。使用行動裝置瀏覽網站的比例只會越來越高。因此如果可以的話,除了電腦版的網站設計之外,行動裝置的畫面也是很重要的設計環節。

 

用影片取代文字

簡短的影片勝過於很多文字的描述,更容易讓人記住內容與訊息,也較印象深刻。如果可以看影片,許多人不會想費神的再去看一串文字。

Coin

Image Source

Fitstar

 

24hoursofhappy

 

屬於自家特色、私人化的內容

美觀是第一印象,但是最重要的還是內容與品質。能在網站上傳達一些具有人情味的訊息、幕後,能夠有助於拉近與目標對象的距離!

隨著行動裝置上網的普及,對於使用者體驗與著重行動裝置的開發也更加重要,甚至有人提倡2014是mobile first。但是多並不代表好,如何掌控好設計元素與法則進而創新才是重點。最重要的是無論哪個產業,都需講求裡外合一的誠信,以及對於品質的要求。否則再漂亮的網站,也只是一個表面形象而已!

 

參考資料:designmodomydesy

廣告

發表迴響

在下方填入你的資料或按右方圖示以社群網站登入:

WordPress.com Logo

您的留言將使用 WordPress.com 帳號。 登出 / 變更 )

Twitter picture

您的留言將使用 Twitter 帳號。 登出 / 變更 )

Facebook照片

您的留言將使用 Facebook 帳號。 登出 / 變更 )

Google+ photo

您的留言將使用 Google+ 帳號。 登出 / 變更 )

連結到 %s