fbpx

用 Gamma AI 簡報工具,快速製作個人網頁

最後修訂日期:2024 年 2 月 2 日

文章導覽

本文於 2023 年 9 月 15 日 第一版發佈

文章導覽

這篇文章要感謝 Ann 媽 & RT 爸的旅遊生活日誌 提供資料,讓我有素材實踐這次用 gamma 做到達頁的想法。如果你想過要在網路做一個個人網頁,但還不想立即花錢,gamma 目前很適合你用看看。

重點得到

  • 從 0 開始,製做到達頁的實際演示
  • 認識 gamma AI 簡報工具
  • 下載我規畫好的到達頁模板

Gamma Ai 智能簡報製作工具,不只做簡報、還可以快速建出網頁

Gamma 是一個透過 ai 幫助你快速製作簡報的工具,只需要提供文字,就能讓 ai 幫你快速生成簡報畫面。呈現的風格是 Saas 相當喜歡的中性設計(neutral style),適合大部分的產業使用。

會知道這套工具,是因為參加了日更三十創作營,朱騏小金魚推薦使用。看了他們應用的成果與官方案例,發現 gamma 除了做簡報,或許也可以製做簡易的個人網頁。

gamma 網頁呈現效果

截至更新時間為止,純粹使用 gamma 排版建置檔案是免費的!如果直接花錢架站會有不安全感,建議你可以用 gamma 快速做出第一版個人介紹,若效果不錯未來再投入資源做網站也可以。


以下會完整分享,我實際建置的流程。

建置流程分享

此次的計畫,我完全用服務客戶的流程,幫 Ann 媽 & RT 爸的旅遊生活日誌 規劃他們的介紹頁面,記得開啟 gamma 之前要先花點功夫準備網頁內容。實際流程如下:

  • 請對方填問卷
  • 收回問卷,找出切入點
  • 製作 Wireframe,確定框架和文案修改
  • 頁面彩稿
  • 建置

先給你看最終的結果 – Ann 媽 & RT 爸的旅遊生活日誌

其實用 gamma 建置是所有過程中最簡單的,最容易卡關的反而是問卷。

一、內容:個人介紹的網頁到底要寫些什麼?

我曾經撰寫過文章,說明如何提煉自己的到達頁內容:撰寫第一版服務文案,完成到達頁內容》。不過實際去寫你會發現非常不容易,一方面很難看出自己的特色是什麼(而且過於謙虛,不好意思說自己哪裡很棒),另一方面是內容不足,不夠為網站使用,因為真的不知道有什麼可以寫上去。

因此收回問卷後的重點功課,是先替對方找出合適的切入點,並從回填資料中,盡可能的從社群平台中,找尋資料把不足的地方補起來。

針對 Ann 媽他們填寫的問卷,決定放大親子旅遊、住宿開箱的議題,縮減日常生活或家電開箱的幅度,突出"旅遊感"。定義好之後,才會進一步決定到達頁的框架和文案擴寫。

二、框架:有架構你才知道要怎麼往下做

很多人覺得網路模板不好用,主因是別人設計的架構並不是你要的,假如你沒有藍圖,那一定會邊做邊調,花了許多時間卻調不出個滿意的結果。

做網頁最重要的是架構(Wireframe),這個專案開始之前,其實我就預先做好一個模板,想說到時候套用即可,結果收回的問卷與模板框架根本不相符,得調整才行。

框架規劃不困難,不一定要用電腦,拿出你的紙跟筆就可以了。劃出你需要多少區塊,以及區塊裡面要表達什麼重點,跟做簡報一樣。

Ann 媽 & RT 爸的旅遊生活日誌的架構

  • Hero
  • 自我介紹
  • 分享的範疇
  • 推薦閱讀
  • 感性的話
  • 了解更多 – 內容平台導流
(點圖可放大)

(點圖可放大)

三、彩稿:預想畫面大概長怎樣

彩稿非必要,因為我今天是從 0 開始,所以一定得做 UI Design,想像實際畫面可能長怎樣。

如果你不是要從 0 開始,這個步驟可以跳過,只要腦海中有大概想清楚要什麼類型的圖示,還有根據框架的需求準備對應的照片即可。

有了這些事前準備,我就能用 gamma 實際建置了!

(點圖可放大)

註冊 gamma ,開始動手製作你的網頁

因為已經有框架和彩稿,只要按圖切分段落、填充每個段落裡的內容(你需要幾張投影片,需要在裡面塞什麼東西的意思),就能把網頁建出來。

這篇文章不會一一介紹每個功能怎麼操作,直接註冊玩玩,官方的新手引導挺用心的,可以快速上手。

如果你是從 0 自己做,那可以參考我的流程:

  1. 先拉出需要幾個段落
    比方說 Ann媽 他們需要 6 大段,那就先建 6 張投影片
  2. 確定段落裡的欄位數,先建欄位
    有 2 欄以上的需求,請先 ‘ /column ‘ 把欄位蓋出來
  3. 把對應的元素放入欄位
    有幾個標題、幾個說明、幾張圖都放上去,先用假資訊就好
  4. 確認排版後,開始填文案
    當上面 3 步驟都確認是你要的布局後,把正式的內容填進去
  5. 改顏色和細節表現
    色彩和細部的樣式設定,請在這個階段一次調整會比較有整體感,以免前面花太多時間刻細節
  6. 設定超連結
    在頁面都差不多之後,才設定外部連結

排除掉前面框架的流程,只論用 gamma 做到達頁,大概花我不到一個小時的時間,以從 0 到有來說是非常快的。

  • 框架 – 10 分
  • 真實內容與細節調整 – 約 20~30 分
  • 找功能或反覆測試 – 約 15 分

實測心得 – gamma 的好處與劣勢

這次測試發現,gamma 工具有幾個好處:

  • 支援 Markdown 編輯
  • 有主題設定,能自訂常用色彩和字體
  • 模板的視覺呈現不錯,有空間感,讀起來很舒服
  • 預設的模板樣式還算充裕
  • 展開收合的卡片,可以放更多資訊

但也因為 gamma 是做簡報的工具,有一些網頁該有的功能支援尚未完善:

  • 手機板無法調整
    版面配置不能太天馬行空,否則手機板的閱讀節奏會超怪。圖片沒辦法電腦、手機版分開做,挑圖要以被裁到也沒關係的為主
  • 圖片沒辦法掛超連結
    目前可以掛連結的只有文字和按鈕,文字還得是獨立元素(文案中間的字不能突然塞超連結)
  • 欄位沒辦法複製
    只有一些元素支援複製貼上的功能

如果未來 gamma 有加上去,那真的會成為一個快速做到達頁的工具之一。

額外測試|用 gamma ai 直接生成頁面會怎樣?

話不多說先上結果,結果我是很滿意的!

如果你不是像我要為特定對象客製內容,只是打算製做自己的頁面、又需要一些靈感的話,那 gamma 的 ai 功能很值得你嘗試!生成一次 40 點,新註冊提供的點數,非常夠你產出第一版的頁面靈感了。註冊玩玩 →

只要告訴 ai 你的頁面定位,還有需要幾個大段落,讓他幫你填內容,就能得到很不錯的效果。假設你連段落都沒想法,也可以請它幫你出。

以下是我餵給 gamma ai 的內容,供你參考:

指示
Ann 媽 & RT 爸的旅遊生活日誌是一個親子旅遊部落客,分享住宿開箱和親子旅遊心得,請用平易近人的語氣撰寫,缺少內容的部分請協助補充說明。全部請使用繁體中文。

框架

  • 封面
  • 自我介紹
  • 分享項目
    • 出遊行程規劃
    • 住宿景點心得
    • 海外旅行遊記
    • 美味食記分享
  • 推薦內容
  • 商業合作
  • 如何找到我們

寫在最後,多去試用現有的工具,嘗試你的第一版到達頁

我們的服務是幫人家打造漏斗和建置網站,測試這種免費工具,外人看來可能像是拿石頭砸自己的腳,在幫競爭對手推廣之類的,不過,我們反而超推薦你實際多玩看看!

動手試做,才會更清楚自己的需求是什麼,做顧問服務最害怕的就是客人一問三不知,沒有限制的需求,才是最恐怖的需求。

當你做過了第一版到達頁,了解了到達頁的目的,想要正式製做一個符合你所有需求的到達頁時,歡迎找我們為你操盤。


最後再次感謝 Ann 媽 & RT 爸的旅遊生活日誌 願意讓我進行這次的嘗試,他們介紹了許多台灣的住宿、民宿開箱,文內也有對應的折扣碼可使用。如果你需要規劃家庭或親子旅遊,可以多多關注他們的分享!

謝謝你讀到最後,歡迎分享讓更多人知道😎

Janis

技能樹點很雜的品牌成長顧問,擅長使用策展思維,幫助職人專家經營個人品牌,創造網路事業。

因為也是過來人,希望能幫你精準投入預算,不要亂花錢。如果我的分享有幫到你,歡迎寫信跟我說:)

留言回應

Subscribe
Notify of
guest
0 Comments
Inline Feedbacks
查看所有留言

推薦閱讀

Hello,歡迎你來到我的網站!🙂
【經營個人品牌的知識包】
歡迎下載使用!
知識包會含蓋內容策展的兩個大核心:內容布局&視覺布局。不定期更新中!歡迎隨時關注~
※引用煩請來信告知,你的尊重是我持續製作的動力,先謝謝你了!