• 設計小知識

設計小知識 – RWD響應式網頁

智慧型手機的崛起,使用者對手機版網頁的需求越來越多,最一開始的手機版網頁是透過JS的語法來判斷進入網站的裝置,如果是手機則進入手機板頁面,如果是桌機便進入桌機板頁面,對於原本就擁有桌機版網頁的業者來說,只要重新建置一個手機版的頁面即可達到擁有兩種版本的便利性,然而,隨著裝置的科技越來越進步,網站語法也跟隨著前進,進而衍伸出 RWD響應式網站。 什麼是RWD響應式網頁 ? RWD (Responsive web design),中文稱作:響應式網頁設計、自適應網頁設計、對應式網頁設計、回應式網頁設計,這種網頁做法是基於HTML5與CSS3的結合,使前端設計師或是介面設計師能夠在頁面設計時就能夠達成多介面的設計呈現,省去了前端設計師與後端工程師一來一回的繁瑣交流,這對於製作網頁上可說是一大福音啊! RWD最大的好處就是它透過設置畫面寬度做斷點,使網頁能夠達到各種裝置都能夠有最佳的瀏覽效果,進而提升使用者體驗,在這人手一機的時代,使用者能夠輕易的透過手機瀏覽網頁,是多麼方便的事啊! 關於RWD的介紹網路上有太多說明了,這裡就不再贅述囉! 可以參考看看維基百科的介紹 RWD 好處是什麼呢 ? 在過去的實際案件中,常常有客戶將RWD想像成兩個網頁,但事實上,它是將相同的網頁元素用CSS的語法使元素以不同的方式呈現在當前所使用的裝置上,這樣製作網頁的好處是,過多的網頁元素同時在一個頁面上,在載入時造成網路流量的負擔,如果同時在搭配上前端設計師巧妙的搭配CSS語法,減少實體圖片的使用量,更能大大提升網頁的讀取速度喔,這也能讓SEO大大的加分呢! 製作網頁的用意不外乎就是想讓使用者、消費者能夠快速的找到我們,通常自適應的功能在有預算的情況下,我們會設計兩套介面(桌機、手機),基本上這已經足以符合一般大眾所使用的裝置囉!(可能僅有一些特定的裝置會有較不易瀏覽的狀況),若您的預算允許,且對畫面要求極高,更能夠另外針對平板、大螢幕、舊型的小螢幕做設計,讓網站在任何刁鑽的裝置上都能無障礙的顯示,當然也是可以的啦 XD,只是這不只製作成本增加,也同時會增加維護網站的難度,就需要再考慮斟酌囉! 除此之外,現在Google在SEO的條件當中,也把是否符合行動裝置使用納入評斷搜尋排行的評分標準,所以若是您的網站不適合在手機上瀏覽的話,是會被Google點名作記號的喔!相對也就會影響網站在搜尋上的排名了。 如果您有其他想知道的問題 歡迎您到 聯絡我們  留言告訴我們你的問題,或是透過網站最下方的連結加入我們的 LINE 或是 粉絲頁,FUN小編都很樂意為您解答疑問喔!

By |2019-11-28T07:04:10+08:0028 11 月, 2019|設計小知識|在〈設計小知識 – RWD響應式網頁〉中留言功能已關閉
  • 設計小知識

設計小知識 – 設計外包

最常見的外包設計案件 1. EDM、banner:電商必備製作物。 2. 動態banner:網路平台小廣告,增加曝光度必備。 3. 企業形象網站:產品固定,不需時常更新最合適。 4. 電商網站:技術較複雜,交給設計公司更安心。 5. 企業識別:如名片、LOGO、信封、公文封...等。 6. 企業商品型錄(DM):年度型錄也是很常出現的設計案件喔! 為什麼選擇外包? 如果您的公司不是常態性的需要設計物品,可能每隔一兩周或一兩個月暫時性的有設計需求時,要請一個設計師對公司實在是一個大負擔,將您公司的設計需求交給設計公司接洽,不僅能夠有品質有效率地完成您所需的設計需求,也不需要重新培訓一個新的人才,若是長期合作,雙方建立了默契,也能讓事情事半功倍呢! 如果您的預算有限,套版網站客製化是您最好的選擇 所謂的套版網站,就是wordpress、wix這類的套件網站後台,如果你本身有網站設計基礎,也可以透過套版網站製作一個自己的網站,而透過我們客製化的差異在於,節省您研究套件平台的時間,賦予套版的網站更多變化,更精準使用適合您的功能,幫您規劃前後台流程,設計UIUX...等等,網站設計要做的功課很多很多,透過我們的網站設計經驗,能夠穰您節省更多時間人力,而達到最好的效果,這就是我們最主要的服務項目。 如果您想對放肆設計有更深入的了解 網站裡面有對各設計項目更多深入的簡介,我們規劃出一些較常見流程簡介,將它做成表格供您了解更多且讓您對自己的網站流程有更進一步的概念。 網站設計規劃、平面設計規劃、室內設計規劃

By |2019-11-06T09:24:38+08:0030 10 月, 2019|設計小知識|在〈設計小知識 – 設計外包〉中留言功能已關閉
Go to Top