
UI / UX 디자인
Windows 11 데스크톱 UI 쇼케이스
현대적인 글래스모피즘 위젯과 작업 표시줄 레이아웃을 갖춘 데스크톱 UI 프로모션 목업을 생성합니다. 헤드라인 문구, 날씨 위치, 기기 이름을 맞춤 설정하세요.
windows 11ui 목업글래스모피즘데스크톱 ui제품 쇼케이스대시보드운영체제
프롬프트
{
"type": "Windows 11 promotional UI mockup",
"style": "clean modern product marketing render, soft glassmorphism cards, subtle shadows, rounded corners, light blue and white palette, crisp vector-like interface, polished presentation slide aesthetic",
"scene": {
"background": "pale icy blue gradient background with a large abstract Windows 11 blue ribbon swirl wallpaper centered behind the interface",
"headline": {
"text": "[Windows 11]",
"subtext": "[Designed for focus.]",
"position": "top center"
}
},
"layout": {
"type": "desktop UI showcase",
"sections": [
{
"title": "left sidebar",
"position": "far left vertical dock",
"count": 8,
"labels": [
"Windows logo",
"Home",
"Apps",
"Files",
"Cloud",
"Settings",
"Ava profile",
"Power"
]
},
{
"title": "productivity widgets",
"position": "left column cards",
"count": 3,
"labels": [
"Good morning, Ava",
"Weather",
"Calendar"
]
},
{
"title": "center start menu",
"position": "lower center",
"count": 3,
"labels": [
"Search bar",
"Pinned",
"Recommended"
]
},
{
"title": "right column cards",
"position": "upper and middle and lower right",
"count": 3,
"labels": [
"Ava's Phone",
"Notifications",
"Quick settings"
]
},
{
"title": "taskbar",
"position": "bottom full width",
"count": 10,
"labels": [
"Weather summary",
"Start",
"Search",
"Task View",
"Microsoft Edge",
"File Explorer",
"Microsoft Store",
"Outlook",
"OneDrive",
"Teams"
]
}
],
"centerpiece": "large Windows 11 Start menu floating in front of the blue abstract wallpaper"
},
"widgets": {
"greeting_card": {
"title": "Good morning, Ava",
"subtitle": "Let's make today productive.",
"focus_block": {
"label": "Focus",
"time": "Until 12:00 PM",
"timer": "45 min",
"button": "Focus timer"
}
},
"weather_card": {
"location": "[Seattle, WA]",
"temperature": "18°",
"condition": "Partly cloudy",
"range": "H: 21° L: 13°",
"forecast_count": 5,
"forecast_labels": [
"Now 18°",
"11AM 19°",
"12PM 20°",
"1PM 21°",
"2PM 21°"
]
},
"calendar_card": {
"date": "May 20, Monday",
"events_count": 3,
"event_labels": [
"11:00 AM Design sync, Teams Meeting",
"1:30 PM Lunch with Mia, Downtown",
"3:00 PM Project update, Conf Room 32/1B"
],
"button": "Open Calendar"
},
"phone_card": {
"device_name": "[Ava's Phone]",
"status": "Connected",
"actions_count": 3,
"action_labels": [
"Messages",
"Calls",
"Photos"
],
"battery": "100%"
},
"notifications_card": {
"title": "Notifications",
"action": "Clear all",
"items_count": 3,
"item_labels": [
"Teams — Design sync at 11:00 AM — 2m ago",
"Outlook — New email from Mia — 10m ago",
"Calendar — Lunch with Mia at 1:30 PM — 30m ago"
]
},
"quick_settings_card": {
"title": "Quick settings",
"toggles_count": 6,
"toggle_labels": [
"Wi‑Fi",
"Bluetooth",
"Airplane mode",
"Dark mode",
"Focus assist",
"Accessibility"
],
"active_toggles": [
"Wi‑Fi",
"Bluetooth"
],
"sliders_count": 2,
"slider_labels": [
"Brightness",
"Volume"
],
"wifi_network": "Contoso_5G"
},
"start_menu": {
"search_placeholder": "Search for apps, files, settings...",
"pinned_count": 18,
"pinned_labels": [
"Edge",
"Word",
"Excel",
"PowerPoint",
"Outlook",
"Teams",
"Photos",
"Store",
"Notepad",
"Spotify",
"Figma",
"Clock",
"Calculator",
"Settings",
"Files",
"Movies & TV",
"Snipping Tool",
"More"
],
"recommended_count": 4,
"recommended_labels": [
"Project Overview",
"Q2 Financial Report",
"Brand Guidelines",
"My Notes"
]
}
},
"composition": "symmetrical product showcase with the Start menu centered, three stacked cards on the left, three cards on the right, generous spacing, all elements floating slightly above the background, bottom taskbar spanning edge to edge",
"rendering": "high-resolution UI concept art for a desktop operating system launch page, immaculate typography, Microsoft-inspired iconography without extra branding clutter"
}바꿔 쓸 수 있는 부분
생성하기 전에 프롬프트의 이 부분을 원하는 주제나 문구로 바꿔 보세요.
[Windows 11]자리 표시자[Designed for focus.]자리 표시자[Seattle, WA]자리 표시자[Ava's Phone]자리 표시자
프롬프트 정보
- 카테고리
- UI / UX 디자인
- 모델
- GPT IMAGE 2
- 이미지당 비용
- 1K: 43 크레딧 · 2K: 86 크레딧 · 4K: 143 크레딧
- 화면 비율
- 16:9
- 추가일