---
title: "給平面設計師的網頁設計課 ：Readymag 直覺架站"
seo_title: "給平面設計師的網頁設計課 ：Readymag 直覺架站｜操作像 Adobe AI/PS，無痛做出客製化吸睛動態網站！"
seo_description: "覺得 Wix, Weebly 還有其他套版工具架出來的網站，都太無聊了？覺得 Wordpress, Webflow, Framer 都還是太複雜了？身為一個平面設計師/創意工作者，好希望有一個架站工具像 Adobe Ai/Ps 一樣直覺就好了⋯⋯沒問題！這堂課程會讓你學會製作客製化動態網頁設計，為客戶製作網站，以及接案與客戶談專案的方式。"
slug: readymag
url: https://school.butin.co/courses/readymag
type: paid
tags: ["No Code", "動態網站", "平面設計", "網頁設計"]
---

# 給平面設計師的網頁設計課 ：Readymag 直覺架站

> 操作超像 Adobe AI/PS，無痛做出客製化吸睛動態網站！

## Description

想當初我開始學習網頁設計時，看到程式語言就會想吐，卻想要架出客製化且充滿動態的超吸睛網頁，根本遙不可及⋯ 我恨不得這工具能早點出現，讓我更早成為一位網頁設計師，接下更多網頁的案子，服務多一項「客製化動態網頁設計」。 你是不是也和我一樣，覺得 Wix, Weebly 還有其他套版工具架出來的網站，都太無聊了？覺得 Wordpress, Webflow, Framer 都還是太複雜了？身為一個平面設計師/創意工作者，好希望有一個架站工具像 Adobe Ai/Ps 一樣直覺就好了⋯⋯沒問題！這堂課程會讓你學會製作客製化動態網頁設計，為客戶製作網站，以及接案與客戶談專案的方式。

## Learning Objectives

- 突破平面設計師接案限制 - 讓你能自信接下網頁設計案，擴展服務範圍與收入來源
- 零程式語言門檻 - 完全不需要學習HTML、CSS或JavaScript，平面設計師可直接上手
- 操作類似圖像編輯軟體 - 如果你會用Adobe AI/PS或Canva，就能輕鬆掌握Readymag
- 高度客製化設計自由 - 擺脫模板限制，像在畫布上自由創作，實現任何設計想法
- 簡單製作吸睛動畫 - 輕鬆添加互動效果與動畫，讓作品脫穎而出，吸引客戶目光
- 完整接案流程指導 - 從客戶溝通、需求分析到報價技巧，提供實用的接案全流程
- 多元專案執行策略 - 提供三種不同的專案執行方式，適應不同客戶需求與預算
- 實用的作品集建立方法 - 學習如何製作令人印象深刻的互動式作品集，吸引更多客戶
- 明確的定價與談判技巧 - 學習如何設定合理價格，以及與客戶進行有效的價格談判
- 適合多種商業應用 - 從品牌形象網站、銷售頁、作品集到特殊互動內容，滿足各種設計需求

## Course Info

- Lectures: 20
- Video: 4.3h
- Students: 67

## Rating

5.0 / 5 (7 ratings)

## Instructors

### 呂罰 Kipha Lu
*品牌與網頁設計師／《不停》創辦人*

呂罰 (Kipha Lu) 是紐約的品牌與網頁設計師、自由工作者教練及獨立創業家，專注於協助客戶透過深受喜愛的品牌和高轉化率的網站建立盈利事業。他創立了華語市場第一個自由工作者教育品牌《不停》，在台灣、香港和馬來西亞經營自由工作者教育事業，擁有超過40萬粉絲群體，並協助企業家、新創公司和商業擁有者建立具策略性且盈利的品牌。 自 2019 年起至今，他邀請了數百位來自不同領域的傑出自由工作者參與 Podcast 《不停｜自由接案生活》分享，發展成為一個不斷成長的社群和亞洲最具盈利能力的自由工作者教育事業。作為設計師，呂罰為自由工作者、小型企業和創業家提供品牌塑造、網站建設、平面設計和內容行銷解決方案。除了設計領域外，他也是一位音樂人和播客製作人，為品牌解決方案帶來獨特的創意視角。

## Curriculum

### 章節 1：課程與工具特性 (6m)

- 課程介紹 (1m) [Preview]
- readymag 工具的優缺點 (3m)
- readymag 的常見合適設計應用 (1m)

### 章節 2：基礎操作 (1h 24m)

- 官方合作限時 30% OFF 七折 (0m)
- 介面介紹 (39m)
- 串接網域 (4m)
- 編輯文字與多媒體 (22m)
- 新增與管理頁面 (18m)

### 章節 3：動態設計與互動效果 (1h 22m)

- 動態設計基礎 (18m)
- 官方範例解析 (32m)
- 動態設計實作 (31m)

### 章節 4：響應式網站實戰製作 (57m)

- 電腦尺寸 (32m)
- 平板尺寸 (15m)
- 手機尺寸 (9m)

### 章節 5：第三方工具與進階設定 (16m)

- SEO 與嵌入程式碼 (4m)
- 第三方工具輔助 (11m)

### 章節 6：Readymag 接案 (7m)

- readymag 接案流程 (2m)
- 如何行銷自己 (2m)
- 專案執行步驟 (1m)
- 最後 (0m)

## Pricing

### 無痛學會動態架站方案 - NT$7,980

提供３期／６期分期付款零利率，先學習後付款，讓你費用都還沒繳完，就先接個網站賺回好幾倍。

## FAQ

### 關於付費與購買

**付款方式有哪幾種？是否接受分期付款？**

信用卡繳費、海外信用卡繳費、銀聯卡、Apple Pay、Google Pay、超商繳費、ATM 轉帳 。提供３期／６期分期０利率，學員表示購課無壓力，讓你一個月幾百元無痛購入！

**課程突然不想看，可以退費嗎？**

很抱歉，依照我們的政策，課程開通後因個人因素「突然不想看」是無法提供退款的。根據台灣《消費者保護法》第19條關於數位內容的規定，數位課程一經開通使用後，已不適用一般商品的七天鑑賞期。為了協助您做出購買決定，我們提供了：每門課程的免費試看單元詳細的課程大綱與內容說明購買前可在社群平台向講師提問購買前對課程留言提問功能我們重視每位學員的學習體驗，如果您對課程內容有任何疑問或需要學習上的協助，歡迎隨時與我們聯繫。感謝您的理解與支持。

**不確定自己是否適合購入課程怎麼辦？**

有３種做法：在課程頁面底下課前留言，我們會盡快回覆你！在課程頁面中，點進導師頁面，找到社群連結直接詢問，由導師親自回覆你的問題！到《不停》的 IG 私訊詢問，我們會盡快回覆你！建議在私訊後，可以在最新貼文中留言提醒，以免訊息漏掉。

### 關於學習本課程

**這堂課適合完全沒有網頁設計經驗或不會寫程式的人嗎？**

非常適合！本課程專為平面設計師與創意工作者設計，完全不需要程式基礎，操作方式就像在用 AI、PS 或 Canva 一樣直覺。

**上完這堂課，我真的能獨立完成網站並接案嗎？**

是的，課程目標就是讓你能獨立設計、製作並上架自己的網站，並具備承接客戶網站設計案的能力。

**這堂課上完能製作哪些網站類型？**

作品集、品牌形象網站、動態互動網站、銷售頁、Landing Page、數位刊物等，讓你能應對各種常見接案需求。

**會教到網站上線、網域申請等流程嗎？**

這堂課會帶你從０到１，包括網站上線、網域設定、基本 SEO 等知識。

**Readymag 跟 Webflow、Wix 還有其他常見工具有什麼差別？**

它比 Webflow、Framer 更直覺、比 Wix 更自由客製化，完全無需程式語言。用起來超像平面設計師平常用的工具，適合設計師自由發揮。

### Readymag 工具特性

**Readymag 可以做出互動動畫、動態效果嗎？難度高嗎？**

可以！Readymag 支援豐富的動畫和互動效果，而且設計流程直觀，比學 AE 還簡單⋯⋯

**Readymag 有 CMS 或電商功能嗎？**

Readymag 目前沒有完整 CMS 功能，適合做品牌官網、作品集、活動頁等常見商業性網站。電商功能有，但也等於沒有。因為金流問題跟其他國際常見架站工具一樣只支持 Stripe 等平台，不支援台灣適合的平台。如果你想做大量內容的部落格、有購物車功能的電商，Readymag 不適合在台灣的你喔！

**我之前用過 Wix、Wordpress、Cargo，Readymag 有什麼優勢？**

你就當作你正在用 Adobe Ai/Ps 或是 Canva 等圖像編輯軟體做海報，輸出後的成果，長得跟你工作區域一模一樣。這裡想表達的是：Readymag 操作直覺性與成果的明確性，是我認為其他平台做不到。（以上所有平台我都親自用過。）

### 實務與接案應用

**學完可以怎麼接案？適合哪些案型？**

學完能接客戶的品牌官網、服務網站、作品集、Landing Page、銷售頁和其他創意動態網站等。課程中會教你如何報價、與客戶溝通、交付流程與維護模式，讓你學完之後知道如何真正用在接案喔！

**客戶需要修改內容怎麼辦？Readymag 可以讓客戶自己改嗎？**

可以根據專案模式選擇由你代管或讓客戶擁有帳號，課程會教你如何規劃交付與後續維護。

**如果我要做動態網站或特殊互動內容，可以做到什麼程度？**

Readymag 支援許多動畫與互動，操作簡單卻玩法無限！推薦你可以到官方挑選出的設計師作品範例中看看，他們的動態作品會讓你大吃一驚！（而且完全沒寫 Code ！）

### 學習資源與互動

**上課後有問題可以問老師嗎？**

可以直接私訊[ 講師 Instagram ]或來信至[ butinstudio@gmail.com ]，我們會盡快回覆！

**課程中教學的方式與內容有什麼？**

課程包含大量實作練習與範例，讓你邊學邊做，最後能產出自己的客製化豐富動態網站。課程內容碎片化，讓你如果自己執行起來進度超前，卻突然遇到問題時，可以回來找到卡關的地方觀看。
