老板讓我做個(gè)APP,我用AI半小時(shí)完成了120+UI界面!
歡迎關(guān)注作者微信公眾號(hào):「Clip設(shè)計(jì)夾」
Halo,這里是設(shè)計(jì)夾,今天分享的是「AI 界面設(shè)計(jì)」。
之前分享過利用 Midjourney 直接生成 UI 界面!詳細(xì)介紹了如何使用「頁面、配色、風(fēng)格」指令來生成 UI 界面。
這次借著做金融類 APP 的設(shè)計(jì)需求,探索利用 AI 生成具有「科技感、儀表盤、圖表、數(shù)據(jù)可視化」等屬性的界面素材。
本次利用 AI 關(guān)鍵詞提示,共生成了 4 種風(fēng)格類型、120+UI 界面,以此滿足更多的設(shè)計(jì)場(chǎng)景,一起來看看吧~
一、淺色簡(jiǎn)約風(fēng)格
淺色主題更能凸顯高級(jí)感,是當(dāng)前大多數(shù)產(chǎn)品優(yōu)先選擇的設(shè)計(jì)風(fēng)格。淺色調(diào)金融類產(chǎn)品提到的 Midjourney 關(guān)鍵詞包括:「科技、現(xiàn)代、簡(jiǎn)約、干凈、流行、白色背景」
關(guān)鍵詞:「high-quality design, mobile app for finance blue and white theme , trending on Dribbble, behance, simplicity, figma」
關(guān)鍵詞:「mobile app for finance, design, ux/ui, dribbble styled, light, bright v4」
關(guān)鍵詞:「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」
關(guān)鍵詞:「finance app, blue color palette, white background」
關(guān)鍵詞:「modern UI/UX banking app mockup with white background」
關(guān)鍵詞:「app interface about finances, without the phone to be seen, secured, organised, helpful, showing multiple bank accounts, nfts, crypto, stocks」
關(guān)鍵詞:「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」
二、綠色科技風(fēng)格
綠色是金融產(chǎn)品中常用到的顏色,能讓界面效果更醒目,更有安全感。綠色科技風(fēng)金融類產(chǎn)品提到的 AI 關(guān)鍵詞包括:「科技、概念、加密、交易、股票」
關(guān)鍵詞:「mobile bank green app ui ux」
關(guān)鍵詞:「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」
關(guān)鍵詞:「bank app design ui ux with logo」
關(guān)鍵詞:「interface of an app showing finances with different financial features like stocks, bank account management and nfts」
關(guān)鍵詞:「figma ready web banking app」
關(guān)鍵詞:「banking app design」
關(guān)鍵詞:「personal finance app」
三、黑金商務(wù)風(fēng)格
黑金是最能體現(xiàn)產(chǎn)品商務(wù)屬性的配色,能讓產(chǎn)品看起來穩(wěn)重可信賴。黑金風(fēng)格的金融類產(chǎn)品提到的 Midjourney 關(guān)鍵詞包括:「財(cái)務(wù)、管理、銀行、貨幣、金融」
關(guān)鍵詞:「App UI design, finance, dashboard, management, renting, color palette, Behance, Pinterest, dribble::3 –v 4 –q 2」
關(guān)鍵詞:「finance app mobile ui」
關(guān)鍵詞:「Mobile App design for crypto buying and selling 8k」
關(guān)鍵詞:「hight-resolution interface ui ux design app for stock trading app」
關(guān)鍵詞:「Banking app ui」
關(guān)鍵詞:「bank app design ui ux with logo」
關(guān)鍵詞:「banking mobile app clean ui ux behance dribbble inspiration」
四、科技圖表風(fēng)格
圖表界面是金融類產(chǎn)品中很重要的組成部分,利用多種圖表樣式來可視化展示數(shù)據(jù)信息。金融類產(chǎn)品中的圖表 AI 關(guān)鍵詞包括:「財(cái)務(wù)管理、餅圖、儀表板、金融」
關(guān)鍵詞:「minimalist mobile app for finance users」
關(guān)鍵詞:「banking app with CO2 transaction dashboard in violett in pink colours」
關(guān)鍵詞:「create a mobile app, finance, colour, blue, purple, screens, login, signup, dashboard, settings, splash –v 4」
關(guān)鍵詞:「finance app, blue color palette, white background」
關(guān)鍵詞:「App UI design, finance, dashboard, management, renting, color palette, Behance, Pinterest, dribble::3 –v 4 –q 2」
關(guān)鍵詞:「An Android app about finance which designed in prisma type」
關(guān)鍵詞:「mobile app ui, personal finance management, emi tracker, savings management, add daily expenses screen, review pie charts, ui, ux, ui/ux, 8k, HD」
最后
以上是金融類產(chǎn)品 4 種不同風(fēng)格的 UI 界面,這些利用 AI 生成的界面帶來了豐富的設(shè)計(jì)參考和靈感,能幫助設(shè)計(jì)師對(duì)頁面風(fēng)格、配色、構(gòu)圖、元素、圖表使用…有更深入的思考。
歡迎關(guān)注作者微信公眾號(hào):「Clip設(shè)計(jì)夾」