• <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. 

    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.lzhte.cn
    
      
    
    
    
    
    
      
    存檔
    
      
    
    

    

    


  
 





主站蜘蛛池模板：
国产午夜无码精品免费看动漫|
亚洲综合国产成人av|
欧美 国产 日产 韩国 在线|
国产超碰无码最新上传|
国产精品色色|
亚洲av综合一二三区|
国产免费不卡午夜福利在线|
精品人妻久久久一区二区三区
|
日本熟妇人妻右手影院|
亚洲国产精品自拍一区|
神马亚洲午夜福利久久|
亚洲自拍另类欧美综合|
一区二区三区在线视频免费观看|
国产内射视频国产内射|
国产 欧美 亚洲 中文字幕|
嫩模av一区二区三区|
久久天天躁狠狠躁夜夜婷|
国产在线拍偷自揄拍精品|
无码无遮挡又大又爽又黄的视频
|
狼友福利导航|
正宁县|
久久久久国色av免费观看|
99热这里只有精品久久6|
午夜探花|
久热中文字幕在线观看|
日韩国产精品中文字幕|
国产一区二区三区小说|
国产麻豆91网在线看|
夜精品a一区二区三区|
阿克陶县|
国产不卡精品视频男人的天堂|
国产成人a在线观看视频免费|
精品女同一区二区三区不卡|
成人午夜免费无码视频在线观看|
国产成人精品日本亚洲第一区|
日韩精品亚洲专区在线影视|
国产高清吃奶成免费视频网站|
亚洲自拍日韩视频一区|
色噜噜狠狠一区二区三区果冻|
国产一区二区视频曝光|
中文无码热在线视频|