粗大的内捧猛烈进出小视频,日本成人精品视频一区,在线播放亚洲成人av,精品人妻少妇嫩草av专区,亚洲AV永久久久久久久浪潮,性导航app精品视频,九九热精品免费视频,一本一本大道香蕉久在线播放

        如何為 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.xintaizi.com

        存檔