付費限定方格精選
網站設計也該與時俱進了：你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 洽詢。如果您喜歡這篇文章，請按「喜愛」圖像、也歡迎分享到社群網站上！
Support the creator with action! Pay to unlock
本篇內容共 2213 字、0
則留言，僅發佈於吐納商業評論You currently cannot view the following content, possibly because you are not logged in or do not have permission to view the room.
留言0
查看全部
你可能也想看
1.加權指數與櫃買指數
週五的加權指數在非農就業數據開出來後，雖稍微低於預期，但指數仍向上噴出，在美股開盤後於21500形成一個爆量假突破後急轉直下，就一路收至最低。 台股方面走勢需觀察週一在斷頭潮出現後，週二或週三開始有無買單進場支撐，在沒有明確的反轉訊號形成前，小夥伴盡量不要貿然抄底，或是追空
近期的「貼文發佈流程 & 版型大更新」功能大家使用了嗎？
新版式整體視覺上「更加凸顯圖片」，為了搭配這次的更新，我們推出首次貼文策展 ❤️
使用貼文功能並完成這次的指定任務，還有機會獲得富士即可拍，讓你的美好回憶都可以用即可拍珍藏！
上次分享到我小時候上電腦課的時候，就覺得網路行銷_網站設計很好玩
隱約還一點點印象是，老師讓我們自己去排版網頁、設定連結、還有背景音樂等~~~
不過那只是個課堂上能暫時用的網站設計，回家就找不到了，我在想大概是老師建立的區域網站或者免費教學用軟體吧，想當初上電腦課
網路行銷_網站設計
都是老師講
第一印象很重要，在處處都是網路行銷的網路世界中，
官網就是呈現公司形象的第一扇大門
然而好的官網，不僅僅是介面好看而已唷~
內容也相當的重要
如果內容不吸引人，通常下一步就會被關閉，產品曝光的機會就會錯失
所以阿 在這處處都是網路行銷的網路世界中，網站設計需要注意幾個重點
那就是↓
明確定位目標
留白是網站設計中被廣泛應用的手法。我們常常認為安靜、空的、無色的東西是無聊的，卻鮮少人了解到正因為這些空白的存在，才會成為有聲、有物、有色的對比基礎。網站設計中，很多人認為任何留白都是浪費空間，應該要讓大家看到越多內容越好。但事實上，留白是非常強大的視覺設計技巧，適當的留白甚至與好的內容同等重要。
比起簡單、平淡的網站頁面，66%的人更希望看到漂亮好用的設計。網站是品牌網路行銷非常重要的門面，也是顧客與品牌接觸的第一線。無論你打算架設一個新的網站，或是針對過去的品牌官網重新設計，你可能都會有這樣的疑問：這真的有這麼重要嗎？值得我投資嗎？現在就讓哈利熊帶你一起來看看網站設計為什麼那麼重要吧！
常常有人問，為什麼我不再接案呢？
✦ 因為高昂的溝通成本和美感落差
不少人學習 WordPress 是希望承接網站設計相關的案子，自己跳出來當老闆，自己的人生自己來掌握，人生是多麼的美好呢？但每天和客戶來來回回的溝通，慢慢迷失了自我，迷失了人生的方向感，活像在沙漠中，看不到回家的道路。
✦ 您所
創新人物誌，全文共長 2300 多字，文字閱讀時間約十五分鐘。適合在一個寧靜的午後、睡前的省思與獨處的時間裡，跟講者做個簡單的閱讀互動。本文附上人物專欄另有專訪影片紀錄提供於原文下方。如果你有完整的半個小時，歡迎搭配茶水、坐在桌前聽聽人物故事，喜歡的話拍個手、留言回饋。
近幾年在一些單位授課，時常教有關於網站設計的課程
而這兩年ＲＷＤ已經成為必須的網站設計技術
其實這ＲＷＤ已經不像過去那樣要搞CSS或是bootstrap
雖然HTML基本功還是要有，CSS、jQuery、javascript...等等
若可以還是要會，但今天要講的工具
是要搭配網路行銷的工具
也是最
1.加權指數與櫃買指數
週五的加權指數在非農就業數據開出來後，雖稍微低於預期，但指數仍向上噴出，在美股開盤後於21500形成一個爆量假突破後急轉直下，就一路收至最低。 台股方面走勢需觀察週一在斷頭潮出現後，週二或週三開始有無買單進場支撐，在沒有明確的反轉訊號形成前，小夥伴盡量不要貿然抄底，或是追空
近期的「貼文發佈流程 & 版型大更新」功能大家使用了嗎？
新版式整體視覺上「更加凸顯圖片」，為了搭配這次的更新，我們推出首次貼文策展 ❤️
使用貼文功能並完成這次的指定任務，還有機會獲得富士即可拍，讓你的美好回憶都可以用即可拍珍藏！
上次分享到我小時候上電腦課的時候，就覺得網路行銷_網站設計很好玩
隱約還一點點印象是，老師讓我們自己去排版網頁、設定連結、還有背景音樂等~~~
不過那只是個課堂上能暫時用的網站設計，回家就找不到了，我在想大概是老師建立的區域網站或者免費教學用軟體吧，想當初上電腦課
網路行銷_網站設計
都是老師講
第一印象很重要，在處處都是網路行銷的網路世界中，
官網就是呈現公司形象的第一扇大門
然而好的官網，不僅僅是介面好看而已唷~
內容也相當的重要
如果內容不吸引人，通常下一步就會被關閉，產品曝光的機會就會錯失
所以阿 在這處處都是網路行銷的網路世界中，網站設計需要注意幾個重點
那就是↓
明確定位目標
留白是網站設計中被廣泛應用的手法。我們常常認為安靜、空的、無色的東西是無聊的，卻鮮少人了解到正因為這些空白的存在，才會成為有聲、有物、有色的對比基礎。網站設計中，很多人認為任何留白都是浪費空間，應該要讓大家看到越多內容越好。但事實上，留白是非常強大的視覺設計技巧，適當的留白甚至與好的內容同等重要。
比起簡單、平淡的網站頁面，66%的人更希望看到漂亮好用的設計。網站是品牌網路行銷非常重要的門面，也是顧客與品牌接觸的第一線。無論你打算架設一個新的網站，或是針對過去的品牌官網重新設計，你可能都會有這樣的疑問：這真的有這麼重要嗎？值得我投資嗎？現在就讓哈利熊帶你一起來看看網站設計為什麼那麼重要吧！
常常有人問，為什麼我不再接案呢？
✦ 因為高昂的溝通成本和美感落差
不少人學習 WordPress 是希望承接網站設計相關的案子，自己跳出來當老闆，自己的人生自己來掌握，人生是多麼的美好呢？但每天和客戶來來回回的溝通，慢慢迷失了自我，迷失了人生的方向感，活像在沙漠中，看不到回家的道路。
✦ 您所
創新人物誌，全文共長 2300 多字，文字閱讀時間約十五分鐘。適合在一個寧靜的午後、睡前的省思與獨處的時間裡，跟講者做個簡單的閱讀互動。本文附上人物專欄另有專訪影片紀錄提供於原文下方。如果你有完整的半個小時，歡迎搭配茶水、坐在桌前聽聽人物故事，喜歡的話拍個手、留言回饋。
近幾年在一些單位授課，時常教有關於網站設計的課程
而這兩年ＲＷＤ已經成為必須的網站設計技術
其實這ＲＷＤ已經不像過去那樣要搞CSS或是bootstrap
雖然HTML基本功還是要有，CSS、jQuery、javascript...等等
若可以還是要會，但今天要講的工具
是要搭配網路行銷的工具
也是最