換首頁前，我先偷偷做了一個實驗頁

我這次換首頁，沒有直接動手改首頁。

我先做了一個叫「AI全端創業家」的選單頁，藏在導覽列裡，不是首頁，訪客要點進去才看得到。這是一次實驗——先看設計效果好不好，不影響原本的首頁。

實驗做完，我自己看過覺得可行，才做下一步：把這個實驗頁的內容拿來取代原本的首頁。原本的首頁（升級路徑三欄、免費課程列表）整個下架。

取代之後，我沒有馬上刪掉那個實驗用的選單頁。先留著，讓兩個網址內容一樣，觀察一陣子。

決定要長什麼樣，是在打開電腦之前

實驗頁一開始要長什麼樣子，我沒有直接跟 AI 說「幫我做一個好看的首頁」。

那樣講，它只會給你一個很普通的東西——置中的大標題、方塊卡片、加個漸層。你再叫它改，它就換一組漸層給你。

我是先找到一個我真心覺得好看的風格，具體到講得出來：黑色底、卡片像毛玻璃一樣半透明、背景放滿版影片。先有這個畫面，AI 才知道要往哪裡做。這個目標怎麼找，兩條路都可以——有人在賣月費制的「設計指令」，貼給 AI 就照著做；也有很多免費開源的零件庫，授權允許商用，直接拿現成的動畫、卡片、按鈕來用。我這次是拿一套現成的深色動態版型當參考，重新用自己的內容做一次，不是照抄。

換完之後才發現的問題

首頁換完，我盯著標題看，覺得哪裡怪。「12AI全端創業家」這幾個字，中間的數字跟英文，看起來比中文字小一號，整行像用了兩種大小。

看得出來怪，但一開始說不出來哪裡怪。我沒有用感覺去調，我請它把兩種字實際佔的高度量出來給我看數字：中文字比英文大寫高了兩成。原來不是我的錯覺，是中文字型跟英文字型天生的比例不一樣，只要中英夾雜就一定會發生。有了數字，事情就從感覺變成算術。

我第一個做法是把中文縮小，對齊是對齊了，但全站所有標題的中文都跟著變小——連跟這次無關的純中文標題都被我一起縮水，這不是我要的，撤掉重來。

正確的做法是反過來，把英文和數字放大約一成五，中文維持原樣。但放大之後還有一個小問題：英文會顯得偏高，大概 3 個像素點，所以還要再把它往下挪一點，兩種字看起來才會落在同一條線上。這兩件事要一起做，只做前面那步，英文會浮在上面。這個調整後來我確認可行，決定推廣到全站所有的標題，不只首頁。

字級跟間距，也踩過一次

字級階層我也走錯過一次。我把最重要的那句放到最大，結果它比最小的字大了 3.3 倍，整段看起來很吵，收回到 2.4 倍才對。

間距一樣。標題下面的空白，我從一段明顯的留白收窄；段落跟段落的群組間距也跟著收。中間收過頭一次——標題下面收到比行跟行之間的距離還窄，標題整個黏在下一行上，看起來像同一段，只好往回調鬆一點。

這種判斷沒有工具能代勞，只能自己盯著看、自己決定。

確認可行之後，把重複的東西刪掉

首頁換完、標題也調整完，我回頭看那個當初拿來做實驗的選單頁——「AI全端創業家」那一項——內容已經跟首頁一模一樣了，留著沒有意義。

我把那個選單項目刪掉，網頁本身也刪掉，舊網址設定成自動導去新首頁，讓原本點過那個連結的人不會撲空。

這次學到的：卡關的不是文案，是視覺

換完首頁、調完標題之後，我自己重新想過一輪這一整套流程。

版型結構其實一開始就定了，沒有大改過。真正花時間來回的是細節看起來對不對——這才是我覺得難的地方，不是把文字寫出來，是讓它看起來有質感。

我實際跑的順序

先決定要長什麼樣，具體到講得出來，再交給 AI 做。有真實的文字才排版，不要用假字。做出來之後盯著看，覺得怪就要它把數字量出來，不要接受「調到看起來一樣」這種模糊指令。最後的間距跟節奏，自己收。

給你的一個具體做法

如果你也要換一頁重要的頁面，不用直接動手改。

先做一個藏起來的實驗版本，看看行不行，行了再拿去換。換完也記得回頭看，有沒有東西是重複的、可以刪掉的。