已添加
登录/注册
设计地图视频界面方案
赛博朋克风3D界面,霓虹蓝光勾勒实时车内外视图与导航地图,科技感十足的虚拟现实交互设计,金属质感与故障风细节融合,未来感满溢。
子墨轩
2026.06.11
做同款
车载导航界面,显示前方道路交通分析地图,地图上标注拥堵和畅通路段,带路况颜色标识,科技UI界面风格,真实导航界面
1r2dl4oe6gpytbng-HB
竖版9:16电商详情页核心卖点页,标题"手机遥控·异地互动"。画面中央左右摆放两个智能手机模型,左侧手机屏幕显示圆形档位调节拨盘,右侧手机屏幕显示互动连接状态,中间用连接线和爱心脉冲光效连接。下方两个蓝色圆角标签,分别标注"远程连接"和"智能操控"。底部小字"不限距离,实时互动"。背景深蓝色带科技网格线,电商设计风格,无违规内容,比例9:16
用户aEn8WMSW
去除图片上所有的“卓记旗舰店”水印,保留原图所有文字和图案内容不变,保持整体布局和风格一致
YCvMhW95
[第4张] 车载安卓导航一体机GPS导航功能详情页。本张使用【图1】作为车机产品主体。 [氛围/风格] 科技导航感,深色调蓝绿色系,3D立体地图展示,电商详情页风格,英文文案。 [元素布局] 画面中央是10寸车机屏幕显示3D立体导航地图界面,地图上有道路、建筑、导航路线;底部创意设计:弯曲的公路+白色小汽车从屏幕中延伸出来,突破屏幕边界,营造3D立体效果;背景深蓝色带粒子光效和电路板纹理;车机有光影反射立体感强,带悬浮效果。 [光影质感] 蓝绿色导航光从屏幕发出,公路有路灯效果,汽车有尾灯,整体立体感强。 [配色色系] 全局底色深蓝渐变#050520到#1a1a3e;主色蓝绿色#00d4aa;辅助色蓝色#00d4ff、白色#ffffff、橙色#ff6b35点缀。 [视角构图] 正面微俯视,车机居中偏上,公路从下方向屏幕延伸,阅读动线顶部标题→中央车机→底部公路汽车。 [文字版式] 顶部居中标题。主标题"GPS NAVIGATION",粗体无衬线大号亮蓝色渐变;副标题"Built-in global positioning system, omni-directional map display, synchronous display real-time traffic conditions, rapid and accurate positioning",常规字重中号浅灰色;文字不遮挡车机主体。 [比例分辨率] 1:1正方形,1000x1000px,4K分辨率,文字清晰可辨。 [负向提示词] 变形,水印,文字错乱,文字过小,缺件错件,结构错误,颜色偏差,产品图模糊,背景杂乱,中文字符。
L倒7
智能头盔APP导航投屏设置页重新设计,移动端竖屏界面,新增两种导航投屏模式选项:turn by turn(逐向导航)和miniMap(迷你地图),标注当前头盔为单目投射,下方提供可定制投屏内容勾选面板:车速、转向、剩余距离、时钟、海拔,顶部显示"导航HUD投屏设置"标题,现代科技风UI布局
GD719351332
[第4张] 亚马逊跨境电商详情页-GPS导航功能展示页。本张使用【图3】作为车机产品主体,保持产品外观与原图一致。 [氛围/风格] 3D立体导航科技风,地图路线视觉,动感公路延伸效果。 [元素布局] 画面中央是10寸车机屏幕,显示3D立体导航地图界面(含道路、建筑、导航箭头);车机上方排列6个导航软件圆形图标,用弯曲路线线条串联:Waze、Navitel、iGO、Amap、Yandex、Sygic;画面底部创意设计:弯曲的公路从车机屏幕中延伸出来,公路上有一辆白色小汽车向前行驶;深蓝色科技背景带微弱世界地图纹理;车机产品外观、边框、按键布局与输入图一致。 [光影质感] 屏幕自发光照亮周围,公路有路灯光点效果,图标有轻微发光描边,整体有纵深感。 [配色色系] 全局底色 #0A1F3D 深蓝渐变;主色导航蓝 #0088FF;辅助色绿色路线 #00DD66、白色汽车、橙色图标点缀。 [视角构图] 正面微俯视,车机居中偏上,公路从下方向屏幕延伸,阅读动线顶部图标 → 中间车机 → 底部公路汽车。 [文字版式] 顶部主标题 "GPS NAVIGATION",副标题 "Built-in global positioning system, omni-directional map display, synchronous display real-time traffic conditions, rapid and accurate positioning",英文无衬线粗体,白色字;6个图标下方标注软件名称。 [比例分辨率] 9:16 竖版比例,4K 分辨率,文字清晰可辨,高清画质。 [负向提示词] 产品变形,缺件错件,颜色偏差,水印,文字错乱,产品图模糊,中文字符。
L倒7
[第4张] 亚马逊跨境电商详情页-GPS导航功能展示页。本张使用【图3】作为车机产品主体,保持产品外观与原图一致。 [氛围/风格] 3D立体导航科技风,地图路线视觉,动感公路延伸效果。 [元素布局] 画面中央是10寸车机屏幕,显示3D立体导航地图界面(含道路、建筑、导航箭头);车机上方排列6个导航软件圆形图标,用弯曲路线线条串联:Waze、Navitel、iGO、Amap、Yandex、Sygic;画面底部创意设计:弯曲的公路从车机屏幕中延伸出来,公路上有一辆白色小汽车向前行驶;深蓝色科技背景带微弱世界地图纹理;车机产品外观、边框、按键布局与输入图一致。 [光影质感] 屏幕自发光照亮周围,公路有路灯光点效果,图标有轻微发光描边,整体有纵深感。 [配色色系] 全局底色 #0A1F3D 深蓝渐变;主色导航蓝 #0088FF;辅助色绿色路线 #00DD66、白色汽车、橙色图标点缀。 [视角构图] 正面微俯视,车机居中偏上,公路从下方向屏幕延伸,阅读动线顶部图标 → 中间车机 → 底部公路汽车。 [文字版式] 顶部主标题 "GPS NAVIGATION",副标题 "Built-in global positioning system, omni-directional map display, synchronous display real-time traffic conditions, rapid and accurate positioning",英文无衬线粗体,白色字;6个图标下方标注软件名称。 [比例分辨率] 9:16 竖版比例,4K 分辨率,文字清晰可辨,高清画质。 [负向提示词] 产品变形,缺件错件,颜色偏差,水印,文字错乱,产品图模糊,中文字符。
L倒7
智能头盔APP组队对讲页原型设计,移动端竖屏界面,顶部显示"车队"标题,中间展示大地图,地图上标记3个队友的位置,下方有麦克风开关按钮、退出房间按钮,右侧有语音音量调节条,现代骑行风格UI设计
GD719351332
导航界面显示“前方500米拥堵(市场震荡)”,然后路线变成绿色绕行路线(已调仓)横向
1q5iub86z6ii0c5k-HB
去掉中控
Li971024
车载全液晶仪表车况健康监测页UI设计,800px×480px,圆角卡片轻量化布局,深色黑底主基调,主色冰蓝科技#00C6FF、琥珀警示色#FF9500、红色故障色#FF3A3A,无多余装饰,写实拟物+极简扁平化结合,符合LVGL控件开发规范。顶部标题“整车健康监测”,四块卡片分别为:动力系统展示水温转速发动机状态、电气系统展示电瓶电压车载负载、车身系统展示四门后备箱引擎盖开关状态、行车数据展示单次里程平均车速行驶时长,异常数据标红高亮,故障自动弹出置顶红色告警弹窗“异常推送至绑定手机”带确认按钮,底部历史故障记录滚动列表,使用线性简约车载图标、车载无衬线DIN字体,整体高端新能源车企仪表风格
GD783509539
第七屏,主文案"静音运转 不扰驾驶"居中放大,粗黑商务字体,风格统一;副文案"安静陪伴 专注行车"在主文案下方,纤细银灰字体,居中对齐,排版层级和前几屏保持一致;画面中心是车内驾驶场景实拍,驾驶员专注开车,产品置于中控台,搭配静音图标与超低分贝数值示意,背景为简约的黑色车内空间,整体构图沉稳,突出静音卖点;高清 8K 分辨率,车内驾驶场景光影自然,产品细节清晰,静音图标与数值设计简约高级,无模糊噪点,画面干净沉稳,符合驾驶场景的安全调性
1r241ofxnbQ9tfHw-HB
[第3张] 亚马逊跨境电商详情页-AI智能语音控制功能页。本张使用【图1】作为车机产品主体,放置于画面下方,保持产品外观与原图一致。 [氛围/风格] 蓝色科技风,声波可视化效果,未来智能交互感,商业渲染质感。 [元素布局] 画面中央偏上是一个发光的3D麦克风语音助手图标,周围环绕6个半透明气泡对话框,分别写着 "Open Navigation" "Call Home" "Play Jazz" "Weather" "Gas Station" "Calendar";声波可视化特效从麦克风向四周扩散呈环形波纹;下方展示10寸车机亮屏界面,屏幕显示语音交互状态;蓝色科技背景带渐变光晕;车机产品物理结构、边框、按键与输入图一致。 [光影质感] 麦克风为核心光源向外辐射蓝光,声波半透明发光效果,车机屏幕自发光,整体蓝调科技氛围。 [配色色系] 全局底色 #081A33 深蓝渐变;主色亮蓝 #00C8FF;辅助色浅蓝 #66E0FF、白色气泡;文字白色。 [视角构图] 正面视角,麦克风居上为视觉中心,车机居下,阅读动线顶部标题 → 中间麦克风+气泡 → 底部车机。 [文字版式] 顶部主标题 "AI Voice Control",下方较长副标题 "Intelligent voice can directly control the player to open and close the mobile phone, open and close navigation, make calls and other functions through the voice, so as to better liberate your hands and realize safe driving.",英文无衬线字体,白色字,主标题加粗发光。 [比例分辨率] 9:16 竖版比例,4K 分辨率,文字清晰可辨,高清画质。 [负向提示词] 产品变形,缺件错件,颜色偏差,水印,文字错乱,产品图模糊,中文字符。
L倒7
[第1张] 亚马逊跨境电商详情页头图-10寸安卓车载导航一体机CarPlay & Android Auto功能展示。本张使用【图1】作为车机产品主体,保持产品外观、边框、按键布局与原图一致。 [氛围/风格] 深色科技未来感,蓝色流动光线背景,商业摄影质感,极简跨境电商版式。 [元素布局] 画面顶部主标题区,中间为产品主视觉区;前景左侧悬浮一部现代智能手机(显示CarPlay和Android Auto图标),右侧是10寸车机屏幕被斜线分为左右两半:左侧亮绿色CarPlay界面(电话/音乐/Waze图标),右侧深色Android Auto界面(设置/天气/信息图标);背景蓝色光线流动与多屏界面虚化叠加;车机产品物理结构、比例轮廓、黑色边框、左侧按键布局与输入产品图一致,主体占比约60%。 [光影质感] 顶部柔光打亮产品屏幕,蓝色环境光从四周溢出,屏幕有高光反射,整体通透有科技感。 [配色色系] 全局底色 #0A1628 深蓝渐变;主色科技蓝 #00D4FF;辅助色亮绿 #00FF88、深紫 #1A1A3E;点缀色白色文字。 [视角构图] 正面微仰视,产品居中偏右,阅读动线顶部标题 → 中间产品 → 底部留白。 [文字版式] 顶部居中主标题大字号 "CARPLAY & ANDROID AUTO",下方副标题 "Support Wireless CarPlay & Wireless Android Auto",英文无衬线粗体,白色字,主标题加蓝色发光效果;文字不遮挡产品主体。 [比例分辨率] 9:16 竖版比例,4K 分辨率,文字清晰可辨,高清画质。 [负向提示词] 产品变形,缺件错件,颜色偏差,水印,文字错乱,产品图模糊,背景杂乱,中文字符。
L倒7
保留原车机中控屏幕已替换好的带导航三分屏真实CarPlay UI,确保向左下侧移动的放大提取部分也完整包含该CarPlay UI,保持放大特效部分透明度为50%不遮挡原车中控,整体尺寸保持1000*1000像素,背景为真实驾驶场景
GD702246245
保留原车机中控屏幕已替换好的带导航三分屏真实CarPlay UI,确保向左下侧移动的放大提取部分也完整包含该CarPlay UI,保持放大特效部分透明度为50%不遮挡原车中控,整体尺寸保持1000*1000像素,背景为真实驾驶场景
GD702246245
1. 将原车机中控屏幕界面替换为真实带导航的三分屏carplay UI;2. 背景换成真实驾驶场景;3. 提取包含左侧按键和屏幕质感的车机中控屏幕界面,单独抠出放大清晰展示;4. 将抠出放大的屏幕移动到原UI界面左下侧,添加轻微放大特效,设置透明度为50%,不遮挡原车中控;5. 将整个图片扩展到1000*1000像素
GD702246245
展会海报,画面中心是7寸高清触控车载CarPlay屏幕,屏幕上显示无线CarPlay界面,带有精准导航地图和智能语音操控图标,屏幕旁展示倒车影像画面、多媒体播放界面、蓝牙通话界面,背景是现代化的汽车驾驶舱,顶部醒目大字写着"升级你的驾驶体验,就从这块7寸CarPlay屏幕开始",下方小字写着"让每一段旅程,都充满智能与乐趣",侧边标注核心功能:"无线CarPlay/Android Auto, 7寸高清触控,一目了然,智能语音操控,眼不离路,精准导航,实时路况,倒车影像,多媒体播放,蓝牙通话",整体风格科技感十足,色彩以深蓝、银灰为主,搭配醒目的白色文字,视觉冲击力强
683gmx7au-HB
在手机周围添加和图2风格相似的蓝白色调立体建筑群
大饼、小喜、滚滚
车载全液晶仪表UI设计,量产汽车工业风,800px×480px,圆角卡片轻量化布局,深色黑底主基调,主色冰蓝科技#00C6FF、琥珀警示#FF9500、红色故障#FF3A3A,无多余装饰,写实拟物+极简扁平化结合,符合车载人机工程,线性简约车载图标,使用车载无衬线DIN字体,分层为背景层、仪表盘图层、数据文本层、弹窗层,组件化设计,日间配色方案。页面为整车仪表首页,左侧圆形转速表0-8000rpm渐变冰蓝刻度,右侧半圆水温+油量复合表盘,中间大字体实时车速数字,下方横向状态栏:电瓶电压、室外温度、行驶里程、锁车状态图标,右上角物联网云连接图标在线冰蓝离线灰色,右下角悬浮快捷按钮远程消息弹窗和异常告警入口,背景渐变深灰黑,刻度带发光内阴影,车辆门锁后备箱四车门图标关闭绿色开启红色,预留云端自定义文字弹窗区域,整体高端新能源小鹏理想量产仪表风格
GD783509539
[第6屏] 详情页场景展示屏-多行车场景适配展示。本屏使用【图1】作为产品主体。 [氛围/风格] 生活化场景拼接,真实自然,展示产品适配性。 [元素布局] 画面分三格拼图展示,上格高速日间行车场景,中格夜间城市道路场景,下格停车监控场景,产品安装在挡风玻璃上的效果展示;产品本身结构颜色与输入图一致。 [光影质感] 每个场景匹配对应自然光线,产品区域清晰突出,场景真实自然。 [配色色系] 全局底色 #1A1A20,场景保留自然色彩,文字使用白色,标题用红色点缀。 [视角构图] 上中下三格拼图,每格场景独立,纵向阅读。 [文字版式] 顶部主标题「全场景 全覆盖」,每格场景下方配短句标签:「日间巡航 画质通透」「夜间泊车 全程监控」「强光逆光 准确成像」,文字清晰不遮挡场景主体。 [比例分辨率] 9:16 竖版比例,4K分辨率,文字清晰可辨,高清画质。 [负向提示词] 产品变形,场景失真,文字遮挡主体,文字过小,颜色偏差
67fm3i4d41cu79ue-HB
车内视角,汽车在高速公路上行驶,前方有车辆,道路两侧有高架桥和建筑物。挡风玻璃上的AR显示系统,从左数第三个圆形图标由暗亮起,其他的几个图标不要有任何变动。旁边喇叭的图标出现闪烁。车辆处于行驶状态,周围的建筑物和高架桥逐渐变化,从城市景观变为郊外风景。固定镜头,自然光,背景简约,画面宁静,丰富细节。
1r2vb0896czos3og-HB
使用ar眼镜时的第一视角画面,横向构图,画面右上角显示数字时速标识,科技感增强现实场景,清晰的虚拟UI显示,真实环境叠加AR效果
1r1u8ams5daE3Lww-HB
去掉上面英文去掉右边产品
Li971024
将产品核心亮点页底色改为和参考图一致的浅灰白色简洁底色,保留全部文字、图标和八宫格布局,沿用参考图的深蓝+浅灰配色风格,去掉深蓝色背景和复杂光影,改成干净的浅色简洁底色,ADAS项目保留橙色点缀,整体和其他浅色简洁内页风格完全统一
GD758944775