RWD網頁設計

RWD無所不能嗎?

Is RWD omnipotent? 適應式網頁無所不能嗎? 看完前面幾個單元對於RWD自適應網頁設計的說明後,一定覺得RWD網站設計的技術很棒吧! 的確,如果現在您的網站還沒有RWD化、或是新設計的網站沒有考量到RWD技術的話實在很可惜的一件事情,但是RWD真的無所不能嗎?完全沒有缺點嗎? 雖然缺點很少....... 但是RWD的確還是有一些小小的缺點,以下為您分析說明 1. 網站區塊狀的設計,網站設計的視覺限制較多 由於RWD是透過柵欄式的邏輯來設計網站,所以在設計上會需要以區塊狀設計為主軸(才會方便不同解析度移動區塊重新排版),所以有些比較誇張的網站設計技巧,在RWD上面必須要盡量減少使用。因為如此,有些希望透過很特殊的創意視覺來表現的網站,可能會受到比較多的限制。 2. 網頁資訊排版彈性較小 因為RWD的網站設計邏輯需要符合各種不同瀏覽裝置的解析度,所以大部分是用百分比來設計CSS,也就是會依照解析度來調整段落。 當然,調整的可能不只文字資訊...包括圖片、表格等等都有可能等比例縮小或是放大,而這些都會影響在後台管理網頁資訊的彈性,以往可能很輕鬆可以排列出的圖文搭配,在RWD網站裡面就要看設計公司的功力了,常常會看到某些RWD作品段落置中...排列混亂,就是一些RWD技巧不夠純熟造成的。 3. 網站數據容量可能較大,影響網站載入速度 RWD響應式網頁設計為什麼叫做『響應式』,就是因為他可以因應不同的解析度『回應出』不同的內容,也就是說在某些情況下不同的解析度要丟出不同的資訊內容或是圖片,有些資訊可以透過偵測到再回應圖片或文字,但是一些重複的項目即便是被隱藏起來了,但是還是要下載的。 在手機頻寬普遍較低的時候,網站的反應速度可能會稍微的慢一些些。 4. 早期的瀏覽器支援問題 這個問題當然不只在RWD自適應網頁設計上才會遇到的,早期很多網站技術、語法、CSS各種效果都常常會遇到各個瀏覽器版本不同,呈現效果有差異...甚至不支援的狀況出現,情況最嚴重的大部分是舊版本的瀏覽器...例如:IE 6、IE7等。 雖然我們無法綁定使用者不要再用早期的,不過現在透過瀏覽器廠商的推廣跟宣導下,舊版本瀏覽器的使用者已經是非常少的使用比例了,適當的犧牲他們或是針對舊版瀏覽器另外撰寫語法都是解決的方式。 5. 網站要透過改版支援RWD會很難 [...]

響應式網頁設計與手機版網站差異

RWD Web Design 響應式網頁設計與手機版網站差異 如果您看了前面幾篇的RWD介紹,想必您一定對RWD自適應網頁設計有更加多的認識與了解,如果您是不小心先點到這單元,您也可以回頭看看我們之前的介紹。 雖然搞懂了RWD自適應網頁設計的優點,不過跟人家常說的『手機版網站』,到底哪裡不一樣啊! 在這單元,我們會再更清楚的幫您分出『RWD自適應網頁設計』與『手機版網站』的差異。 如同前幾個單元提到,手機版網站往往是因為原有的官方網站架構龐大,或是有部分的服務無法在短時間內重新設計架構所以必須要靠『獨立』的手機版網站來暫時解決智慧型手機使用者瀏覽上的不便。 也因為是『獨立』且專屬給手機版使用的,所以手機版網站大部分會有以下的幾點特色: 介面設計 因為原本的官方網站還保留的情況下,在手機版網站的設計上就僅僅針對智慧型手機的瀏覽介面而生,簡單來說...手機版網站在其他非智慧型手機的瀏覽裝置下,視覺效果及介面可能都是非常不理想的。 雖然嚴格說起來,手機版網站也是透過RWD的技術來去製作(因為智慧型手機也是有分螢幕尺寸跟解析度的),但是因為只為了符合手機版的瀏覽結構及設計成本考量,所以通常只會針對手機介面做了最佳化,比起一開始就用RWD自適應網頁設計技術製作出的網站,在介面的完整度是有差距的。 後台設計 手機版的設計可能是因為官方網站來不及改版而暫時的解決方案之一,所以大部分的手機版網站都是獨立的後台來管理網頁資料,而獨立的後台設計大部分會衍生下列幾種問題: 維護成本較高: 因為不同的後台,大部分都是獨立的資料庫來控制網站的資訊。也就是說,在官方網站上更新的網頁資料,您也必須到手機版再更新一次,對於管理成本來說相對較高。 資訊不同步 在舊有電腦版的網頁架構下,可能有些功能是無法快速移植或重新設計的,所以可能在手機版上就會捨棄部分電腦版上部分的資訊與功能。當然,這樣的捨棄或多或少的會造成部分使用者的不便,不過也因為過度時期而必須要先接受『資訊不同步』的問題。 趕快聯繫我們,讓振作國際給你們一個更棒的解決方案吧! 雖然手機版比起RWD版本的網站有著諸多缺點,但是在部分的評估下的確也要將手機版網站的製作當做必經之路,讓我們給你更優秀又不會浪費的方案! Address 振作國際有限公司 | Wakeup International CO. LTD 105 臺北市八德路四段135號7樓 Google Maps Contact Us TEL:02-2528-0328 / FAX:02-2747-9736 [...]

RWD網頁設計

RWD Web Design 響應式網頁設計 台灣行動裝置普及率已經到達七成,將近1500萬的人口持有智慧型手機及平板裝置,除了使用手機的應用程式及通訊軟體外,使用者最常使用的就是透過行動裝置來查詢資料及瀏覽網站。 RWD 全名為 Responsive Web Design(響應式網頁設計) 又稱作適應性網頁、自適應網頁設計、回應式網頁設計、多螢網頁設計 RWD(響應式網頁設計)是透過瀏覽器的解析度來判斷要給使用者看到的樣貌,所以會透過選單樣式的調整、圖片的縮放比例、文字的放大及段落的排版對應來給使用者最佳的瀏覽體驗,所以不用擔心有手機版網站兩個後台的問題,而視覺效果也是透過我們前端設計師優秀的空間比例設計,不會因為畫面變大變小而影響到整體視覺的美感。 前往作品集 想想下列的情境: 今天全家出遊,想要找間評價好的餐廳,一定是拿起手機查查有沒有網友推薦的好吃餐廳。 當您逛街的時候看到某些商品,想了解商品的評價或是進一步的商品介紹的時候,也是會拿起手機搜尋商品的品牌官網或是各大購物通路的價格。 今天出外會議,突然主管交代要你找合作廠商的產品資訊,第一時間我相信您也是打開手機瀏覽器來快速查詢了解一下廠商的服務及產品介紹。 有太多太多的情況下,使用者都會透過行動裝置來看您公司的官方網站;如果您的官方網站還是FLASH...試想一下那是什麼慘況?沒錯!就是不能看! 如果您的官網沒有支援行動裝置,沒有用RWD響應式網頁設計的方式來設計,客戶就要看著比螞蟻還要小的網頁,然後放大……拖拉……縮小……放大……看了半天還是看不到他們要的資訊。 別再虐待您的消費者與顧客了!透過RWD的設計,將會讓您的官方網站給客戶更多美好的瀏覽體驗,RWD網站的貼心設計就是您對客戶尊重的最好開始。 網站已經不是一個只求「有」的時代了! 網站需要從「有」進化到「好」,更要讓「好的網站」讓人們看到才能抓到真正的商機! Address 振作國際有限公司 | Wakeup International CO. LTD 105 臺北市八德路四段135號7樓 Google Maps [...]