Blog+Notes
筆記
把架站、UIUX 與 AI 講成人話。
架網站費用怎麼算？品牌網站一年要花多少錢
架網站費用到底怎麼算？把網域、主機與建置、空間、外掛、金流手續費拆開來看，再用自助式方案的公開價格試算一年大概多少，想架品牌網站的老闆可以先看懂再決定。
UI 設計師的產品思維怎麼練？用一個首頁改版案例拆解
UI 設計師常被要求要有產品思維，但產品思維到底是什麼？用街貓 App 首頁改版案例，拆解先看業務、再看體驗、最後才動視覺的順序，讓改版提案在評審與面試都講得出理由。
Vibe Coding 怎麼做？AI 寫程式流程拆成六步
AI 寫程式流程怎麼跑才不會越做越亂？整理設計師 Rico 用 Vibe Coding 重做截圖工具的六個步驟，從讀懂專案、DESIGN.md、TODO 到手動走查與上線，新手也能照著做。
日式網站設計怎麼做？美感與信任的取捨
日式網站設計怎麼做？整理「間」與侘寂的美學、和風三色、30% 到 50% 的留白與直角圓角的選擇，再看一個日本官網在地化案例，怎麼在美感與信任之間取捨。
Agent 互動設計怎麼做？從 Meta Muse 看五個重點
Agent 互動設計怎麼做？拆解 Meta 個人 AI 助理 Muse 的長期對話、目標追蹤、活動紀錄、審批卡片與 Artifacts 五個重點，再整理設計師在 Agent 時代該做的五件事。
Vibe Coding 之後，AI 時代設計師該練的五種能力
AI 幾分鐘就能生出設計稿，AI 時代設計師還要練什麼？整理判斷力為何追不上生成速度，以及先動腦、讓 AI 發散、深耕品質、守住底牌、成為 DRI 五種能力，在差不多就好的風氣裡拉開差距。
Windows 網頁設計三大坑：Mac 上好看不代表沒問題
在 Mac 上做好的網頁，到 Windows 常常走樣。整理 Windows 網頁設計最常見的三個坑：捲軸吃掉寬度、中文字重不夠、150% 縮放讓畫面變小，附上可行的處理方式與上線前的檢查重點。
確認彈窗設計：金額相關的畫面，先講會損失多少
確認彈窗設計怎麼做，才能讓使用者在退款、扣款前看懂損失？整理損失心智、標題寫法、資訊精簡與按鈕文案四個重點，改完客訴也跟著減少，金額敏感的介面都適用。
儀表板設計怎麼做？畫圖之前先問的三個問題
儀表板設計怎麼做，才不會開完會卻沒有下一步？整理背景、受眾、洞察三個畫圖前要先問的問題，附電商結帳與預訂率下滑的實例，讓儀表板真正推動決策。
AI 越快，使用者越不放心？聊聊「刻意放慢」的介面設計
AI 讓介面快到幾乎沒有等待，使用者卻更不放心。整理何時該刻意放慢、何時該加速的判斷方法，包含勞動幻覺與可逆性思考，幫助你做出讓人信任的介面設計。