Start by learning the design language website makers use. Then you can give AI agents clearer instructions: who the site is for, what the page should do, what style it should feel like, and what users should click next.
先學會網站設計者常用的語言,再學怎麼對 AI agents 下清楚指令:這個網站是給誰看的、頁面要達成什麼目的、風格要像什麼、使用者下一步該點哪裡。
Before asking an AI agent to “make it beautiful,” learn the words that describe what good websites actually do.在請 AI agent「幫我美化」之前,先學會描述好網站真正做對了什麼。
Learn to decide what users should notice first: hero section, above the fold, grid system, whitespace, and CTA.
學會決定使用者第一眼該看到什麼:Hero Section、Above the Fold、Grid System、Whitespace、CTA。
Lesson 0.2第 0.2 課Use terms like user journey, navigation, information architecture, accessibility, responsive design, and conversion.
學會 User Journey、Navigation、Information Architecture、Accessibility、Responsive Design、Conversion。
Lesson 0.3第 0.3 課Describe the feeling precisely: warm, trustworthy, modern, institutional, editorial, friendly, clean, or premium.
精準描述網站感覺:溫暖、可信賴、現代、機構感、雜誌感、親切、乾淨、高級感。
Lesson 0.4第 0.4 課Shape headlines, subheadlines, microcopy, section flow, scannability, and calls to action.
安排 Headline、Subheadline、Microcopy、Section Flow、Scannability,以及行動呼籲。
Lesson 0.5第 0.5 課Give the agent a user, goal, style direction, section order, and constraints. Clear instructions create better websites.
告訴 agent:目標使用者、網站目的、風格方向、段落順序、限制條件。指令越清楚,網站越好。
Please create or improve [page / section].
Target users: [who will visit this site]
Website goal: [what you want them to do]
Style direction: [warm / professional / modern / educational]
Section flow: [hero, mission, services, examples, contact]
Please check: [mobile layout, readability, speed, consistency]
請幫我製作或修改 [頁面 / 區塊]。
目標使用者:[誰會看這個網站]
網站目標:[希望他做什麼]
風格方向:[溫暖 / 專業 / 現代 / 教育感]
內容順序:[第一屏、使命、服務、案例、聯絡]
請注意:[手機版、可讀性、速度、整體一致]
Use these words when you talk to AI agents. They make your instructions more specific.跟 AI agents 溝通時可以使用這些詞,指令會更精準。