
UI / UX 设计
机械键盘电商产品详情页原型
生成高端机械键盘的桌面端电商产品详情页原型。可修改品牌名、产品名称及价格以适配任何硬件设计方案。
ui原型电子商务产品详情页机械键盘网页设计极简设计桌面端ui
提示词
为高端机械键盘品牌 [KeyForge] 创建一个简洁现代的电商产品详情页,呈现为白底的高保真桌面端网站 UI 原型,带有微妙的浅灰分割线与开阔的留白。顶部导航栏左侧为加粗的 [KeyForge] 品牌字标,中间包含 “Keyboards”、“Switches”、“Keycaps”、“Accessories”、“Sale”、“Blog” 和 “Support” 导航项,右侧配有搜索、账户和带有黑色“1”徽标的购物车图标。中央主图从微仰视角度展示一款置于浅灰展台上的 75% 紧凑型机械键盘,拥有银色铝合金外壳、白灰双色键帽、薰衣草紫个性键帽及右上角银色音量旋钮。左侧为 5 个缩略图构成的垂直相册(正面图、角度图、轴体特写、键帽微距、带播放图标的视频缩略图)。右侧面板包含 “NEW” 药丸标签、加粗产品名 [KeyForge K75 Pro]、副标题 “75% Mechanical Keyboard”、4.8星(126条评价)、粗体价格 [[$129.99]]、绿色 “In Stock” 标识及两句简要特性说明。下方配有 4 个轴体选择药丸按钮(选中 Cherry MX Red)、3 个配色选择(选中 White / Purple)、数量下拉框设为“1”、黑色大号“Add to Cart”按钮及线框“Add to Wishlist”按钮。按钮下方横向排列三个服务保障徽章(包邮、30天退换、2年质保)。页面下方包含左侧垂直选项卡、2×3 核心特性卡片网格与详细规格参数列表。极简科技初创风格,利落的无衬线排版与精致的 UI 布局。
可以替换的部分
生成前,把提示词里的这些部分换成你自己的主题或文案。
[KeyForge]占位符[KeyForge K75 Pro]占位符[$129.99]占位符“Keyboards”引号内文字“Switches”引号内文字“Keycaps”引号内文字“Accessories”引号内文字“Sale”引号内文字
提示词信息
- 模型
- GPT IMAGE 2
- 每张图消耗
- 1K:43 积分 · 2K:86 积分 · 4K:143 积分
- 画幅比例
- 16:9
- 收录时间