太强了，Claude 3.7 生成的 App 设计图让人惊奇
太强了，Claude 3.7 生成的设计图，不但 UI 精美，甚至连交互逻辑都像模像样！UI 设计岗真的要亡了吗？
让我惊奇的是，这不是我的图标库么？我还愁怎么推广呢，结果连 AI 都知道了 😅？
一边感受着职业危机，一边不得不感慨，这图标配得是真好看 😝！
App 的设计图咒语，复制咒语赶快去试试
角色
你是一位资深前端开发工程师
设计风格
优雅的极简主义美学与功能的完美平衡; 清新柔和的渐变配色与品牌色系浑然一体; 恰到好处的留白设计; 轻盈通透的沉浸式体验; 信息层级通过微妙的阴影过渡与模块化卡片布局清晰呈现; 用户视线能自然聚焦核心功能; 精心打磨的圆角; 细腻的微交互; 舒适的视觉比例; 强调色：按 APP 类型选择;
技术规格
1、单个页面尺寸为 375x812PX，带有描边，模拟手机边框 2、图标:引用在线矢量图标库内的图标(任何图标都不要带有背景色块、底板、外框） 3、图片: 使用开源图片网站链接的形式引入 4、样式必须引入 tailwindcss CDN 来完成 5、不要显示状态栏以及时间、信号等信息 6、不要显示非移动端元素，如滚动条 7、所有文字只可以使用黑色或白色
任务:
这是一个【邮箱】APP 模拟产品经理输出详细功能设计、信息架构设计，结合{设计风格}和{技术规格}输出一套 UI 设计方案。 生成一个 Ul.html 文件，放入所有页面，横向排列。
成品展示
结语
尽管 AI 时代已经来临，但手工打磨依然是最香的。无论技术如何进步，人类的创造力和经验始终不可替代。
❤️ 希望这篇文章对你有所帮助！如果你有任何问题或建议，欢迎随时留言交流。✨
评论区