Halo，這里是設(shè)計(jì)夾，今天分享的是「AI 界面設(shè)計(jì)」。

之前分享過(guò)利用 Midjourney 直接生成 UI 界面！詳細(xì)介紹了如何使用「頁(yè)面、配色、風(fēng)格」指令來(lái)生成 UI 界面。

這次借著做金融類(lèi) APP 的設(shè)計(jì)需求，探索利用 AI 生成具有「科技感、儀表盤(pán)、圖表、數(shù)據(jù)可視化」等屬性的界面素材。

本次利用 AI 關(guān)鍵詞提示，共生成了 4 種風(fēng)格類(lèi)型、120+UI 界面，以此滿足更多的設(shè)計(jì)場(chǎng)景，一起來(lái)看看吧～

一、淺色簡(jiǎn)約風(fēng)格

淺色主題更能凸顯高級(jí)感，是當(dāng)前大多數(shù)產(chǎn)品優(yōu)先選擇的設(shè)計(jì)風(fēng)格。淺色調(diào)金融類(lèi)產(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)金融類(lèi)產(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)品看起來(lái)穩(wěn)重可信賴。黑金風(fēng)格的金融類(lèi)產(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)格

圖表界面是金融類(lèi)產(chǎn)品中很重要的組成部分，利用多種圖表樣式來(lái)可視化展示數(shù)據(jù)信息。金融類(lèi)產(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」

最后

以上是金融類(lèi)產(chǎn)品 4 種不同風(fēng)格的 UI 界面，這些利用 AI 生成的界面帶來(lái)了豐富的設(shè)計(jì)參考和靈感，能幫助設(shè)計(jì)師對(duì)頁(yè)面風(fēng)格、配色、構(gòu)圖、元素、圖表使用…有更深入的思考。

歡迎關(guān)注作者微信公眾號(hào)：「Clip設(shè)計(jì)夾」