趨 勢 分 析

Trend Analysis

熱門關鍵字:響應式網頁

網頁設計

瀏覽數:16+ │2018/9/19

近年來網頁設計的趨勢

 隨著科技越來越進步,各個瀏覽器不斷的更新及多元,各種設計花樣也越來越多,利用css3以及javascript讓使用者與平台達到互動的效果,故在頁面的設計便會有幾種做法來達到視覺上的呈現。

 

一、RWD響應式網頁取代一般傳統手機版網頁

RWD網頁開發成本較低,做一個版型可適用任何寬度的瀏覽裝置,在設計視覺上也較容易保持原網站的形象完整性,在後台的維護以及管理上也較為方便,SEO上RWD網站也比一般網站更能被搜尋到,在google 搜尋規則中已被證實。

二、使用大圖片取代過多的文字內容

手機越來越發達的情況,讓人們在使用手機時,是一種視覺上的享受,而不是過多的文字內容,使用一張好看的圖片勝過滿滿的文字,網頁設計師更能在圖片與文字做調整,而不是只有單純的文案排版。

三、字體的大小使用

一般網頁所使用字體大小最小可以到12px,但近幾年來網路發達,各個年齡層皆具有使用者,為了讓各個使用者都能舒服的瀏覽網頁,在字體上就會較為大些,但在標題以及內文上,還是需要以圖示及顏色做區隔。

四、google web  font使用

在還沒安裝任何字體時,網頁文字都是使用基本的系統文字,近幾年google提供了許多遠端字體的服務,網頁設計師們也能透過此服務將設計的網頁更具美感又不受限,目前英文字體已經是相當多選擇的,相信在未來中文的選擇上也能夠佔一席之地。

五、滾動代替點擊

隨著智慧型手機越來越發達,人們的習慣已不是傳統點擊而是用手指平滑的方式瀏覽網頁,故在頁面的設計上已開始朝一頁式網頁發展,而不是過多的按鈕點擊進入,手機版網頁不像桌機版網頁容易找到連結的地方,因此容易造成觀看手機版網頁迷路的情況,進而關閉網頁造成網站跳出率高的情況,如何設計方便瀏覽的網頁需要設計師們深思熟慮過。

六、適當的留白空間

在設計網頁時常常遇到客戶覺得空白處太空,須將版面放得滿滿才不會浪費,有時空白處能將網頁的定位更為清楚,客戶們也能從中找到他們想要的東西,之後在維護上也好做調整較彈性。