【網頁設計】怎麼設計專業網站？解析各類網頁設計作品與範例 ... | 美容美髮公開資訊

2020年3月12日—網頁設計對產品推廣和行銷有很大的影響，使用者若有良好的瀏覽體驗，即能將使用者留在網頁上，減少跳出率。本文將以RWD網頁作品為主， ...

網頁設計對產品推廣和行銷有很大的影響，使用者若有良好的瀏覽體驗，即能將使用者留在網頁上，減少跳出率。本文將以 RWD 網頁作品為主，提供網頁設計作品範例給你參考！

網站所代表的是一個品牌及企業的自我介紹，也是給使用者的第一印象。針對不同產業的品牌調性、網站目標、網站功能等等，想呈現給使用者的形象，在設計上也不盡相同，。除了注重排版與架構，還有非常重要的「使用者體驗設計」。因此網頁設計對行銷也有不小程度的影響，使用者若有良好的瀏覽體驗，即能將使用者留在網頁上，減少跳出率。網頁設計需兼顧自身產業的調性、功能及消費者使用感受，本文將介紹網頁設計趨勢及範例以供參考。

RWD 網頁（縮寫為：Responsive web design）又稱作「響應式網頁」，使網站在不同的裝置，像是電腦、手機、平板等，在瀏覽時能夠對應不同解析度，自動調整成適合的排版呈現，讓使用者獲得良好的瀏覽體驗。 

Ranking 官網[1]即使用 RWD 網頁設計，除了上方選單列在行動裝置瀏覽時，會變為按鈕展開式外，網頁內容也會改轉換為適合閱讀的排版。

Dropbox 桌機版網頁[2]

Dropbox行動版網頁

Dropbox[3] 呈現強大的 RWD 網頁設計，在桌機版網頁中，會跳出註冊欄位，但是在行動裝置版為不妨礙讀者閱讀則隱藏了此功能；最大的不同在於桌機版網頁中的產品介紹區塊往下閱讀是以文字不動、圖片移動的方式呈現，而在行動版網頁則是將產品特色標題與各示意圖分開呈現，非常符合使用者的閱讀習慣。

一個好的形象網站，需強化品牌形象，除了利用強烈的網頁...