改善網頁排版與裝置適配

統一字體、間距與閱讀層次

Impeccable 將設計評估、排版、文案及裝置適配整理成可供 AI 使用的技能。適合改善既有網站的視覺重點、頁面結構與手機閱讀體驗。

本文內容
官方比較示範:未使用 Impeccable 的旅館介紹頁
官方示範|未使用 Impeccable
官方比較示範:使用 Impeccable 的旅館介紹頁
官方示範|使用 Impeccable

按問題選擇指令

表格可左右捲動

想改善的地方 可用指令
查看不出重點,先評估設計 critique
字體、字級、閱讀層次 typeset
間距、對齊、版面節奏 layout
手機或不同裝置顯示 adapt
最後整理細節 polish

官方比較:同一份旅館介紹需求

上面兩張圖由作者用同一模型同需求製作。一版是淺色背景同卡片,另一版用夜景、大標題同鮮明配色建立重點。你可以用這種比較方法,決定自己網站需要更突出內容,定更強的視覺氣氛。

使用 Impeccable 改善[報名頁首屏]。
讀者:[對象];主要行動:[報名]。
先用 critique 指出最影響理解的問題,再改善字體、間距同手機排版。
保留我現有的品牌色同內容。

原帖 · 圖片來源

本站介面實作

我哋將設計指引用在這個教學網站,改善主頁、閱讀層次同手機操作。查看改版前後對照及功能檢查。

下載本篇提示詞