• 

    <ruby id="2qhst"></ruby>
    <sub id="2qhst"></sub>
    

    <menuitem id="2qhst"></menuitem>
      
亚洲精品久久久久久久蜜桃臀,亚洲欧美国产免费综合视频,91情侣视频,日韩精品内射视频免费观看 

  
      
    

      

	
      
		
      
			
      
				
      如何為 AI 設計和代碼生成器編寫更好的提示
      
				
      
					
       2025-8-1      清陽      
      
					
					
      
						
					
      
				
      
				
			
      
			
      
				
      

      

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

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

        

      1. 上下文（你想要構建什么）
        2. 

      2. 描述（AI 應該考慮的事情；設計優先級）
        3. 

      3. 平臺（您的目標平臺）
        4. 

      4. 視覺風格（你希望在 AI 生成的設計中看到的視覺屬性）
        5. 

      5. 要包含的 UI 組件（您希望在頁面/屏幕上看到的特定組件列表）
        6. 

      

      

      

      

      

      

      

      

      

        

      1. ）
        2. 

      

      

      

      

      

      


      

      

      

      

      

      快速提示：如果您想了解如何使用此提示格式生成真實的 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://www.rhtd16ji.cn
      
      
      
    
      
    
      
      
      存檔
      
      
    
      

      

      


  
 





主站蜘蛛池模板：
国产精品一区二区资源|
国产精品美女久久久久久|
国产精品自拍超碰在线|
一区二区免费高清观看国产丝瓜|
国产精品乱码一区二区三|
国产AV影院|
国产乱人伦偷精品视频免|
亚洲嫩模一区二区三区|
国产精品自在在线午夜免费|
国产福利一区二区三区在线视频|
黑人与亚洲av|
亚洲性线免费观看视频成熟|
午夜人性色福利无码视频在线观看
|
欧美大黑屄|
亚洲成aⅴ人片精品久久久久久|
激情综合色五月丁香六月亚洲
|
亚洲交性网|
老妇女性较大毛片|
日韩精品人妻系列无码专区免费
|
看全色黄大色大片免费久久|
中文字幕在线亚洲精品|
国产无遮挡又爽又黄大胸免费|
欧美精品亚洲精品日韩专|
日韩久久久久久|
无码中文av有码中文av|
99热这里有精品|
一本av高清一区二区三区|
一本色道久久88综合日韩精品|
成人午夜福利|
色婷婷2020精品|
任你躁国语自产一区在线播放
|
亚洲国产制服丝袜|
国产欧美性成人精品午夜|
久久综合给合久久狠狠狠9|
国产精品丝袜久久久久久不卡
|
國产一二三内射在线看片|
综合偷自拍亚洲乱中文字幕|
福利在线视频导航|
国产明星裸体无码xxxx视频
|
成人国产综合|
人妻碰碰碰|