AI绘画|APP之 UI & Icon & banner & logo

AI绘画 UI设计 Icon设计 banner设计 logo设计
本文探讨了如何使用Midjourney进行APP的UI、Icon、Banner和Logo设计。首先,UI设计的关键在于提供清晰的提示词,以生成符合需求的图像,尽管Midjourney生成的图像可能存在乱码和bug,但其输出在设计初期仍可作为灵感来源。Icon设计则强调简洁和高质量,通过调整提示词可以生成更符合现代审美的图标。Banner设计通常需要结合垫图功能来实现具体内容。Logo设计则可以通过借鉴著名设计师的风格或指定特定风格来生成,如Saul Bass的图形风格或极简线条风格。总体而言,Midjourney在设计过程中提供了丰富的视觉参考,但最终仍需设计师进行优化和完善。
文章内容
思维导图
常见问题
社交分享

今天梳理一下 Midjourney 做APP那些事,主要是通过 UI 、Icon、banner、logo这几个方面来看看。以做一个线下社交活动app为例。

01 UI 界面设计

首先,我们需要给 Midjourney一个清晰的提示,以便它生成图像。越清楚地表达我们想要的东西,获得的结果也就越精准。编写关键词时,需将关键词用逗号分隔成一个个短语:

high-quality UI design, offline social activities mobile app, trending on Dribbble, Behance高品质UI设计, 线下社交活动应用程序, Dribbble、Behance风格

出的图可以说是很不理想,简单修改一下 prompt

user interface,offline social activities mobile app, clean UI,minimalism,trending on Dribbble, Behance用户界面,线下社交活动app, 极简UI,极简主义,Dribbble、Behance风格

看上去细节更好了,在增加 Figma,看看不同风格的UI界面

user interface, offline social activities mobile app, clean UI, figma, minimalism,trending on Dribbble, Behance用户界面,线下社交活动app, 极简UI,极简主义,Dribbble、Behance风格

细节更多了,Midjourney生成的图像中存在两个重大问题:乱码文本和图像bug。即使经过多次尝试,Midjourney 生成的结果也无法在没有设计师改进的情况下直接使用。不过,这种原始输出在设计过程的早期阶段非常有用,它能够提供视觉灵感。例如,创建 AI 生成图像的情绪板并将其用作设计师创建视觉语言的参考。

02 Icon设计

Icon传达了应用程序的主要内容,并给用户建立产品的第一印象。因此其整体的设计语言会直接影响用户对产品的看法,我们给了以下关键词,让Midjourney帮助我们做Icon的设计:

icon for iOS app in high resolution, activity project with many people, high quality, HQiOS app icon,高保真, 活动,高清

除了又上一个有点样子,其他都不太行,也太传统了

icon for iOS app in high resolution,activity project with many people, high quality, minimalism, flat design高保真App Icon,活动,高质量,极简主义,扁平设计

好看多了,这才是 Icon 该有的样子

03 banner

banner,about entertainment establishment, high quality, minimalism,flat design,trending on Dribbble, Behance横幅,娱乐场所,高保真, 极简主义,扁平风格,Dribbble,Behance

实现具体相关内容,这个一般需要用垫图功能来实现,相关内容请看之前的相关文章

04 Logo

logo是品牌的核心元素,我们可以要求Midjourney生成特定风格的图像,借鉴著名平面设计师的风格,例如 Saul Bass,他以为 Vertigo(希区柯克执导)等电影设计海报而闻名:

minimal logo of outdoor activity, graphic style of Saul Bass户外活动标志,Saul Bass图形风格

也可以不用加风格

或者指定线条风格的Logo:

minimal logo of outdoor activity, line style,minimalism,flat design,trending on Dribbble, Behance户外活动Logo,线条风格,极简主义,扁平设计,Dribbble, Behance趋势

思维导图生成中,请稍候...

问题 1: 如何通过 Midjourney 生成高质量的 UI 界面设计?
回答: 需要提供清晰的关键词提示,例如“high-quality UI design, offline social activities mobile app, clean UI, minimalism, trending on Dribbble, Behance”。关键词越具体,生成的结果越精准。

问题 2: Midjourney 生成的 UI 界面存在哪些问题?
回答: Midjourney 生成的 UI 界面可能存在乱码文本和图像 bug,这些结果无法直接使用,但可以作为设计初期的视觉灵感参考。

问题 3: 如何设计一个符合现代审美的 App Icon?
回答: 使用关键词如“icon for iOS app in high resolution, activity project with many people, high quality, minimalism, flat design”来生成极简且高质量的 Icon 设计。

问题 4: Midjourney 能否直接生成可用的 Banner 设计?
回答: Midjourney 生成的 Banner 设计需要结合垫图功能来实现具体内容,生成的图像可以作为设计参考,但可能需要进一步优化。

问题 5: 如何通过 Midjourney 设计一个具有品牌特色的 Logo?
回答: 可以使用关键词指定风格,例如“minimal logo of outdoor activity, graphic style of Saul Bass”或“minimal logo of outdoor activity, line style, minimalism, flat design”。

问题 6: Midjourney 生成的图像是否可以直接用于商业设计?
回答: 不能直接使用,因为生成的图像可能存在乱码、bug 或不符合实际需求,需要设计师进一步改进和优化。

问题 7: 在设计过程中,如何利用 Midjourney 生成的图像?
回答: 可以将 Midjourney 生成的图像作为情绪板或视觉灵感参考,帮助设计师创建视觉语言和设计方向。

问题 8: 如何优化 Midjourney 的提示词以获得更好的设计结果?
回答: 提示词应尽量具体且包含设计风格、用途和参考平台等信息,例如“clean UI, minimalism, trending on Dribbble, Behance”。

问题 9: Midjourney 在 Icon 设计中表现如何?
回答: 通过优化提示词,Midjourney 可以生成符合现代审美的极简 Icon 设计,但初始结果可能需要多次尝试和调整。

问题 10: 如何借鉴著名设计师的风格来设计 Logo?
回答: 在提示词中指定设计师的风格,例如“graphic style of Saul Bass”,可以生成具有特定风格的 Logo 设计。