我们用AI生成了5款有意思的APP设计稿教程

“有没有觉得自己想要的APP一直没被做出来?”

我们用「即时AI」生成了这些APP的UI设计稿

加了原型交互,又用「即时上线」发布了一下......

尝试把高点赞数的几个想法变成了“现实”~

平时没少刷“教人怎么回怼”的视频和教程,小红书#回怼#话题更是积累了1.1亿阅读量,但大多数人还是理论知识丰富,实践能力为零。

如果能有一个「怎么回怼」小程序就好了!输入对方的言论,自动提供回击或缓解尴尬的策略。

把需求描述给「即时AI」就能得到UI设计初稿:

帮我生成一个怎么回怼APP

1.首页包含输入框,可以输入其他人说的话

2.对话页,要体现出两人对话聊天的感觉

3.场景练习页,出一道考验情商的情景题

这个产品的灵感来自于小红书用户@饭饭:求一个好用的记录保质期的APP,家里东西经常放过期。最好能把食物、化妆品和药品也一起记录进去,现在市面上好多都是分开的。

相信很多小伙伴也遇到过类似的情况:

双11激情下单买了全套护肤品,打开柜子发现去年买的1瓶精华、2瓶水乳、5盒面膜还没拆封……

周末准备自己下厨做菜,打开冰箱一看土豆发芽、豆腐长毛、菜叶子全都变黄了……

怎样避免过度囤货呢?你可能需要一个“过期提醒APP”。

把需求都描述给「即时AI」:

生成一个过期提醒APP

日历页:上面是当月日历、下面展示今天要过期的产品

统计页:按照食品、药品、饮料、化妆品等分类展示各种产品还有多少剩余

扫码页:可以扫描条形码

设置页:可以绑定淘宝、京东、拼多多、美团买菜等平台,自动导入购物订单

就可以得到这样一整套APP设计初稿~

在此基础上,调整字体字号、字距行距、去掉阴影、统一主题色,再用AI绘画工具生成一个有趣的logo图案,一套设计稿就准备完成了~

这个产品的灵感来自于小红书用户@momo:真的很需要一个生活常识APP,鸡毛菜是什么菜?要不要焯水?炒一盘要用多少?什么食物相克不能一起吃?刚自己独立生活,什么也不会。

相信刚刚独立生活的小伙伴们,站在菜市场里也都有过类似的迷茫:这是什么菜?多少钱一斤是合理价格?能不能砍价或者要求抹零?一人食应该买多少克的食材?

这些在父母辈看来算是常识的信息,对许多年轻的小伙伴来说,却是比高数还难的存在。此时,你应当需要一个“生活常识APP”。

生成一个生活常识APP,包含首页、食材介绍页、同城比价页面、菜谱页面

1.首页:提供页面导航、拍照识别、搜索

3.同城比价页面:地图选择位置、输入食材名称、显示同城价格区间

4.菜谱页:搜索和浏览菜谱,含图片、文字、视频教程

开车20分钟,找停车位半小时?地图上搜到最近的停车场,开过去发现早就满员,又得在外面继续兜圈搜寻下一个停车场?

城市里的车越来越多,无论是购物、上班还是休闲旅行,找到一个合适的车位成了一项艰巨的任务。

这时你可能需要一个「找车位」小程序,根据地图定位搜索附近停车场,还能实时显示剩余车位数,再不用担心空跑一趟~

生成一个找车位小程序

首页:上面是一张地图,中间一个搜索框,下面是停车场列表

列表页:包含10个停车场的名称、剩余车位数量、地上还是地下、与我的距离

AI生成设计稿时,还根据主题自由发挥增加了“历史停车场”模块,可以查看历史数据比较不同停车场的使用次数和费用,更快做出决策。

?最好的朋友过生日,明明有满肚子美好的祝福想送给ta,话到嘴边只剩一句“生日快乐”……

?跟上司长辈聚餐,要不要敬酒?怎么敬酒....

?给他人挑选礼物时更是纠结万分,长辈、领导、同事、朋友都应该送什么?

人情世故APP来了!为你排忧解难、给你出谋划策,帮你轻松维护各种社会关系~

生成一个人情世故APP,包含首页、送礼指南页、聚餐礼仪页、职场技巧页、场景练习页

1首页:包括APP的一句话介绍,一条送礼知识、一道练习心眼子的问答题

2送礼指南页:包含如何挑礼物、包装礼物、送礼建议、生日祝福语、节日祝福语

3聚餐礼仪页:包括餐桌上的敬酒礼仪、表达感谢的方式、生成祝福词。

4职场技巧页:包含如何与同事相处、与领导有效沟通的指南。

5场景练习页:包含各种情境题,如在新环境中如何与他人展开话题

你觉得这几个APP设计得怎么样?

是否包含了你想要的功能?

又或者你还有什么其他的需求?

欢迎打开「即时AI」尝试生成~

从即时AI生成可编辑设计稿,到产研设团队用即时设计实时协作,再到借助「即时上线」将设计稿0代码发布为在线网页。

AI设计工具的出现正在改变设计的未来,塑造AIGC时代下的新的产设研流程。

THE END
1.30秒快速出完整UI设计图,用它效果绝了!即时AI 有文生 UI、文生图、手绘 UI 和图生 UI 四种生成模型,进入即时 AI 后就可以在描述框内输入你想要生成的 UI 设计图的关键词,例如想要生成一个阅读 APP,就可以简单的说明一下要求包括登陆页、首页、阅读页、书籍详情页,我的页 5 个页面等等。 https://js.design/special/article/ui-quick-design-chart.html
2.ai模型生成ui设计图共有1324227个ai模型生成ui设计图相关内容为您呈现 UI 分享 | AI 生成 LOGO 小程序界面设计 37 芦苇UI设计 UI分享 | AI生成 LOGO 小程序界面设计 36 芦苇UI设计 即时AI生成Web设计稿,自带全套网页动画并一键发布上线|UI设计 120 蓝蓝设计兰亭妙微 https://www.zcool.com.cn/tag/ZODExMTgyMA==.html
3.AI设计工具Uizard AI UI设计界ChatGP,利用AI生成多屏的UI界面Uizard是一个在线无代码AI软件开发工具,可以。 Galileo AI AI生成可编辑的UI界面GalileoAI可以从简单的文本描述中创建令人愉悦且可编辑的用户界面设。 getimg.ai 用文字创建任何类型的图像或艺术,在几秒钟内生成多达10张图像。大规模生成原始图像、修改照片、将图。https://108ai.com/category-7.html
4.StylarAI:最可控的AI图像和设计工具,智能设计,一键生成新媒派社交媒体内容:内容创作者可以使用Stylar AI快速生成吸引眼球的社交媒体图像,如Instagram帖子、Facebook封面或Twitter横幅。 网站横幅和UI设计:网页设计师可以使用Stylar AI设计引人注目的网站横幅、按钮和其他用户界面元素,提升网站的整体美观和用户体验。 产品原型和概念图:工业设计师和产品经理可以使用Stylar AI来快速制作https://pidoutv.com/sites/17929.html
5.收集60个AI工具网站,值得收藏五、UI设计 1.Galileo AI AI生成可编辑的UI界面 网址:https://www./ 2.Uizard 设计界 ChatGPT!利用AI生成多屏的UI界面 网址:https:///autodesigner/ 3.Superflow AI辅助高效网站协作设计 网址: https://www./ 4.Noya 让线框图变成高保真设计 http://www.360doc.com/content/24/0620/16/86859_1126706944.shtml
6.一键生成透明底图像!教你用AI绘画开源SD插件实现素材自由!本文介绍了AI绘画技术的新进展,LayerDiffusion如何通过文本生成透明底图像和图层,以及在SDWebUIForge和ComfyUI中的应用,展示了其在设计领域的潜力和便利性。 摘要由CSDN通过智能技术生成 大家好,这里是和你们一起探索 AI 的程序员晓晓~ AI 绘画自出现以来一直都在不断发展完善,实现了很多我们在实际应用中迫切需要的功https://blog.csdn.net/cxyxx12/article/details/136872143
7.事半功倍:3分钟用AI设计一个UI图标163事半功倍:3分钟用AI设计一个UI图标 看过了前面的理论知识和手绘课程,现在我们来试试自己动手来用Adobe illustrator软件(下称AI),三分钟制作一个手机图标。 有些同学可能了解AI软件是制作矢量图片的软件,而制作图标、logo等需要在不同渠道,不同展示面面积进行缩放的图片,它的特点是放大后图像不会失真。https://dy.163.com/v2/article/detail/D7V4K3870516RQE4.html
8.新生态UGCAI游戏生成系统设计与实现技术专栏3.技术路线和系统设计 3.1 技术栈 AI部分基于 Comfyui + Animdiff +Openpose + PidiNet实现图生动画资产流程,平台系统采用JS + Python Flask来编写前后端,Unity+C#实现AI序列帧获取与视频生成。 亮点:首次从0到1实现前端到Comfyui到unity的全自动化AI视频生成系统,用户只需一键拍照上传就能得到目标风格化视频https://developer.unity.cn/projects/xin-sheng-tai-ugc-aiyou-xi-sheng-cheng-xi-tong-she-ji-yu-shi-xian
9.GalileoAIGalileo AI是一种使用人工智能技术生成UI界面设计的工具。它可以使用机器学习算法对大量界面设计数据进行分析,根据设计原则、用户需求和其他因素生成设计方案。 Galileo AI生成的界面设计具有良好的可用性、易用性和美观度,可以大大提高界面设计的效率。与传统的人工界面设计相比,它可以快速产出界面草图和模板,帮助设计者节https://www.aizhinan.cn/tools/2080.html
10.2023设计神器及资源推荐:AI自动生成图工具插件等,别错过这是一个输入文字,生成效果十分惊艳,在官网主页可以看到其他人的生成结果,不少图片简直是建模级别的精细程度。 无论是人物、场景、动物亦或是各种艺术风格都拿捏到位。 甚至还有的图真实程度媲美“照片” 操作起来十分简单,生成图片的时间也很短,注册后按官网步骤进入「房间」,在聊天框输入自己的描述,AI 就能快速生成http://cn.eagle.cool/blog/post/ai-design-tools-and-resources
11.矢量ui素材矢量ui图片矢量ui设计觅知网为您找到2523个原创矢量ui设计图片,包括矢量ui图片,矢量ui素材,矢量ui图标,矢量ui背景,矢量ui模板源文件下载服务,包含PSD、PNG、JPG、AI、CDR等格式素材,更多关于矢量ui素材、图片、海报、背景、插画、配图、矢量、UI、PS、免抠,模板、艺术字、PPT、视频等设https://www.51miz.com/so-sucai/3779504.html
12.UI设计师如何用AI提效?来看设计大神总结!如下图所示,为使用AI生成的化妆品相关的UI界面情绪板,设计师可以获取配色、布局、颜色搭配方面的灵感创意,同时也让团队成员大致了解其最终的视觉效果,如果想了解更多Midjourney使用技巧,推荐阅读《Midjourney AI生成工具这样用,炫酷效果轻松拿捏!》。 4.使用Midjourney生成界面素材 https://pixso.cn/designskills/ai-enhances-design-efficiency/
13.电商人必看:这20个电商AI工具助你一臂之力,值得收藏2、适用场景:适用于平面设计、广告设计、网页设计、UI设计等领域,帮助用户快速、高效地完成图像编辑和设计任务。 3、AI工具 1)assembo.ai 上传产品图,一键生成海量背景快速简单精准的图像合成生成速度快,界面简洁好用 AI生成人物和宠物模型 2)PhotorRoom https://www.fkdmg.com/mip/article/10882.html
14.超实用的10个最新AI工具汇总!建议收藏私域运营指南一个集成在浏览器的AI比价插件,梳理了超过10万家零售商,支持以图搜索,帮助用户在亚马逊、沃尔玛等电商平台上以更低的价格购买相似的商品。 网址:https://getscore.app/ 即时AI AI生成UI设计稿 即时设计推出的AIGC产品,支持用简单的自然语言描述来快速生成UI设计稿,比如生成一个汽车电商平台页面。 https://www.shangyexinzhi.com/article/7667043.html
15.怎样生成网页设计AI绘画AI绘画可以根据产品需求设计不同风格网页,现在我们用Midjourney输入目标用户和产品功能,就能生成多个方案。 现在我们先看一下案例 解决方案公式 网站UI UI即User Interface (用户界面)的简称。U设计是指对软件的人机交互、操作逻辑、界面美观的整体设计。 公式(Midjourney) https://www.jianshu.com/p/85151f9e157f
16.7款AI绘画软件,2023年设计师必备!AI绘画生成器,让你体验AI艺术的魅力。 1. Pixso AI Pixso是一款在线协同设计工具,为产设研团队提供一站式白板、原型设计、UI/UX设计、设计交付和私有化部署服务。Pixso AI将人工智能与设计工具结合,为设计师提供了一种全新的方式来快速生成图像内容。 https://www.niaogebiji.com/article-625318-1.html
17.《aieiui》教学设计与评析(精选5篇)作为一名为他人授业解惑的教育工作者,总归要编写教学设计,教学设计是教育技术的组成部分,它的功能在于运用系统方法设计教学过程,使之成为一种具有操作性的程序。我们该怎么去写教学设计呢?下面是小编整理的《ai ei ui》教学设计与评析,仅供参考,希望能够帮助到大家。 https://www.ruiwen.com/jiaoxuesheji/4462408.html
18.素材下载导航网PPT模板,PS,AI,PNG图片素材会员免费下载资源六图网作为资深的免费设计素材下载网站,为广大的图片设计者提供更多免费矢量图,PS素材,psd素材免费下载,以及艺术字体下载,节日素材,淘宝素材,ppt模板,婚纱相册模板,网页模板等设计素材下载,做更优质的正版高清图片下载库。 豆皮儿UI doupir豆皮儿网是一个专注于UI领域的垂直素材资源共享平台,旨在为UI设计师提供基础UI设https://www.scxz.com/
19.即时AI开启后,AI 将生成多张有逻辑关联的页面 开始创作取消 UI 显示区左侧输入描述,生成作品 即时AI 能做什么 用户体验计划 用户交流群 JS - UIbotics 全部 JS - Inno JS - UIbotics 网页端 全部 移动端 网页端 A Alex-lai 设计一个无菌转运负压隔离舱产品介绍的页面,包括产品介绍、工作原理、产品优势、应用场景四https://jsai.cc/ai/create?source=ai-bot.cn
20.超详细!AI绘画神器Midjourney进阶使用手册优设网前言本文从Midjourney喂图、关键词、插画类/渲染类关键词等3个章节,帮你掌握 Midjourney 的进阶玩法。基础玩法看这篇:超详细!AI 绘画神器 Midjourney 基础使用手册一、前提条件需要魔法: 新用户可免费创作 25 张图片,超过需要办会员 版权问题:会员生成的图片版https://www.uisdc.com/midjourney-2
21.灵动AI灵动AI是由灵动无限科技推出的一款人工智能商品图生成工具,用户只需上传商品图片,选择喜欢的场景,即可快速生成渲染精美的商品场景图。该工具采用了生成式AI技术,并结合自研的商品+场景融合系列专用AI模型及智能审美评价系统,为B端用户和设计师创作高质量商品场景图提供https://ai-bot.cn/sites/6749.html