8AKER零 需求填表 支持贊助

首頁/日常紀錄/操作・AI 學習筆記

請 Claude 當設計師:把網站標誌做成一份提案

Claude標誌設計品牌簡報製作過程

網站的標誌選定了,最後留下來的是第 21 款。這篇不講怎麼畫出來的,只記標誌定案之後,我和 Claude 怎麼把它整理成一份「可以拿去分享」的提案。

先把標誌用到網站上

標誌定案的當天,我先請 Claude 把它換到網站上:

  • iPhone 用 Safari 存到主畫面時顯示的圖案
  • 瀏覽器分頁上的小圖示
  • 後台 Studio 也換成同一個圖形,但配色不同,用米底酒紅線,一眼就知道是後台

前台用酒紅底、米白線、一點金色;後台反過來。圖形一樣,底色換了,兩邊就像同一個家的兩個房間。

8AKER零 標誌

請 Claude 用「設計公司對客戶提案」的方式整理

我給的指令很簡單,三件事:

  1. 設計理念:怎麼生成的、用意是什麼,文青一點。
  2. 配色方案:用了什麼顏色,之後還能搭配什麼。
  3. 應用場景與排版:用在哪裡,最好直接套到實體 Mockup 上。

就像設計公司對客戶做的那種報告。我當客戶,Claude 當設計師。

這樣給指令有個好處:我不必懂設計術語,只要說清楚「我要拿這個去給誰看」,剩下的結構它會幫我排好。

配色來回改了好幾次

第一版的配色我看了不喜歡,覺得太粉。我請它改成祖母綠,看完後又覺得不對,最後決定拿掉綠色,只留下原本就有的三個主色:

  • 酒紅 #3B1624,底色,約 60%
  • 米白 #F2EBDD,線條與紙張,約 30%
  • 年輪金 #C8A45C,點睛,約 10%

這件事讓我學到:與其一直問「還有哪些顏色」,不如回頭看自己網站本來就有的顏色。最後留下的,其實是最一開始就有的那三個。

酒紅、米白、金的標誌配色版本

四個字講完標誌的意思

簡報裡我最喜歡的一頁,是用四個字說明標誌:

  • 積:一圈一圈疊上去,做過的事不會消失,只會變成年輪。
  • 空:上方的圓留白,零不是沒有,是留給下一件事的位置。
  • 光:右上的金點是「今」,年輪朝著光的方向長。
  • 拙:外圈不求正圓,帶一點手作的歪,才像活著的東西。

這四個字,是整份提案裡我最想留給看的人的話。

應用場景:把標誌放進真實的東西裡

光看標誌本身很難想像,所以請 Claude 做了實體示意:

  • 名片與信紙:正面只放標誌,背面放聯絡方式,旁邊有一枚封蠟章。
  • 門牌、麻布袋與鑰匙牌:這是之後民宿與飯店品牌延伸的雛形,目前只是示意。
  • Instagram 與 Threads 個人頁:圓形裁切後,標誌外圈依然完整。

名片與信紙

門牌、袋子與鑰匙牌

Instagram 與 Threads 個人頁示意

同樣的內容,做成三種風格

我把定稿的十頁內容,請 Claude 做成三種風格:

  1. 原版(酒紅深色)
  2. 和紙留白版:大量留白、細線,安靜
  3. 雜誌編輯版

最後我選了和紙留白版,因為它最符合這個標誌要給人的感覺:安靜、有重量、不喧嘩。

接著又請它在這一版加了小動畫:標誌會從封面的正中央飄到右上角,再放大到下一頁的左邊;「一圈一圈・累積自己」那頁,年輪會一圈一圈長出來,最後右上角的金點亮起。動畫只在簡報播放時才會動。

這次學到的事

  • 先講用途,再講風格。 說「我要給別人看」比說「我要好看」更有用。
  • 不喜歡就直接說。 不用修飾,Claude 會依照你的反應調整,比自己硬想高效很多。
  • 同一份內容,換風格很便宜。 內容定了之後,換一種排版只要一個指令。
  • 留下最後的選擇權。 三種風格、三種配色,我都先看過再決定,這比一次問「你覺得哪個好」有感覺得多。

下一步,是用這個標誌開始做 Instagram 與 Threads 的素材。

這篇屬於作品8AKER零 網站與 Studio 後台看作品 →