国产精品美女久久久浪潮AV,国产精品三级一二三区,久久精品国产一区二区小说
,依依成人影视国产精品,全部无卡免费的毛片在线看,日本一区二区三深夜不卡,国产精品女同一区二区久久,国产精品夜色一区二区三区 

  
      
    

        

	
        
		
        
			
        
				
        如何為 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://m.shtzxx.cn
        
      
        
    
        
    
        
      
        存檔
        
      
    
        

        

        


  
 





主站蜘蛛池模板：
人善交oooooo另类毛片|
啦啦啦视频免费播放完整版|
九一九色国产|
成人又黄又爽又色的网站|
豆国产97在线 | 亚洲|
成全电影在线观看大全|
欧洲熟妇色xxxxx|
欧美性xxxx狂欢老少配|
六月婷婷久香在线视频|
免费人成在线观看网站|
亚洲欧美一区二区三区在线|
台州市|
夜夜添无码一区二区三区|
老熟女高潮喷了|
滨海县|
欧美精产国品一二三产品价格|
永久免费无码网站在线观看|
国产熟妇搡bbbb搡bbbb搡|
曲松县|
98久久人妻少妇激情啪啪|
人乱an乱alv老人乱|
国产精品毛片av999999|
日韩中文字幕免费视频|
午夜免费国产体验区免费的|
国产精品三级一区二区|
好姑娘视频观看免费完整版|
国产亚洲欧美日韩亚洲中文色|
亚洲日本va中文字幕|
成全高清mv电影免费观看|
捆绑白丝jk震动捧喷白浆|
巴塘县|
佳木斯市|
中文字幕 日韩精品 在线|
97视频精品全国免费观看
|
亚洲国产欧美日韩另类
|
业余 自由 性别 成熟视频 视频|
久久久久久av无码免费网站|
国产精品天天看天天狠|
高阳县|
意大利xxxx性hd极品|
无人区日本高清完整版|