Neumorphic Glass UI Kit Board

原文

GPT Image 2 · en

The design showcases clean, skeuomorphic UI components against a soft, light gray background. The layout comprises 18 individual interface elements in a balanced design, featuring subtle shadows, a frosted, translucent white plastic surface, rounded corners, and a polished glass-like texture. Employing a sophisticated minimalist product design aesthetic, it combines a white-on-white layered effect, soft ambient light masking, refined internal shadows, and restrained accents of deep turquoise and vibrant orange. Includes 18 unique components: a large circular rotary knob in the upper left corner with a deep cyan center, fine radial scale, and a small orange position indicator; a small circular directional control with a cyan center button and four tiny arrow icons around it; a circular play button with a cyan triangle icon and a short orange progress arc around the edge; a horizontal pill-shaped toggle switch in the upper right corner with a cyan knob on the right; a rounded square heart-shaped button with a simple cyan outline heart; a small circular indicator button with an orange dot in the center; a pill-shaped plus/minus control with a cyan minus sign on the left and a cyan plus sign on the right, separated by a vertical dividing line; a long horizontal volume slider with a cyan speaker icon, fine slider scale, cyan track, a cyan knob near the right, and a faint waveform icon on the far right; a circular percentage dial displaying 60% with radial scale and several orange highlights near the upper right; a rounded square bell notification button with a cyan outline bell icon; 1 A compact music player card, with a small square album art of evergreen trees shrouded in mist on the left, titled "..."{argument name="track title" default="Forest Drive"} The subtitle is{argument name="track subtitle" default="Ambient Journey"} The interface features a thin progress bar and a circular play button on the right; a row of four small, circular utility icon buttons displaying slider/settings, search, share, and ellipsis respectively; a large circular compass with directional letters N, E, S, W and diagonal labels, featuring a cyan and orange pointer and a metal center; a tall, vertical slider on the right with a cyan track, a cyan knob in the center, small dots on the side, orange accents near the bottom, and a tiny speaker icon below; a bottom navigation bar, shaped like a pill with rounded corners, containing four icons separated by subtle lines: Home, bar chart, compass, and user profile, with the Home label in cyan activation; and a large, rounded pill-shaped call-to-action button in a glossy dark cyan color, labeled as {argument name="button text" default="Explore"} On the right side is a circular orange arrow button and a rounded square fingerprint button with a cyan fingerprint icon. With ample spacing and grid-based alignment, the overall rendering is highly refined, tactile, and futuristic, resembling a prototype of a luxury smart device UI suite.

使い方

1. パラメータを含む元のプロンプト全体をコピーします。
2. 被写体、文字、構図を自分の要件に置き換えます。
3. 対応する外部ツールで使用し、利用条件と結果を確認します。

開始前の確認

• 参考画像の要否を確認してください。互換モデルの表示は、そのモデルでの生成実績を意味しません。
• 名前、数値、画像内の文字を確認します。モデルの版で結果は変わります。