溫研創意 | BLOG

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

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

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

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

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

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

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

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

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

這系列是溫研的作品案例分析，希望透過實際的專案過程與經驗，讓更多人能夠理解設計思維，知道一個設計作品背後的工序與巧思。這篇要分享的是一位數位工具創作者「領先時代」的設計案例，所以接下來的內容，會針對

名片設計是一款以低成本，在聚會上就能達到被記憶的小技巧，這篇是紀錄「蘿卡好食」名片製作的過程，將創作者是否需要名片，以及蘿卡好食的名片排版過程，分享給還不知道是否需要名片設計的人。蘿卡好食名片設計

這系列是溫研的作品案例分析，希望透過實際的專案過程與經驗，讓更多人能夠理解設計思維，知道一個設計作品背後的工序與巧思。這篇要分享的是創作者品牌「理財學伴」的設計案例，所以接下來的內容，會針對品牌

這是溫研創意的專案案例分析系列文，記錄著每一次的設計製作過程，可以讓想要優化品牌設計，卻沒有找設計師經驗的人，更了解設計。這次要介紹的「領先時代」案例 IG 排版風格設計，過程會詳細說明：我是如何設