AI绘画可以根据产品需求设计不同风格网页，现在我们用Midjourney输入目标用户和产品功能，就能生成多个方案。

现在我们先看一下案例

解决方案公式

网站UI

UI即User Interface （用户界面）的简称。U设计是指对软件的人机交互、操作逻辑、界面美观的整体设计。

公式 (Midjourney）

“modern website for 产品功能？+ ui/ux design ＋ 设计风格＋页面结构 ＋配色方案

魔法词

‘modern website for 产品功能’+ ui/ux design

辅助词(更多词语详见文末）

产品功能：female clothes(女装),music(音乐),travelling(旅游)，promotion(品宣）),按需写即可。

设计风格：Modern (现代的)，Traditional（传统的)，Vintage(复古的），Minimalist（极简主义的）...

页面结构：Intuitive（直观)，User-friendly(用户友好)，Responsive（响应式)，Hierarchical（分层的）...

配色方案：Monochromatic (单色的），Polychromatic（多的),Complementary(互补的）...

场景举例

1.音乐类网站

描述词：modern website for music, ui/ux,Vintage, Retro,high resolution

描述词：modern website for music, ui/ux,Pioneering, experimental,high resolution

这里展示了两种音乐网站的设计，一种偏复古，一种偏实验性。对于复古类网站，可以使用复古的宇体、图标和其他视觉元素，同时融入音乐元素，如唱片、音符等。设计应保持简洁，以便用户专注于音乐。色彩方案可以选择复古色彩，如士黄色、深绿色、深蓝色等。色彩应该和设计风格保持一致，同时要保证良好的视觉效果和阅读性。对于实验性网站，颜色可以考虑黑白灰，以突显高级感。

2.设计公司介绍（品宣）类网站

描述词：modern website for promotion, ui/ ux, minimalist,embodiesbrightness,innovation,soft, bright colors,high resolution --ar 16:9

描述词：modern website for promotion, ui/ ux,minimalist,innovation,highresolution --ar 16:9

网站设计应该反映出公司的创意和专业性。可以使用大的视觉元素、简洁的排版来吸引访问者的注意力。同时，网站的设计应该让访问者觉得易于使用和浏览。颜色方案应该与公司的品牌和个性相吻合。如果公司有标志性的颜色，那么可以在设计中大胆使用。同时，确保颜色的选择能够增加祝觉吸引力，同时保持内容的可读性

3.旅游类网站

描述词：modern website for traveling, modern ui/ux design,minimalist,barren,high resolution

描述词：modern website for travelling, modern ui/ux design,minimalist,attractive,inspiring,high resolution

旅游类网站的设计风格通常需要传达出一种探索和冒险的感觉，吸引1人们去新的地方旅行。因此，可以使用大幅的引1人入胜的图片、地图和可视化元素来激发用户的旅行欲望。色彩方案应根据公司的品牌形象以及想要传达的情感进行选择。一般来说，明亮的颜色和不太跳跃的颜色搭配，是旅游网站的常见选择。

4.电商女装网站

描述词：modern minimalist webpage, ui/ux design ,dribbble,attractive,female clothes,high resolution

描述词：modern minimalist webpage, female clothes, ui/u design , Modular,high resolution

电商类网站应当具有简洁清晰的导航系统，方便用户快速找到他们想要购买的商品类型，女性用户通常喜欢温馨和友好的设计风格，所以可以使用园润的线条和软色调来创建这种感觉，粉色系、紫色系或其他柔和的色彩可能会引起女性用户的共鸣，在此基础上，确保颜色的选择不会影响网站信息的可读性和网站的整体美观。

5.运动健身类网站

描述词：modern website for ftness and gym, modern ui/ ux design,energetic,muscular guy,high resolution

描述词：modern website for fitness and gym, modern ui/ux design,energetic, warm,bright,hot,high resolution

运动类网站的设计风格应该鼓舞人们积极参与运动。设计应当动感、现代并充满活力，大胆的图形，强烈的视觉对比，以及流畅的动画效果都可以用来表达这种感觉。色彩方案应该充满活力和能量，通常使用鲜艳的颜色如红色，橙色，或蓝色。颜色的选择应既能吸引用户注意，也要保证内容的可读性。

6.数据分析类网站

描述词：modern website for data chart, modern ui/ux design ,analyze, Saas,specialist, surreal,high resolution

描述词：modern website for data chart, modern ui/u design ,analyze, Saas,specialist, bright colors,high resolution

专业且清晰的设计风格会让您的数据分析类网站显得更可靠。整齐有序的功能区块可以让数据分析类网站更显专业性。一般来说，蓝色和交色可以传达专业和可靠的感觉，或者选择与您品牌相一致的颜色。同时，您也可以使用鲜艳的颜色来突出关键功能或信息。

7.食谱类网站

描述词：modern website for recipe, ui/ux,minimalist,nealthy, bright colors,highresolution

描述词：modern website for recipe, ui/ux,minimalist, healthy, cake,soft,brightcolors, high resolution

用户通常访问食谱网站来寻找特定的食谱或烹饪灵感。因此，设计应以食谱搜索和分类为核心，提供易于浏览的分类、推荐和特色食谱，设计风格应诱人且实用，使用好看的食物照片和可读的字体来展示。颜色方案可以反映食物的丰富和多样性，同时与网站的整体品牌和氛围保持一致。温暖的颜色如橙色、黃色和绿色通常能增加食物的吸引力。

8.个人博客类网站

描述词：modern website for personal blog,ui/ux,minimalist,Geometric,interesting,bright color,high resolution

描述词：modern website for personal blog, ui/ux,minimalist,soft,bright color, highresolution

博客设计应反映博主的个性和博客主题。可以是随意的，正式的，有趣的，或任何博主想要传达的风格。图片和插图应与内容保持一致，并增强视觉吸引1力。配色：颜色方案应与博主的个性和博客内容相协调。颜色选择可以是鲜艳和生动的，也可以是柔和和沉稳的，取决于博主想要传达的感觉

9.艺术展网站

描述词：modern website for art exhibition, ui/ ux,minimalist,high resolution

描述词：modern website for art exhibition, ui/ux,minimalist, green andred,exciting,high resolution

设计风格应优雅、精致并以视觉艺术为主导。可以使用大型图像来展示艺术品的细节。字体和其他设计元素应保持简洁，以不干扰艺术作品的展示。配色会比较灵活，根据展览的主题色来定，将对应颜色放入提示词即可。

10.酒店网站

描述词：modern website for luxury hotel, ui/ux,minimalist,nature,silent,highresolution

描述词：modern website for luxury hotel, ui/ux,minimalist, extravagance, highresolution

设计应优雅且令人愉悦，反映酒店的氛国和级别。高清图片可以让客人在访问网站时体验到酒店的氛围。颜色方案应与酒店的内部装潢和品牌调性保持一致。可以使用温馨、奢华或平静的颜色，取决于酒店的市场定位。

总结

通过这篇文章，我们已经一起探索了如何使用midjourney来打造网站山设计。这真的是个神器！只要有它，一天就可以快速制作出好几百份设计稿，而且它的配色和网站结构都很专业。但midjourney出的设计稿也有些小问题，像是无法精确控制页面按钮等细节，这可能会让你的设计过程稍微受点限制。另外，它的审美风格有点偏西方，所以在设计时，你可能需要稍微调整一下，让它更符合你的受众喜好。此外，其实midjourney能和更多的A绘画技巧搭配起来，来完成所有页面的设计，包括icon、banner、网站底图设计等，还能利用z0om out功能向 下延伸出完整的页面。它甚至可以帮我们在设计稿的基础上，生成整个网站的配色方案。是不是很不错？赶紧学起来吧！

注：文章转载自AI绘画一本通（365个AI绘画案例）-sky,版权归原作者所有，原文件链接：https://xiaobot.net/p/yibentong?refer=a0f8a362-2fb0-4725-91f8-0c96459335b5

彩蛋

设计风格

Modern（现代的），Traditional(传统的），Vintage（复古的），Retro（怀日的），Luxurious（豪华的)，Fancy(奢华的)，Rustic（乡村的），Industrial (工业的)，Abstract (抽象的)，Classic（经典的)，Contemporary（当代的），Futuristic(未来的)，Art Deco(装饰艺术的），Bohemian（波西米亚的)，Eclectic(折衷的），Elegant （优雅的)，Glamorous(华丽的），Handcrafted（手工的)，Hippie（嬉皮的)，Nautical(海洋的)，Oriental(东方的)，Romantic（浪漫的)， Shabby Chic （破1日雅致的），Scandinavian （斯堪的纳维亚的)，Victorian（维多利亚的)，Flat (扁平的），Material(质感的)，Geometric （几何的)， Cartoonish（卡通的)，Neomorphic (新形态的），Skeuomorphic（拟物的)，Dark Mode (暗模式的)，Light Mode（亮模式的），Textured （有质感的)，Typographic（排版的）.

页面结构

lntuitive(直观的），User-friendly(用户友好的），Responsive(响应式的)，Minimalistic (极简主义的)，Hlierarchical（分层的)，Grid-based(基于网格的)，Modular （模块化的），Scalable(可扩展的），Fluid（流动的），Compact(紧凑的)， Streamlined （流线型的)，Multi-page (多页的)， Single-page （单页的)，Iinteractive（交互式的)，Searchable（可搜素的），Easy-to-navigate（易于导航的)，Organized(有组织的)，Clean(整洁的)，Personalized（个性化的），Accessible (可访问的)，Consistent （一致的），Dynamic(动态的)，Flexible （灵活的)，Balanced (平衡的)，Symmetrical(对称的），Asymmetrical(非对称的)，Monotone（单调的)，Multi-layered(多层的)，Depth-illusion(深度错觉的），Parallax（视差的），Fixed-navigation （固定导航的)，Mega-menu(大型菜单的)，F-shape (F形的)，Z-shape(Z形的)，Card-based(基于卡片的），Collapsible（可折叠的)，Infinite-scrolling(无限滚动的)，Progressive-disclosure（渐进式揭示的)，Carousel(轮播的）

配色方案

Monochromatic （单色的)，Polychromatic（多色的），Analogous（相似的），Complementary（互补的），Split-complementary（分裂互补的），Triadic （三色的），Tetradic(四色的），Warm（暖色的），Cool(冷色的），Neutral（中性的)，Pastel （柔和的），Bright （鲜亮的），Dark(暗色的），Light（亮色的)，Vibrant(鲜艳的），Muted (柔和的），Saturation (饱和的)，Desaturated(低饱和的），Hligh-contrast（高对比度的)，Low-contrast (低对比度的)，Gradient（渐变的）