• <noscript id="ggggg"><dd id="ggggg"></dd></noscript>
    <small id="ggggg"></small> <sup id="ggggg"></sup>
    <noscript id="ggggg"><dd id="ggggg"></dd></noscript>
    <tfoot id="ggggg"></tfoot>
  • <nav id="ggggg"><cite id="ggggg"></cite></nav>
    <nav id="ggggg"></nav>
    成人黃色A片免费看三更小说,精品人妻av区波多野结衣,亚洲第一极品精品无码,欧美综合区自拍亚洲综合,久久99青青精品免费观看,中文字幕在线中字日韩 ,亚洲国产精品18久久久久久,黄色在线免费观看

    如何為 AI 設計和代碼生成器編寫更好的提示

    2025-8-1    杰睿 設計資源

    由于 AI 設計和代碼生成器在設計過程中迅速發揮積極作用,因此了解如何充分利用這些工具至關重要。如果您使用過 Cursor、Bolt、Lovable 或 v0,您就會知道,輸出的好壞取決于輸入。

    以下是我用來引導 AI 實現實用、可用且美觀的 UI 的結構化提示格式。它包含 5 個部分:

    1. 上下文(你想要構建什么)
    2. 描述(AI 應該考慮的事情;設計優先級)
    3. 平臺(您的目標平臺)
    4. 視覺風格(你希望在 AI 生成的設計中看到的視覺屬性)
    5. 要包含的 UI 組件(您希望在頁面/屏幕上看到的特定組件列表)

    快速提示:如果您想了解如何使用此提示格式生成真實的 UI,請查看本教程:

    1. 背景

    首先用一句話清晰地定義你的設計內容。這有助于 AI 在深入視覺效果之前理解頁面/屏幕的目的和范圍。

    定義 context 時執行以下操作

    • 為現代投資應用程序設計一個時尚、信息豐富的主屏幕。 ”
    • 為食品配送應用程序創建一個最小的結賬屏幕。 ”
    • 生成用于跟蹤健身進度的移動儀表板 UI。 ”

    定義上下文時應避免這種情況

    • 為醫療保健應用程序制作漂亮的 UI 屏幕。 ”
    • 為兒童玩具創建一個很酷的主頁。 ”

    2. 描述

    描述應該簡短扼要地闡述此設計最重要的方面。解釋最重要的方面:用戶目標、內容優先級和交互細節。這將引導 AI 朝著正確的方向發展,使其專注于功能,而不僅僅是美觀。

    撰寫描述時請執行以下操作:

    • 用戶應該立即看到關鍵投資組合統計數據、最近的變化,并通過清晰度和數據層次結構獲得信心。 ”
    • 突出顯示每日變化和見解,同時保持‘查看投資組合’等操作易于訪問。 ”

    快速提示:在解釋 AI 在設計屏幕/頁面時應該考慮哪些因素時,請嘗試將重點從輸出轉移到結果。“幫助用戶了解當前的市場趨勢,并提供快速操作,以便他們能夠根據看到的信息快速采取行動。”

    3.平臺

    指定設備和操作系統以幫助符合平臺指南和限制,例如屏幕尺寸、布局行為和該平臺上可用的本機組件。

    這樣做

    • iOS 17 / iPhone 14(390 x 844),使用人機界面指南
    • “Android Material 3 / Pixel 6 Pro (360 x 800)”
    • “桌面分辨率(1440x1024)的 Web 應用程序,響應式布局”

    避免這種情況

    • 移動” (太模糊)

    4.視覺風格

    定義基調和感覺。你希望你的設計如何被用戶感知?它應該平靜嗎?企業風格?還是年輕?添加可訪問性需求(例如對比度或可讀性)和樣式方向(例如,模塊化、卡片式、微妙的漸變)。

    在描述視覺風格時這樣做:

    • 專業、冷靜、值得信賴。使用海軍藍、森林綠和柔和的灰色。
    • “模塊化卡片布局,帶有微妙的陰影和漸變。”
    • “字體在小尺寸下也應該優雅且清晰。”

    描述視覺風格時應避免這種情況

    • 使它美麗”(美麗是主觀的;描述屬性)

    快速提示:為 AI 提供對比度和可訪問性指導:“確保文本對比度為 4.5:1。支持暗模式和亮模式。 ”

    5. 需要包含的 UI 組件

    分解屏幕上需要顯示的內容。思考結構(頂部導航、正文、頁腳)和敘事(用戶首先看到的內容以及他們應該采取的操作)。使用占位符和示例來支持描述,以便 AI 準確呈現細節。

    描述組件時請執行以下操作:

    • 從上到下開始。思考一下在頁眉、正文和頁腳中添加哪些組件。
    • 在描述 UI 組件時,請提及它應該具有的具體內容,例如視覺屬性或功能行為。
    • 提供內容和交互示例——例如容器的內容(即 UI 中卡片的內容)、表單輸入字段的占位符文本等。這將使您的設計與您正在解決的任務更加相關

    日歷

    鏈接

    個人資料

    藍藍設計的小編 http://m.lzhte.cn

    存檔

    主站蜘蛛池模板: 亚洲AV无码久久精品色欲| 亚洲线精品一区二区三八戒| а的天堂网最新版在线| 成人三级在线观看| 国产欧美另类第一页| 亚洲日韩在线观看国产精品每日更新| 久久综合香蕉国产蜜臀AV| 精品伊人久久久久7777人| 亚洲av网站首页在线观看| 有码中文AV无码中文AV| 中文字幕在线观看免费| 久久精品国产再热青青青| 肏屄视频网| 国产一区二区二三区| 国产69精品久久久久孕妇大杂乱| aaa毛片免费观看| 老师露双奶头无遮挡挤奶视频| 国产老熟女狂叫对白| 又污又黄又无遮挡的网站国产| 欧美AA| 日本亚洲国产一区二区三区| 亚洲妇女黄色三级视频| 超级乱淫片午夜电影网福利| av毛片在线播放网址| 日本19禁啪啪无遮挡免费动图| 亚洲一区二区三区播放在线| 中文字幕不卡欧美日韩| 欧美和黑人XXXX猛交视频| 一夜七次郎最新网站| 欧洲熟妇色xxxx欧美老妇免费| 国产成人亚洲精品无码影院bt| 五月婷丁香| 中文字幕日韩人妻一区| 国内揄拍国内精品人妻| av免费在线观看导航| 国产成人免费无码视频在线观看| 亚洲国产精品18久久久久久| 国产精品白丝喷水jk娇喘视频| 日韩免费无码一区二区视频| 亚洲国产精品不卡毛片a在线| 亚洲AV永久无码天堂网国产|