網站設計教學 | 溫研創意

【網站設計教學#1】如何規劃網站架構圖？5分鐘教你畫出樹狀圖

如何規劃網站設計樹狀圖？如果你的網站有一個核心想要呈現給人的感覺、想告訴別人的故事，那麼你就會需要先規劃好「網站架構」，再透過設計去實現這些網站架構，把你想要說的話透過設計表現出來。

設計網站前需要繪製線框圖嗎？如果你不是專職的網站設計師，只是想要自己簡單設計網站，大部分的人就會省去這個步驟。所以在架設完網站後，要開始製作網站頁面時，就會發現不知道可以放什麼內容，也因為沒有事先安排整體的空間，導致後續放上內容後，整個畫面變得很不協調。

一個好看的網站是否有標準的配色技巧？配色的過程很像是我們每一天的穿搭，經過反覆的搭配，你會有屬於自己的色彩，像是我的個性追求踏實感，所以我在穿著上很喜歡搭配大地色，給別人一種內斂穩重的感受。
而套用在網站品牌也是一樣的，你需要思考你想傳達什麼樣的感覺給觀眾？

架設ＷordPress 網站時大家都會直接使用模板來快速製作，不過直接使用模板會因為單點式的調整，讓網站沒有整體的風格，如果你想要先測試看看整體網站的風格，但又怕在 WordPress 上調整會花太多時間，那可以先使用 Canva 製作出網站頁面基本雛型，可以用最低的成本設計整體網站的風格。

如何執行 WordPress 設計？在開始執行頁面時，先不急著編輯頁面，要先把外觀設定完成。為什麼要先設定外觀呢？在前面幾篇的網站規劃中，有提到顏色規劃、文字字級、按鈕樣式，另外還有頁首/頁尾，這些「一次性樣式」如果都在全域設定好，就能避免後續出現與自己品牌不符的樣式，也能減少許多後續調整的時間。

如何使用 Elementor 製作網站設計？對於一般人來說，會認為需要使用 HTML / CSS 程式語法來進行網站製作，就覺得門檻太高。但其實 Elementor 就是針對不懂程式的人所設計的頁面編輯器工具，免費版本就能做到很完整個網站設計。

最常被詢問一樣都是使用 Elementor 頁面編輯器來製作網站，為什麽在區塊上總是少了一點設計感，而我自己在設計網站時，其實也是善用幾個區塊來運用。

前言：更改 WordPress 字體方式有哪些？最近剛好遇到一位客戶想要調整網站的字型，她說找了許多更改 WordPress 網站字型的方法，都相當的複雜，所以在研究字型的同時，我整理出可以調整字型

前言「我的網站需要有關於我頁面嗎？」這個問題是我常常被詢問到的。我認為「關於我」是每一個網站都會需要放的頁面，可以試想，人與人第一次見面，通常會先詢問你的背景，希望了解更多對方的資訊，所以當一個陌

前言：網站需要有側邊欄嗎？網站需要有側邊欄嗎？我認為這沒有一定的標準答案。我們可以從兩個面向來看，也是大部分人最常使用的瀏覽方式：以大眾來說，如果你是經營部落格，應該非常仰賴有一個側邊欄，來放上

前言大家對於「聯絡我們」的頁面，似乎有一種既定印象，像是填寫表格、放上聯絡資訊等。我在過往服務客戶的過程中，也常常被詢問到「網站需要聯絡我們的頁面嗎？」我認為現在的聯絡方式有很多種，可以分不同的

以現在的網站設計資源來說，想要用 WordPress 架設網站是一件很容易的事情，也有非常多的線上課程，想要擁有自己的網站不困難。在我的網站接案的經驗裡總還是會被問到幾個問題：「要怎麼製作出有整體品