最近我用 Claude 重建了整個網站，實際用 AI 做網頁設計的時候，發現風格其實是次要的，它都能做到很好。 反而真正會遇到問題的是：結構面。 比如當我要它把東西放在左側的時候，它很容易會放得太靠近邊緣，導致畫面看起來很不舒適。 但當你叫它往右的時候，它很容易又會偏到另一邊去，或者是沒有辦法精準地落在你想要的位置上。 還有遇到不少小問題，這邊分享一下後來我是怎麼做的！（運用以前學過一點的網頁設計） 💡小建議！ 在你開始做任何風格設置之前，先把結構設置好。 ▌結構：設置網頁邊界▐ 第一個是比較簡單的方式： 叫它標座標給你，你再看著圖告訴它，你想要放在哪一個座標位置上。 第二個是跟它說： 利用 Grid（網格）或 Flexbox（彈性）布局，來決定畫面要分成幾欄。 〚💡設計白話文〛 Grid（網格）：就像一個個棋盤格，每個人都要站在格子裡。 Flexbox（彈性）：就像一條排隊的人龍，人多的時候會擠一擠，人少的時候中間會有空間。 然後後續搭配 gap、margin 和 padding 去設置欄與欄之間的間距與留白。 這些分別對應不同位置的間距，但講起來有點複雜，可以直接口語跟 AI 說「上面太窄」就好 xD 也可以直接說：「請幫我加上適當的 padding / gap / margin，不要讓物件貼邊。」 簡單來說，我們先限制了「網頁可以放東西的位置」， AI 就不會把東西放到邊疆。 ▌結構：設置文字層級▐ 再來，我遇到的是文字層級的問題。 AI 有時候會加一些裝飾字或是一些小標籤來豐富畫面，但在它沒有先設定好文字層級的情況下，你的整個網頁可能會出現十幾種不同的字級大小。 也就是說，你的網站文字會忽大忽小，有時候甚至會小到看不清楚，這種情況很常發生。 建議你可以先讓 AI 制定以下層級： - H1~H5 標題（要到 H6 也可以） - 一般文字大小（電腦 ≥16pt／手機 ≥14pt） - 註記 / 標籤（小於一般文字） 先強行規範它可以使用的字級大小，它之後就比較不會突然有時候用 13，有時候用 18。 ▌風格：整體設計▐ 基本上有剛剛前面做好的結構，就不太會跑版。 在這個情況下，我們再去調整風格設計，呈現出來的網頁會比較接近成品。 風格部分，你可以先提供一些 prompt，或者是直接告訴它你想要什麼樣的風格、什麼樣的色彩等等，然後再根據生成結果微調。 比如： • Apple 的極簡風格（夠知名不用描述） • 像這個範例網站（貼上連結） • 別人分享的 Prompt（貼上指示詞） 生完初稿後，再來進行細節微調，接下來分享我跟它討論的風格內容～ ▌風格：顏色設計▐ 我的品牌色是大地色系，但之前我一直覺得缺乏一個強調色，所以這次色系有針對這件事調整。 討論後我挑選了一個暖色調橘色，當作強調色。 這個顏色跟品牌的大地色系很接近，但又足夠亮、對比夠強，在一片咖啡色中能跳出來，並達到強調重點的效果。 會建議你在挑選色彩的時候，可以從這兩點出發： 1. 你的品牌色 2. 用色彩心理學挑選配色 在配色部分，我會建議：主色系+無彩色（黑灰白）+強調色。 這樣子其實就很夠用，不需要額外的顏色了（主色系比較明艷的顏色也可以直接拿來當強調色）。 像我這個主色調就是大地色系，因為是同類型的顏色，即使深淺度不同，但看起來還是很協調。 因為我是以現有網站改色，所以顏色部分沒遇到太大問題，所以大概就分享到這邊！ ▌風格：字體▐ 基本上主要簡單分類就是三種：無襯線、有襯線、手寫字。 簡單來說： • 無襯線：比較現代、有簡約感 • 有襯線：比較優雅、復古、傳統 • 手寫字：個性強烈，通常拿來做裝飾 這部分就是挑選你喜歡的字體就好，但是要注意一下字體的版權。 建議大家去挑免費、可商用的字體，你可以在 Google Fonts（https://fonts.google.com/）裡挑選，全部都是免費可用字體，而且也能雲端載入。 ▌風格：區塊物件▐ 我自己習慣會把物件的風格做統一的處理，比如說列表、表格、一些 highlight，還有步驟類的這些常用樣式，我都會先一起進行設置。 這樣可以確保你的風格統一，看起來像是同一個品牌。 至於具體可以設定什麼東西，其實還蠻細節的，包含： 1. 區塊造型： (a) 框框要不要導圓角？ (b) 圓框要不要有線條？ (c) 後面要不要壓陰影？ (d) 要不要加圖示裝飾？ 2. 列點設計： (a) 列點要不要有背景框？ (b) 列點前面的標記換樣式？ 3. 文字強調： (a) 怎麼樣強調你的文字？ (b) 在底下畫線？螢光筆效果？

- 看完第一週的課程 - 完成PDF文件 - 做筆記並整理筆記

我是 B 等生營運夥伴 Yuria～ 今天要來跟大家公布一個我們籌備已久的新計劃 - 《 🪐 品牌宇宙共學》 我觀察自媒體、線上事業、線上教育領域很久，我發現了一件會讓大家無法真正行動跟學習的關鍵 大家不是沒興趣，也不是真的沒時間 真正卡住大家的，是沒有一個固定的時間，讓學習這件事真的發生 所以即便我們接觸了很多資源，這些學習就是一直被放在待辦清單最下面，一延再延 如果繼續這樣下去，半年後、一年後，我們可能還是同一個樣子，當有人問你「最近在忙什麼」「你想做什麼」，你一樣只能重複說「我想改變」這句話，卻說不出「我正在改變」 這次，我們想做一件不一樣的事！ 把時間固定下來，四週，每週日晚上，一起把「品牌宇宙觀」這堂課，真正學完、學透 🔥 ---------- 【 《 🪐 品牌宇宙共學》是什麼？ 】 這是為期 4 週的 Co-Build 計畫。 課程內容來自 B” MAFIA 現有的「品牌宇宙觀」課程，從品牌的底層邏輯出發 - 一個有鮮明個性的個人品牌，是怎麼被定義出來的？ 在這個計劃，你會有： - 每週線上共學：週日晚上 7–9 點，共四場 - 每週討論：共學後即時討論、分享 - 專屬 Notion 進度管理頁面（點擊偷看 👀） - B” MAFIA 平台同步討論：問題與延伸討論會在平台上持續進行 四週共學結束後，你會帶走： - 一次跟自己的深度對話：搞懂「我到底是誰」，不再用模糊的形容詞描述自己 - 一套可以持續使用的框架：看懂品牌個性是怎麼被定義出來的，往後不管做什麼決定，都有邏輯可以依循，不用每次都重新猜 - 更鮮明的品牌樣貌：不再猶豫「我該用什麼樣子出現在市場上」，因為你已經想清楚了 🌟 參與這個計畫，也代表你需要在 B”MAFIA 平台保持活躍，主動提問與回應 🌟 ---------- 【 如何參與《 🪐 品牌宇宙共學》? 】 報名條件： B" MAFIA Skool 會員 報名期間： 即日起 - 07/11 23:59 報名費用：免費 報名方法： 1. 觀看完下方的說明影片 2. 此篇貼文投票參與 3. 在貼文下留言你的名字 + Notion Email + 你想要透過這個計劃， 四周後達到什麼樣的狀態？ （有留言才會開通專屬頁面權限） 報名前請準備： 1. 確認四場共學時間都能參與（7/12、7/19、7/26、8/2） 2. 承諾在 B Mafia 平台保持活躍，主動提問與回應（至少每週一篇） 注意事項： - 這個計劃非上對下、一對多的直播教學，是一個大家在線上共同學習的時間/時段，根據當天的課程大家會各自進行學習，最後根據學習內容進行討論分享 - 請確保每一場都有辦法參與再報名 ---------- 【 《 🪐 品牌宇宙共學》重要活動時程 】 - 07/12（日）19:00–21:00 第一場共學｜開業 - 07/19（日）19:00–21:00 第二場共學 - 07/26（日）19:00–21:00 第三場共學 - 08/02（日）19:00–21:00 第四場共學｜結業 ---------- 期待未來可以在共學活動與你相見 > < 有任何問題都可以留言給我喔～

請問一下課程"歡迎加入Premium"裏14:00的動態資訊圖是怎樣做出來的？我以前用after Effect，太複雜了，好奇有沒有簡單一點的方法 Thank you

大家好，我是來自香港的平面設計師Chloe。 在自媒體還沒有那麼盛行之前，我主要為不同品牌提供線上線下的平面設計服務，保持一致性。 後來進入網紅與自媒體的時代，我慢慢發現，其實不是每個人都會把自己當作一個品牌來經營，也有不少人還沒有意識到「品牌美學」與「品牌識別」的重要性。 很開心能加入這個品牌美學的社群 ⁉️好奇問問大家：開始重視品牌美學後，你覺得自己的個人品牌有什麼改變嗎？