設計創意 · Power Design
照你的品牌調性做簡報和網頁
給一個網址抓出品牌的色系跟字型,直接產出整份簡報或一頁式網頁
客戶明天要看提案,你在簡報軟體裡一張一張調字級、對齊、抓色碼,弄到半夜排出來還是像十年前的版型,真正該想的內容反而只剩三十分鐘。

這是什麼
它會先問你要做簡報還是網頁,再問品牌是誰。給網址就自動抓出主色、輔色、字型跟說話語氣,沒網址就給你一套乾淨的中性風格。接著照兩份固定的設計規範來排——簡報二十條、網頁二十條,字級多大、留白多少、對比多少都有數字。產出是一個檔案,用瀏覽器打開就是成品。
- 給一個網址就把那個品牌的主色、輔色、標題字型跟說話語氣抓出來,直接套用
- 做簡報時每張只講一件事,標題十個字以內,一張最多七個區塊,不讓你硬塞
- 做網頁時從手機寬度開始排,桌機再放大,不會出現手機上要左右滑的慘況
- 內文字級、行高、對比度、按鈕大小都照固定數字走,不會這頁十六那頁十四
- 網頁自帶淺色深色兩套,跟著看的人的系統走,也能自己按鈕切換
- 內建七十幾組現成的品牌設定,做給國際客戶的提案可以直接挑一組來用
什麼時候用得上
客戶提案簡報要有對方的品牌感
接案最常遇到的狀況:明天要跟客戶簡報,但你手上只有內容大綱。把客戶官網網址丟進去,它抓出對方的色系跟字型,整份簡報就用客戶自己的視覺語言寫。開會時對方看到熟悉的顏色,比較容易把注意力放回內容,而不是先花十分鐘討論版面好不好看。
新品要一頁式介紹頁導到蝦皮
新品上架,蝦皮商品頁的排版被平台綁死,你想另外做一頁能放品牌故事跟成分說明的網頁,最後把人帶去蝦皮下單。跟它說要單頁、主要動作是「去蝦皮買」,它會排出開頭主打、特色、實證、常見問題、行動按鈕這條標準骨架,按鈕大小夠手指點,手機上不會跑版。
募資或年度計畫的內部簡報
要跟銀行、投資人或股東報告,內容你都有了,就是排不好看。它會把重點拆成一張一句話的節奏,圖表只留必要的線條,不加陰影不加漸層,一張只有一個重點顏色。整份就是一個檔案,投影或轉成 PDF 寄出去都可以,不用擔心對方電腦沒有你的字型。
怎麼用
- 01
先講清楚是簡報還是網頁
這兩條路的規則完全不一樣,一開始講明省得繞路。簡報就說明給誰看、大概幾張、核心訊息是什麼;網頁就說明是單頁還是多頁、看的人進來最該做哪一件事——加 LINE 官方帳號、留資料、還是去蝦皮下單。這個「一件事」會決定整頁的按鈕怎麼擺、擺幾次。
- 02
給品牌網址或直接給色碼
有官網就把網址丟給它,它會去讀那頁的配色、字型跟寫作語氣。沒有官網、或網站本身就做得不好看,那就直接給主色的色碼、想要的字型感覺(明體偏溫潤、黑體偏俐落),再附一段你平常寫給客人的文字當語氣範本,效果一樣好,有時候還更準。
- 03
內容給重點就好不要給整篇
簡報給一句主標加三到五個重點就夠,它會自己展開成一張一件事的節奏;你貼一整篇兩千字進去,反而會被硬塞成滿版文字牆。網頁也一樣,一句話講清楚你在賣什麼,加上幾個段落標題,比丟整份產品手冊有用。真的要細節,等骨架出來以後再一段一段補進去。
- 04
開檔案在瀏覽器裡逐項調
產出是一個網頁檔,用瀏覽器打開就是成品。網頁記得把視窗拉窄到手機寬度看一次,順便切一下深色模式。要改就直接講人話:「第三張太擠」「按鈕不夠明顯」「開頭那句太長」,它會照規則改而不是整份亂動。簡報要交出去,就在瀏覽器裡列印成 PDF。
實際對話長這樣
幫我做一份提案簡報,總共十到十二張,對象是傳統食品廠的老闆,主題是幫他們做品牌重塑跟電商上架。品牌調性請去抓這個網址:(貼上客戶官網),用他們自己的顏色跟字型。內容重點有四個:現在的包裝在貨架上被淹沒、蝦皮跟 momo 的商品頁沒有一致性、產品照風格不統一、我們的做法跟時程。每張只講一件事,數字不要編,沒有的數據就留空白讓我自己填。左下角放我們公司的小字商標。
它會先確認商標要不要每張都放,然後產出一個檔案,用瀏覽器打開就能看。十二張全部用客戶官網的深綠配米白,標題字級一致,每張一個重點,需要數字的地方留成待填欄位,不會隨便編一個給你。你說「第七張太滿」,它就把第七張拆成兩張,不會整份重排。要交件就在瀏覽器裡列印成 PDF。
幾個實用技巧
- 抓網址那段是接外部的網頁擷取服務,要自己去申請金鑰,有免費額度但用量大就要付費。嫌麻煩就直接給色碼跟字型。
- 產出是網頁檔不是簡報檔,要能再編輯的格式得另外轉,先確認客戶收不收 PDF。
- 它嚴格照設計規則走,所以你說「字再大一點」有時會被擋,因為那會破壞整體比例。想破例要講明是哪一張、為什麼。
- 內建的品牌設定多半是國際品牌,台灣本地品牌還是給網址或色碼比較準。