網站是一個公司、品牌透過網路先與目標對象接觸的第一入口。因此,網站是一個相當重要的門面。如何讓網站在第一時間吸引目標對象的注意力,以及讓人感受到公司所要傳達的精神與意象,就是網頁設計的重要所在。以下我們蒐集了一些2014年網頁設計的趨勢與案例來跟大家分享。若是今年有想要規劃一個網站,選擇一些以下的元素做搭配應用,應該會有不錯的效果。沒有的話,當做是為工作做一點準備,吸收一點案例的養分!

 

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

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

Trippeo

 

Forrk

 

Punk Ave

 

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

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

Swan’s Portfolio

 

Andrew Zellinger

 

Stefan’s website 

 

色彩搭配單純

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

Ora ito

 

Scout 

 

Ze’

 

Run The Gap

 

The Quiters Cafe

 

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

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

Toasted Digital

 

We grow Cherries

 

Maja Savic

 

Swan Design Studio

 

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

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

For Office Use Only

 

Story and Heart

 

M Power

 

Conduit Studio

 

高解析度、大圖片的重要

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

Poco People

 

Fiorly

 

Martina Sperl

 

Saatchi&Saatchi

 

著重於行動裝置的開發

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

Image Source

用影片取代文字

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

Coin

Image Source

Fitstar

 

24hoursofhappy

 

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

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

 

近年來的網頁設計已經越來越簡潔、大方。過去網頁中很多的分欄、文字訊息,都已經漸漸被簡潔的分頁、簡化的資訊所取代,伴隨而來的是更多影片、圖片來說明。此外,隨著行動裝置上網的普及,對於使用者體驗與著重行動裝置的開發也更加重要。但是再美的網站,再厲害的動態設計,再酷的介面,一定都比不上在背後的經營者所要傳達的精神、理念與堅持。最重要的是無論哪個產業,都需講求裡外合一的誠信,以及對於品質的要求。否則再漂亮的網站,也只是一個表面形象而已!

參考資料:designmodoTNW

誠摯邀請你成為好朋友-->
        

About The Author

長期經營台灣的設計媒體,關心年輕設計人的發展和未來。希望透過持續的努力,結合各地的能量和資源,讓生活變得更美麗、更便利、更有趣味。

Related Posts

留下你的看法: