火星网校
老板让我做个APP，我用AI半小时完成了120+UI界面!
发布时间：2024-01-23 19:12:42 浏览量：643次
欢迎关注作者微信公众号：「Clip设计夹」
Halo，这里是设计夹，今天分享的是「AI 界面设计」。
之前分享过利用 Midjourney 直接生成 UI 界面！详细介绍了如何使用「页面、配色、风格」指令来生成 UI 界面。
这次借着做金融类 APP 的设计需求，探索利用 AI 生成具有「科技感、仪表盘、图表、数据可视化」等属性的界面素材。
本次利用 AI 关键词提示，共生成了 4 种风格类型、120+UI 界面，以此满足更多的设计场景，一起来看看吧～
一、浅色简约风格
浅色主题更能凸显高级感，是当前大多数产品优先选择的设计风格。浅色调金融类产品提到的 Midjourney 关键词包括：「科技、现代、简约、干净、流行、白色背景」
关键词：「high-quality design, mobile app for finance blue and white theme , trending on Dribbble, behance, simplicity, figma」
关键词：「mobile app for finance, design, ux/ui, dribbble styled, light, bright v4」
关键词：「create play store screens for a finance app, 5 pages, to add under app in play store to explain more about the app. High quality, mobile app design, 3d elements, ui/ux, figma, dribble, blue, white」
关键词：「finance app, blue color palette, white background」
关键词：「modern UI/UX banking app mockup with white background」
关键词：「app interface about finances, without the phone to be seen, secured, organised, helpful, showing multiple bank accounts, nfts, crypto, stocks」
关键词：「create play store screens for a finance app, 5 pages, to add under app in play store to explain more about the app. High quality, mobile app design, 3d elements, ui/ux, figma, dribble, blue , white」
二、绿色科技风格
绿色是金融产品中常用到的颜色，能让界面效果更醒目，更有安全感。绿色科技风金融类产品提到的 AI 关键词包括：「科技、概念、加密、交易、股票」
关键词：「mobile bank green app ui ux」
关键词：「beautiful mobile app about Crypto Tax, black, turquoise,ui,ux, functional: wallet, bubble from 50 best crypto currency, Tax fee from all wallet together and solo wallet v4 stylize 500」
关键词：「bank app design ui ux with logo」
关键词：「interface of an app showing finances with different financial features like stocks, bank account management and nfts」
关键词：「figma ready web banking app」
关键词：「banking app design」
关键词：「personal finance app」
三、黑金商务风格
黑金是最能体现产品商务属性的配色，能让产品看起来稳重可信赖。黑金风格的金融类产品提到的 Midjourney 关键词包括：「财务、管理、银行、货币、金融」
关键词：「App UI design, finance, dashboard, management, renting, color palette, Behance, Pinterest, dribble::3 –v 4 –q 2」
关键词：「finance app mobile ui」
关键词：「Mobile App design for crypto buying and selling 8k」
关键词：「hight-resolution interface ui ux design app for stock trading app」
关键词：「Banking app ui」
关键词：「bank app design ui ux with logo」
关键词：「banking mobile app clean ui ux behance dribbble inspiration」
四、科技图表风格
图表界面是金融类产品中很重要的组成部分，利用多种图表样式来可视化展示数据信息。金融类产品中的图表 AI 关键词包括：「财务管理、饼图、仪表板、金融」
关键词：「minimalist mobile app for finance users」
关键词：「banking app with CO2 transaction dashboard in violett in pink colours」
关键词：「create a mobile app, finance, colour, blue, purple, screens, login, signup, dashboard, settings, splash –v 4」
关键词：「finance app, blue color palette, white background」
关键词：「App UI design, finance, dashboard, management, renting, color palette, Behance, Pinterest, dribble::3 –v 4 –q 2」
关键词：「An Android app about finance which designed in prisma type」
关键词：「mobile app ui, personal finance management, emi tracker, savings management, add daily expenses screen, review pie charts, ui, ux, ui/ux, 8k, HD」
最后
以上是金融类产品 4 种不同风格的 UI 界面，这些利用 AI 生成的界面带来了丰富的设计参考和灵感，能帮助设计师对页面风格、配色、构图、元素、图表使用…有更深入的思考。
欢迎关注作者微信公众号：「Clip设计夹」
热门课程推荐
热门资讯
-
想将照片变成漫画效果？这篇文章分享了4个方法，包括Photoshop、聪明灵犀、VanceAI Toongineer、醒图，简单操作就能实现，快来尝试一下吧！
-
2. 华为手机神奇“AI修图”功能，一键消除衣服！原图变身大V领深V！
最近华为手机Pura70推出的“AI修图”功能引发热议，通过简单操作可以让照片中的人物换装。想了解更多这款神奇功能的使用方法吗？点击查看！
-
近年来,人工智能逐渐走入公众视野,其中的AI图像生成技术尤为引人注目。只需在特定软件中输入关键词描述语以及上传参考图就能智能高效生成符合要求的...
-
4. AI视频制作神器Viggle：让静态人物动起来，创意无限！
Viggle AI是一款免费制作视频的AI工具，能让静态人物图片动起来，快来了解Viggle AI的功能和优势吧！
-
5. Logo Diffusion——基于sd绘画模型的AI LOGO 生成器
这下LOGO设计彻底不用求人了。接下来详细演示一遍操作流程首先进入Logo D... 想学习更多AI技能,比如说关于怎么样利用AI来提高生产效率、还能做什么AI...
-
6. 零基础10分钟生成漫画，教大家如何用AI生成自己的漫画
接下来,我将亲自引导你,使用AI工具,创作一本既有趣又能带来盈利的漫画。我们将一起探索如何利用这个工具,发挥你的创意,制作出令人惊叹的漫画作品。让...
-
7. AI显卡绘画排行榜:4090无悬念，最具性价比出人意料
在AI绘图领域，Stable Diffusion的显卡绘图性能备受关注。本文整理了Stable Diffusion显卡的硬件要求和性能表现，以及2023年3月显卡AI绘图效率排行榜和性价比排行榜。欢迎查看最新的AI显卡算力排行榜。
-
以下是一些免费的AI视频制作网站或工具,帮助您制作各种类型的视频。 1. Lumen5:Lumen5是一个基于AI的视频制作工具,可将文本转换为视频。 用户可以使...
-
就能快速生成一幅极具艺术效果的作品,让现实中不懂绘画的人也能参与其中创作!真的超赞哒~趣趣分享几款超厉害的AI绘画软件,提供详细操作!有需要的快来...
-
10. 10个建筑AI工具，从设计到施工全覆盖!肯定有你从来没听过的
讲述了建筑业比较著名的AI公司小库科技做出的探索,在这儿就不多说了。今天,我们试着在规划设计、建筑方案设计、住宅设计、管道设计、出渲染图、3D扫...
