付費限定方格精選
網站設計也該與時俱進了：你RWD了嗎？／解聰文
閱讀時間約 5 分鐘
這年頭的網站可以清楚分成兩類：一種是針對現今行動趨勢來做的設計、另一種則是仍在沿用15年前的樣子。今天，網站對於SEO（搜尋引擎最佳化）和跨載具的需求，早已和當年天差地遠；那些仍然沈睡在過去的網站，都早已該改頭換面了。
師大國文研究所博士及台大企管碩士，曾任職於奧地利駐台商務代表辦事處；目前是格博品牌行銷公司合夥人，同時擔任品牌國際化及數位行銷資深顧問。tuna.toa
一些企業對於投資網站改版的腳步之緩慢，往往令人瞠目結舌。如果你已經不再使用15年前的商品目錄版型，為什麼還會繼續沿用舊的網站架構呢？這些企業換商標logo的速度，恐怕都比更新網站還快吧？
最近我們在亞洲做了一個調查，發現：
有多達27%的企業網站是在2005年之前設計的。
以網路時代的比例來看，2005年到現在大概相當於真實世界裡的1,000年吧。
有許多企業都不知道，改用較具現代感、並且針對載具不同而自動改變版型的回應式設計（responsive web design，簡稱RWD），能對顧客的印象和體驗帶來多大的影響。
对于能力更强的移动电话和 PC，可以直接测试浏览器对 HTML/CSS 功能的支持 (识别设备或者用户代理字符串) 的 JavaScript 框架如 Modernizr, jQuery 和…zh.wikipedia.orga
如果您的企業還不太清楚RWD是什麼，以下就是一些重點提要：
以PC作為主要上網工具的時代已經過去
現在，網路上有超過85%的流量來自行動裝置；所以，現在光是「有個網站」是不夠的。網站必須能隨著顯示技術和市場需求持續進步。換言之，應該是：
由上網裝置的演進，決定網站應該是什麼樣子。
目前，RWD設計已經成為網站不可或缺的必要條件；不具備這種「適合行動裝置」設計的網站，甚至會被搜尋引擎降低評等。也就是說，你的網站會被放在（相對於競爭對手）比較後面的位置、也比較難搜尋到產品。
你不妨回頭看看自己的上網習慣：往往是在搭交通工具、候診、或是閒坐時用手機或平板電腦瀏覽；現在典型的使用者行為，大概也都是這樣。
要在標準版網站之外另外做個獨立的行動版，是費錢費工的事情；不僅有更多網頁要維護，而且流量也會被分掉。所以，如果在設計時就考慮到RWD的作法，就可以省掉這些麻煩：用單一、簡潔、功能同樣完整的版面專供行動裝置使用。
從另一個角度來說，所謂「行動」的情境，就是「使用者沒有鍵盤、也不想輸入太多資訊」；所以要讓網站適合行動瀏覽，不僅是在版面和程式方面需要修改，也必須整體重新考慮使用者與網站的互動方式。
（編譯／傅瑞德）
本文已獲作者授權並經本站重新編輯，未經書面許可禁止轉載。本站文章提供付費授權轉載或出版，請參閱授權說明、或來信 ask@tuna.to 洽詢。如果您喜歡這篇文章，請按「喜愛」圖像、也歡迎分享到社群網站上！
以行動支持創作者！付費即可解鎖
本篇內容共 2213 字、0
則留言，僅發佈於吐納商業評論你目前無法檢視以下內容，可能因為尚未登入，或沒有該房間的查看權限。
留言0
查看全部
你可能也想看
Google News 追蹤
這個秋，Chill 嗨嗨！穿搭美美去賞楓，裝備款款去露營⋯⋯你的秋天怎麼過？秋日 To Do List 等你分享！
秋季全站徵文，我們準備了五個創作主題，參賽還有機會獲得「火烤兩用鍋」，一起來看看如何參加吧～
11/20日NVDA即將公布最新一期的財報, 今天Sell Side的分析師, 開始調高目標價, 市場的股價也開始反應, 未來一週NVDA將重新回到美股市場的焦點, 今天我們要分析NVDA Sell Side怎麼看待這次NVDA的財報預測, 以及實際上Buy Side的倉位及操作, 從
Hi 大家好，我是Ethan😊
相近大家都知道保濕是皮膚保養中最基本，也是最重要的一步。無論是在畫室裡長時間對著畫布，還是在旅途中面對各種氣候變化，保持皮膚的水分平衡對我來說至關重要。保濕化妝水不僅能迅速為皮膚補水，還能提升後續保養品的吸收效率。
曾經，我的保養程序簡單到只包括清潔和隨意上乳液
上次分享到我小時候上電腦課的時候，就覺得網路行銷_網站設計很好玩
隱約還一點點印象是，老師讓我們自己去排版網頁、設定連結、還有背景音樂等~~~
不過那只是個課堂上能暫時用的網站設計，回家就找不到了，我在想大概是老師建立的區域網站或者免費教學用軟體吧，想當初上電腦課
網路行銷_網站設計
都是老師講
第一印象很重要，在處處都是網路行銷的網路世界中，
官網就是呈現公司形象的第一扇大門
然而好的官網，不僅僅是介面好看而已唷~
內容也相當的重要
如果內容不吸引人，通常下一步就會被關閉，產品曝光的機會就會錯失
所以阿 在這處處都是網路行銷的網路世界中，網站設計需要注意幾個重點
那就是↓
明確定位目標
留白是網站設計中被廣泛應用的手法。我們常常認為安靜、空的、無色的東西是無聊的，卻鮮少人了解到正因為這些空白的存在，才會成為有聲、有物、有色的對比基礎。網站設計中，很多人認為任何留白都是浪費空間，應該要讓大家看到越多內容越好。但事實上，留白是非常強大的視覺設計技巧，適當的留白甚至與好的內容同等重要。
比起簡單、平淡的網站頁面，66%的人更希望看到漂亮好用的設計。網站是品牌網路行銷非常重要的門面，也是顧客與品牌接觸的第一線。無論你打算架設一個新的網站，或是針對過去的品牌官網重新設計，你可能都會有這樣的疑問：這真的有這麼重要嗎？值得我投資嗎？現在就讓哈利熊帶你一起來看看網站設計為什麼那麼重要吧！
常常有人問，為什麼我不再接案呢？
✦ 因為高昂的溝通成本和美感落差
不少人學習 WordPress 是希望承接網站設計相關的案子，自己跳出來當老闆，自己的人生自己來掌握，人生是多麼的美好呢？但每天和客戶來來回回的溝通，慢慢迷失了自我，迷失了人生的方向感，活像在沙漠中，看不到回家的道路。
✦ 您所
創新人物誌，全文共長 2300 多字，文字閱讀時間約十五分鐘。適合在一個寧靜的午後、睡前的省思與獨處的時間裡，跟講者做個簡單的閱讀互動。本文附上人物專欄另有專訪影片紀錄提供於原文下方。如果你有完整的半個小時，歡迎搭配茶水、坐在桌前聽聽人物故事，喜歡的話拍個手、留言回饋。
近幾年在一些單位授課，時常教有關於網站設計的課程
而這兩年ＲＷＤ已經成為必須的網站設計技術
其實這ＲＷＤ已經不像過去那樣要搞CSS或是bootstrap
雖然HTML基本功還是要有，CSS、jQuery、javascript...等等
若可以還是要會，但今天要講的工具
是要搭配網路行銷的工具
也是最
這個秋，Chill 嗨嗨！穿搭美美去賞楓，裝備款款去露營⋯⋯你的秋天怎麼過？秋日 To Do List 等你分享！
秋季全站徵文，我們準備了五個創作主題，參賽還有機會獲得「火烤兩用鍋」，一起來看看如何參加吧～
11/20日NVDA即將公布最新一期的財報, 今天Sell Side的分析師, 開始調高目標價, 市場的股價也開始反應, 未來一週NVDA將重新回到美股市場的焦點, 今天我們要分析NVDA Sell Side怎麼看待這次NVDA的財報預測, 以及實際上Buy Side的倉位及操作, 從
Hi 大家好，我是Ethan😊
相近大家都知道保濕是皮膚保養中最基本，也是最重要的一步。無論是在畫室裡長時間對著畫布，還是在旅途中面對各種氣候變化，保持皮膚的水分平衡對我來說至關重要。保濕化妝水不僅能迅速為皮膚補水，還能提升後續保養品的吸收效率。
曾經，我的保養程序簡單到只包括清潔和隨意上乳液
上次分享到我小時候上電腦課的時候，就覺得網路行銷_網站設計很好玩
隱約還一點點印象是，老師讓我們自己去排版網頁、設定連結、還有背景音樂等~~~
不過那只是個課堂上能暫時用的網站設計，回家就找不到了，我在想大概是老師建立的區域網站或者免費教學用軟體吧，想當初上電腦課
網路行銷_網站設計
都是老師講
第一印象很重要，在處處都是網路行銷的網路世界中，
官網就是呈現公司形象的第一扇大門
然而好的官網，不僅僅是介面好看而已唷~
內容也相當的重要
如果內容不吸引人，通常下一步就會被關閉，產品曝光的機會就會錯失
所以阿 在這處處都是網路行銷的網路世界中，網站設計需要注意幾個重點
那就是↓
明確定位目標
留白是網站設計中被廣泛應用的手法。我們常常認為安靜、空的、無色的東西是無聊的，卻鮮少人了解到正因為這些空白的存在，才會成為有聲、有物、有色的對比基礎。網站設計中，很多人認為任何留白都是浪費空間，應該要讓大家看到越多內容越好。但事實上，留白是非常強大的視覺設計技巧，適當的留白甚至與好的內容同等重要。
比起簡單、平淡的網站頁面，66%的人更希望看到漂亮好用的設計。網站是品牌網路行銷非常重要的門面，也是顧客與品牌接觸的第一線。無論你打算架設一個新的網站，或是針對過去的品牌官網重新設計，你可能都會有這樣的疑問：這真的有這麼重要嗎？值得我投資嗎？現在就讓哈利熊帶你一起來看看網站設計為什麼那麼重要吧！
常常有人問，為什麼我不再接案呢？
✦ 因為高昂的溝通成本和美感落差
不少人學習 WordPress 是希望承接網站設計相關的案子，自己跳出來當老闆，自己的人生自己來掌握，人生是多麼的美好呢？但每天和客戶來來回回的溝通，慢慢迷失了自我，迷失了人生的方向感，活像在沙漠中，看不到回家的道路。
✦ 您所
創新人物誌，全文共長 2300 多字，文字閱讀時間約十五分鐘。適合在一個寧靜的午後、睡前的省思與獨處的時間裡，跟講者做個簡單的閱讀互動。本文附上人物專欄另有專訪影片紀錄提供於原文下方。如果你有完整的半個小時，歡迎搭配茶水、坐在桌前聽聽人物故事，喜歡的話拍個手、留言回饋。
近幾年在一些單位授課，時常教有關於網站設計的課程
而這兩年ＲＷＤ已經成為必須的網站設計技術
其實這ＲＷＤ已經不像過去那樣要搞CSS或是bootstrap
雖然HTML基本功還是要有，CSS、jQuery、javascript...等等
若可以還是要會，但今天要講的工具
是要搭配網路行銷的工具
也是最