你的網站「變形」了嗎?

特約撰稿/陳緯倫

在智慧型手機與平板電腦發明之後,人們開始感受並且適應多種螢幕尺寸。以往大家透過桌機上網,所以官網的版型設計自然也以1024*768畫素為主,然而一但透過平板或手機瀏覽同一官網,因為螢幕變小了,官網版面變小變窄,反而看不清楚上面的文字。

為了讓平板與手機螢幕亦能順暢瀏覽官網,2010年國外網頁設計師Ethan Marcotte提出了響應式網頁(Responsive Web Design)的概念,同一網頁能因應各種不同的上網載具(包括橫放、直放),顯示出不同的版型,以符合最佳的瀏覽經驗。

響應式網頁的觀念在國外大概流傳二至三年,而台灣則約略從今年開始推廣。我們以科技大廠-聯發科官網(http://www.mediatek.com/zh-TW/)來看一下響應式網站如何變型。以平板為例,橫放時版面呈現三欄,直放時卻變成了二欄,因此「寬(width)」雖變小,但字體卻沒有因此變小。

上圖為橫放三欄


上圖為直放二欄

就整個網站而言,等於同一網頁有兩種版型,因此設計師必須多花一些時間設計各種版型,也因此增加了設計時間與成本。
僅管響應式網頁概念已提出四年,但國外網站符合此道者仍然不普及,而台灣採用此設計的官網更寥寥而數。推測台灣響應式官網不普及之原因,其一,網站製作業者「變形能力」尚未成熟,同一個網站,header會變形,但footer不一定會變;其二,若要改現有官網為響應式網站,對客戶來說就是換掉一個網站,他們會認為,等到現有網站用夠了,要改版時再一併考量響應式網頁。

其三,我認為也是根本原因,就是客戶本身根本不認為「響應式網站」是重要的。我曾多次提及,對很多台灣人而言,官網僅是傳遞企業訊息的一個媒介,好不好看根本不重要,反正能用就好了!有時候你覺得台灣人設計出來的東西真的很沒美感與質感,又為什麼台灣人只能做代工,還真是其來有自呢!原因不在於沒有一流的設計人才,而是主事者沒有前瞻的眼光,習慣於安穩妥當的作法,非必要變動者,則可以永久不動。尤其響應式網頁僅影響「視覺」,不影響「網站功能」,主事者又怎麼會捨得花錢於此呢?

分享此新聞: