AI Prompt for Smartphone-Optimized Web Design Conversion
Generate a smartphone-optimized web design layout from a PC web design image. This AI prompt helps you quickly convert a section of a PC website into a mobile-friendly design while maintaining design consistency and excluding headers and footers.
Related Keywords
Main AI Prompt
Main Prompt Content
"# 命令
あなたは熟練したUIデザイナーです。
添付された「PC版Webデザインの一部(セクション)」画像を解析し、そのパーツがスマホ(SP)画面で表示された際の最適なレイアウト画像を生成してください。
# 生成のルール(セクション特化)
1. 独立したコンポーネントとして処理:
- ヘッダーやフッター、余計なナビゲーションバーは一切追加しないでください。
- 画像にある要素(テキスト、アイコン、写真)のみを使用して再構成してください。
2. レイアウトのレスポンシブ化(Stacking):
- PCで横並び(Horizontal row)になっている要素は、スマホ用に縦積み(Vertical column)に変更してください。
- 余白(Padding/Margin)はスマホの狭い画面幅に合わせて適切に調整してください。
3. デザインの継承:
- 元画像の配色、フォントの雰囲気、装飾スタイルを維持してください。
- 画像のアスペクト比は、要素が縦に並ぶことを想定して 縦長({argument name="アスペクト比" default="3:4 または 9:16"})で生成してください。
# アクション
添付画像のセクションを、スマホの画面幅(375px〜)に最適化したデザインカンプとして1枚生成してください。"
You might also like
Hand-picked related prompts from Web Design.
City Takeover
By Harboris
AI Prompt for Creating Cinematic City Takeover Posters with Futuristic Billboards
cinematic
advertising
futuristic
graphic-design
"Using the {argument name="brand name" default="[BRAND NAME]"}, create a highly detailed cinematic poster:
“HOW {argumen..."
Japanese Ad Banners
By こぎそ
AI Prompt for Japanese Ad Banner Designs
japan
typography
advertising
branding
graphic-design
"{"type":"four-panel Japanese promotional banner sheet","style":"clean commercial ad mockup board for layout and typograp..."
YouTube UI Mockup
By Vi
AI Prompt for Realistic YouTube Desktop Dark Mode Interface
design
mockup
YouTube
UI/UX
Dark Mode
"{"type": "YouTube desktop dark mode UI mockup", "header": {"logo": "YouTube", "search_bar": "Search", "icons_count": 5,..."
Latest Discoveries
Explore our most recently added high-quality AI prompts.
Cyberpunk
By Melisa♡
AI Prompt for Grunge-Themed High-Angle Portrait Photography with Retro Vibes
portrait
retro
photography
grunge
"{
"image_request": {
"subject": {
"demographics": "Young woman, fair skin with natural blush, freckle-free n..."
Luxury Product
By Mr Das
AI Prompt for Luxury Handbag Product Photography
fashion
luxury
product
AI
image
generation
"Minimalist commercial ad featuring oversized white {argument name="brand" default="Louis Vuitton"} handbag, ultra-clean..."
Streetwear Fashion
By Andy Orsow
AI Prompt for High-End Streetwear Fashion Photography with Custom Merch
fashion
streetwear
photography
influencer
"make a 16:9 image of some {argument name="models" default="models"} wearing dope limited edition shirts and merch based..."