分類：公司訊息

當已經要投入網路的行業，肯定少不了要製作屬於自己品牌/企業的官方網站，有些人會選擇利用「開店平台」、「部落格平台」、「套版網站」甚至是另外找網站製作團隊製作「客製化網站」。不論是用哪一種方式，只要能順利的製作網站都是一件非常好的事情，但你知道嗎其實「網站製作」跟「網站設計」，是指兩個不一樣的東西，兩者看似很像，但對於行銷來說最關鍵點則是「網站設計」。 網站製作與網站設計差異在哪裡？ 有些人可能會想問我就只不過是想要製作一個網站，為什麼又分成「網站設計」跟「網站製作」呢？比較白話一點的說法是，一個是屬於網站外觀的設計，而另一個則是將其設計製作出來，一般來說都會被歸類在同一個網站製作團隊內。前者「網站製作」主要是網站的開發與製作，以客製化網站為例，需要有前端開發人員與後端開發人員，主要使用HTML、CSS和JavaScript等程式語言，才同時針對不同種類的排版、圖形擺放位置、字體大小，甚至是搜尋模式與動畫製作..等等都必須仰賴前端與後端人員，才能夠將所設計出來的網站樣子，建造出一個理想的網站；而後者網站的設計就是將客戶所提出來的觀點或者要求畫出來，並且標注實際上的尺寸大小，並且考量使用者的感受，也就是俗稱的UI/UX設計。 網站設計為什麼這麼重要？ 網站設計可以說是網站最重要的一環，可以決定網站是否能真的得到新客戶，並且是將訪客轉變為顧客的非常重要因素，而大致上可以分成三個面向去探討： 第一個面向、讓顧客留下良好品牌印象 對於網站來說，大概有75%的使用者，會針對網站的視覺設計，而決定該品牌是否可靠信任，而在閱覽網站的同時，前3秒最為關鍵，使用者會對整個品牌有著初步的印象，在這短短的幾秒內，品牌必須竟可能的將最好的一面展現出來，盡可能地讓顧客的使用體驗良善，撇開網站的速度不談（這部分就要牽扯到主機），若是在操作上非常的讓人摸不著頭緒，那麼使用者有非常高的機率不會繼續瀏覽網站，看完就過了，這樣就很可惜的少了一個潛在客戶。 第二個面向、增加網站SEO的成效 良好的網站設計也可以有效的增加SEO的成效，但這時有些讀者可能會覺得，SEO是比較偏向系統上的設定耶，SEO又跟設計有什麼關係呢？其實這兩者算是間接性的關係，SEO的成效主要看的是網站整體的架構、內容..等等，透過各種大數據的分析而在搜尋引擎上做排序，但Google在公開的文件就有提到，「Google希望帶給使用者更

瞬息萬變的網路世界，加上科技的日益發展，全世界越來越多人使用手機來上網。根據研究數位Digital Report調查指出，2021年全球有66%的人使用手機，且網路的使用者有60%。其中從手機上網的族群佔55.7%、電腦則佔41.4%。從以上資訊我們可以歸納出一個結論：全世界喜歡使用手機上網的用戶已佔大多數，且勝過電腦。 此時是否突然想起一個問題，公司網頁是依照電腦尺寸去打造，還是手機尺寸？是否有看過某些網頁，在手機上所呈現的畫面內容是需要動動手指，把畫面往左往右滑、放大縮小來閱讀，甚至畫面被卡一半，找不到內容資訊。而有些網站頁面不管在手機或是電腦的畫面，都是完整完好的呈現。這之間的差別，就在於有沒有使用RWD響應式網頁。 什麼是RWD響應式網頁 響應式網頁Responsive Web Design，簡稱RWD，又稱回應式網頁，是一項透過CSS3+JQuery網頁技術，讓「一個網頁」的圖文資訊內容，能夠以最佳畫面呈現在「多種尺寸、解析度的螢幕」。一般來說，手機裝置尺寸：320px ~ 720px、平板置尺寸在720px ~ 1024px、電腦裝置尺寸在1024px左右。一個響應式網頁設計會依據使用者的裝置設備（電腦、手機或平板），來適應、符合該裝置的格式來顯示網頁的內容。 RWD響應式網頁的好在於它百搭！一頁解決多種裝置顯示問題！ 簡單來說，響應式網頁猶如基本款白上衣，搭上牛仔褲會有自然風；配上西裝外套表現利落都會風；穿上運動褲又會有休閒風。白上衣與各樣式衣服都能搭配，任何風格都能駕馭；這樣的效果就是響應式網頁的特點，不管消費者是使用手機或是電腦，響應式網頁都能符合相對應的格式。 以視覺方面來說，對於公司品牌來說，能夠完美、完整呈現資訊內容，提供最佳的視覺畫面，當然是做網站的宗旨。對於消費者來說，更是喜歡用最便利、最輕鬆的方式閱覽網頁。統計調查，網路使用者上網時間大約7小時，在長時間觀看螢幕之下，更傾向選擇能讓閱讀上舒服的網頁。 在Google的幫助中心中就有提到關於RWD響應式網頁的一些規則： 為什麼要使用回應式設計 我們建議使用回應式網頁設計的原因如下： 使用者可以使用單一網址，以更輕鬆的方式分享及連結到您的內容。 可協助 Google 的演算法為網頁正確指定索引編列屬性，不需要發送訊息指明既有的相對應桌面版/行動版網頁。 無需維護多個內容相同的網頁，減少工程