「原型设计」Gemini 2.5 Pro Experimental 实验版 在旅行家APP原型生成的尝试🧣

589 阅读2分钟

screencapture-file-Users-xiaowei-Downloads-code-html-2025-03-27-01_05_59.png

视频展示:Gemini 2.5 Pro Experimental 实验版 在旅行家APP原型生成的尝试🧣

一、用户的评论:

截屏2025-03-27 上午7.59.51.png

视频下面有两个评论,一个是使用 Gemini 2.5 Pro 完成页面的重构。

截屏2025-03-27 上午7.59.57.png

一个是让我使用 Figma ai 完成原型的设计。

二、Gemini 2.5 Pro 的测试。

接下来,我自己使用 Gemini 2.5 Pro 完成了页面的重新梳理,看看具体的情况如何。

截屏2025-03-27 上午8.50.59.png

三、自我的感觉:

通过提示词的测试,消耗了 16150 的 Token 完成了8个页面的制作,整体来看,其实和我们使用 DeepSeek-Chat-V3 的效果差不多。

但是速度非常快,三分钟的时间就完成了八个页面的生成。

四、使用 DeepSeek V3的效果。

「原型设计」DeepSeek-Chat-V3 在手机原型APP方面的实践🧣

「原型设计」DeepSeek-Chat-V3 在手机原型APP方面的实践🧣 视频操作实践:DeepSeek-Chat-V3 在手机原型APP方面的实践 今天我想和大家分享...

image

五、总体的原型设计的感觉

从性价比的角度来看是,从速度,效果,时间综合来看。

1、DeepSeek-Chat-V3:免费,速度,中等。

2、Trae 的 Claude-3.7-Sonnet:免费,速度,比较慢,需要排队。

3、Gemini 2.5 Pro:消耗 Token 值比较大,但是速度非常快。

六、提示词来源参考@硅基支点

#角色

你是一位资深设计资深前端开发工程师

#设计风格

优雅的极简主义美学与功能的完美平衡;

清新柔和的渐变配色与品牌色系浑然一体;

恰到好处的留白设计;

轻盈通透的沉浸式体验;

信息层级通过微妙的阴影过渡与模块化卡片布局清晰呈现;

用户视线能自然聚焦核心功能;

精心打磨的圆角;

细腻的微交互;

舒适的视觉比例;

强调色:按APP类型选择;

#技术规格

1、单个页面尺寸为 375x812PX,带有描边,模拟手机边框

2、图标:引用在线矢量图标库内的图标(任何图标都不要带有背景色块、底板、外框)

3、图片: 使用开源图片网站链接的形式引入

4、样式必须引入 tailwindcss CDN来完成

5、不要显示状态栏以及时间、信号等信息

6、不要显示非移动端元素,如滚动条

7、所有文字只可以使用黑色或白色

#任务

这是一个旅游攻略软件, 可分享旅游风景攻略 模拟产品经理输出详细功能设计、信息架构设计,结合{设计风格}和{技术规格}输出一套UI设计方案。 生成一个Ul.html文件,放入首页和详情页,横向排列。