3

APP 生成全面升级!精准控制页面主题色,支持移动端扫码预览

 1 year ago
source link: https://www.ui.cn/detail/653339.html
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.
neoserver,ios ssh client

APP 生成全面升级!精准控制页面主题色,支持移动端扫码预览-教程-UICN用户体验设计平台

APP 生成全面升级!精准控制页面主题色,支持移动端扫码预览
26.2°

2023-07-26 原创文章 教程 举报

5418 0 151 0

为了满足大家“快速出可用方案”的需求,

我们对 「即时 AI」生成 APP 的能力

进行了全方位的优化与提升!

现在使用 JS-UIbotics 模型,

不仅能在更短时间内生成更精致的 APP 设计稿,

还能用描述词 精准控制主题模式与主题色,

生成设计稿还支持 0 代码发布并在移动端预览!

点击链接打开「即时 AI」立即体验最新功能吧!

https://js.design/ai?code

4429421.png

选择 JS-UIbotics 模型生成 APP 设计稿,不仅出图速度更快,生成设计稿的组件与样式也更加精致美观。

4429422.gif

契合主题的内容、更严谨的框架结构,让你可以在 AI 生成设计稿的基础上,通过二次编辑快速创作更满足需求的作品。

4429428.gif
4429425.png

只需在描述中加上 暗色模式 / 深色模式 等关键词,即可精准控制 AI 生成深色模式的 APP 设计稿。

4429426.png
4429424.png

在描述词中加入 HEX 色值(如,主题色#E81313),还可以生成指定主题色的 APP 设计稿!

4429427.png

如果对生成的主题色不满意,你还可以进入编辑模式,通过修改颜色样式,来实现对页面主题色的一键替换。

4429423.gif
4429429.png

完成 APP 设计稿后,在手机上预览实际效果是必不可少的步骤。

以往我们总需要通过截图或者借助第三方工具来预览,不仅操作复杂,效果也不尽如人意。

但现在,你可以选中任意用「即时 AI」生成的 APP 设计稿,点击【发布网页】 将其发布为可在线预览的 H5 页面。

4429430.gif

除了查看网页链接,还可以用手机扫一扫二维码,查看设计稿在不同设备上的显示效果,滚动溢出动画也能完整还原!

4429431.gif

本次更新就介绍到这里~

现在就点击链接打开「即时 AI」

使用 JS-UIbotics 模型生成

页面精致、可控性更强的 APP 设计稿吧!

https://js.design/ai?code


About Joyk


Aggregate valuable and interesting links.
Joyk means Joy of geeK