• 推文

網頁設計師觀察到網路行動化的趨勢越來越值得被重視，因為使用手機上網的人比以前多了很多，這對網頁設計者以及網頁擁有人來說意味著甚麼呢？Casel告訴我們以後除了電腦版的網頁，也要做出一個對應手機或行動裝置的網頁。
 
執行一個網頁設計的計劃前先要確定的一些方向：
 
★全新網頁設計－是為某產品/品牌做一個新的網頁，包括電腦頁面及行動裝置頁面嗎？
★重新設計網頁－是要從原有的舊網頁取材，量身訂造一個電腦頁面及行動裝置頁面嗎？
★增設行動裝置頁面－是原有的電腦頁面不改變，只需要增設一個行動裝置頁面嗎？
 
以上3個不同網頁設計的情況都有不同的設計策略，是網頁設計者開始做網頁設計前必須要釐清的
       
在設計行動裝置版網頁前務必預測網站流量

如果是要用舊有的電腦版網站為藍本，重新設計行動裝置版的網頁（目前這種案例居多），建議先用Google Analytics或其他測量網頁流量的工具來作一些訪客背景調查，能夠掌握越多關於網站訪客的資料越好，在了解這些數據後，在設計網站時就知道要加強那方面的設計以符合不同裝置的需求。
        
學習如何設計可自動調整版面的網頁設計

每一年推出的行動裝置之多，就算做了網頁訪客資料調查，也無法因應隨時做出符合每一台行動網頁設計裝置/瀏覽器的頁面，根據Responsive Web Design這篇文章，與其試圖迎合每一個行動裝置/瀏覽器，不如讓設計自然適應不同的裝置。
 
設計行動裝置網頁的黃金要素就是要簡單，行動裝置的畫面絕對不可能比電腦螢幕大，處理器也不一定比電腦好，因此設計必須要簡單化。每一個元素都是重點。但是簡單不代表行動版網頁注定要簡陋，多試著學習CSS3，可以減少圖片或Javascript的依賴，並能輕鬆的完成多背景、圓角、3D動畫、文字陰影、漸變及透明度等設計特色。
 
資料來源：數位時代，https://www.bnext.com.tw/article/17836/BN-ARTICLE-17836