我們在網頁設計該知道的6件事中，有提到一些網站設計的基本和通用技巧，還沒看過的朋友可以先去看一下唷！
官方網站是各品牌公司的門面，除了網頁設計要好看，在上架內容或編輯網站時，也應該要讓人好上手，可以自由地更新文字內容或圖片、影片。
我們使用 WordPress + Elementor 進行官方網站製作，WordPress 是目前全世界最多人使用的內容管理系統，而 Elementor 是非常易於使用的網站建構器，在介紹 Elementor 的官方版型前，先來了解一下 Elementor 吧！
什麼是 Elementor？
Elementor Ltd.是一家以色列軟體公司，提供網絡開發服務。Elementor網站構建器允許WordPress用戶透過使用拖放技術和內置響應模式來架設和編輯網站。除了免費版本，Elementor 還提供網站構建器的高級版本 – Elementor Pro，其中包括附加功能和 900 多個附加組件。
截至 2021 年 1 月，Elementor 提供超過 57 種語言版本，並一直位列 WordPress 頁面構建器中評分最高的 5 個，全球活躍安裝量超過 500 萬。它是一個開源的、GPLv3 許可的（GNU通用公共許可證）平台，為全球 2.24% 的前 100 萬網站提供服務。
根據Elementor官方平台的數據，2020 年 5 月 12 日時，使用 Elementor 構建的網站已有500 萬個。
除了致力於開發更多好用的附加組件，Elementor也設計提供許多版型讓大家參考。
5個產業官方網站製作參考版型
Elementor的版型大部分都是走簡單、乾淨的風格，利用文字與圖片的排版、動態吸引目光，以下精選幾個版型提供大家參考。
歡迎點進連結看看Demo唷！可以使用電腦觀看Demo，並調整視窗大小，可以瀏覽在電腦、平板、手機上的RWD網頁設計。
商品類-環保水瓶形象網站
用這種現代的、簡約寬螢幕的佈局展示環保產品。該模板的大膽設計以白色背景為主，提供了充足的空間來展示環保產品。加上精心拍攝的產品照片、及品牌風格照，與文字的編排，簡單又顯得落落大方。
觀看 Demo：Eco-Friendly Water Bottles
技術類-老爺車維修網站
這種以復古為主題的佈局將使用者帶到經典汽車的鼎盛時期。以老式的顏色加上色塊和文字裝飾，輕鬆靈活地展示廣泛服務。也充分看到品牌照片的運用，色塊的呈現加上服務照片的點綴，可以完成簡潔又吸引目光的官方網站。
觀看 Demo：Classic Car Restoration Company
科技類-技術公司網站
科技人員始終掌握最新技術，以深色底白字為主題，具有未來感和超現代感的佈局極具吸引力。創意動畫、3D 圖示和強大的設計都融合在一起。官方網站整體風格一致，以圖示、線條為主，少用實體照片，更提升科技感及品牌形象。
觀看 Demo：Computer Technician
飲食類-餐車網站
以這種大字與大膽的佈局展示餐車服務，鮮豔的色彩、誘人的大圖像和有趣的設計捕捉到食品餐車或食品拖車業務的精髓。矩形色塊與照片的組合相當靈活，展現美式風格。中文網站也可以以英文slogan進行佈局排版，有為之一亮的特點。Menu設計也相當”巨大”，但與網站毫不衝突。
觀看 Demo：Food Truck
品牌部落格類-身心靈網站
個人品牌經營在網路世界也越來越重要，讓你的訪客在這個寧靜的佈局中體驗身心的融合，這個模板的柔軟和小設計喚起了和平與寧靜的感覺，除了使心情放鬆愉悅的照片還有幾何圖形的動態旋轉，極為巧妙可愛。使用這個平靜和放鬆的佈局提升訂閱者的（心理）健康和正念的部落格。
觀看 Demo：Health & Mindfulness Blog
資料來源：Elementor
延伸閱讀：
