Midjourney Version 5 for Web Design - The Results
Skills:
UI Design80%
Key Takeaways
Uses Midjourney Version 5 to generate web designs for UI/UX design inspiration
Full Transcript
mid Journey version 5 just released late yesterday and today we're going to take a look at what it's capable of in terms of producing UI ux designs now for those that don't know mid-journey is a generative image AI That's capable of taking your text input and outputting some really awesome images and photographs oh in layouts too so here's the first prompt I issued a clean website landing page for a breakfast restaurant that makes waffles use a yellow black and white color scheme now for now you have to specify version 5 for the version 5 results now here's what it came up with overall this is a very solid first attempt it used the yellow black white color scheme but as you can see it still screws up the text but it does offer solid layout ideas I like the top right one and here it is upscaled not bad for just helping you generate color scheme and layout ideas now make sure to stick around because I'm also going to take one of these designs and make it Polished in the end now here's another prompt a dashboard designed for a cryptocurrency service that shows the current bitcoin price stats minimalistic version 5 ar-169 overall not bad at all it looks like it has some nice charts and I like the one on the lower right corner so here's that upscaled now you can also issue a prompt in the form of an image URL so I issued a prompt with this image here to see if it would output that design in a device mock-up and here's what it came up with as you can see same color scheme it recognized that there were charts in the original image so overall it didn't do that bad of a job mirroring the image that we fed it in a device mock-up format I saw another user issue this prompt for a vape web design but they forgot to add the version 5 tag at the end and this is the result of that default version 4. I then decided to issue the same exact prompt except add on to version 5 tag at the end I actually like the version 5 option more but it really doesn't seem that Superior it's just stylistically different here's another prompt testimonial section with large testimonial and three smaller testimonials underneath UI ux web design purple and white color scheme and here's the result and here's the result the only option here that seemed to give me what I asked for is the upper right corner there's a large testimonial up top and then three different cards underneath which could be construed as testimonials overall you can easily take this and use it for layout inspiration now having said that let's do exactly that let's say you found a layout for inspiration along with a color scheme and now it's time to make it a high polish design here's a time lapse of me working on one of the Vape layouts foreign [Music] foreign [Music] here's the original image from mid-journey and here's the polished version that I created in figma as you can see pretty awesome stuff utilizing generative AI for color scheme and layout ideas can be really useful especially if you're someone who has a hard time with layouts and colors in general if you enjoyed this video check out designcores.com where you can learn UI ux CSS and more with my custom interactive platform that makes learning fun and easy
Original Description
http://bit.ly/3JmcY70 👈 Learn UI/UX & CSS Today. Use "UI2023" for 23% Off!
https://designcourse.com/af 👈 My upcoming "Advanced Frontends" Course
-- Today, we're going to check out the newly released Midjourney V5 (Version 5) and how it can handle producing web designs for UI/UX design inspiration. I'll feature several examples, along with refining a design that midjourney produced.
https://midjourney.com (Not a sponsored video)
Let's get started!
#midjourney #ai #uiux
- - - - - - - - - - - - - - - - - - - - - -
Subscribe for NEW VIDEOS!
Learn UI/UX: https://designcourse.com
My personal FB account: http://fb.com/logodesigner
Coursetro FB: http://fb.com/coursetro
Coursetro's Twitter: http://twitter.com/designcoursecom
Join my Discord! https://discord.gg/a27CKAF
^-Chat with me and others
- - - - - - - - - - - - - - - - - - - - - -
Who is Gary Simon? Well, I'm a full stack developer with 2+ decades experience and I teach people how to design and code. I've created around 100+ courses for big brands like LinkedIn, Lynda.com, Pluralsight and Envato Network.
Now, I focus all of my time and energy on this channel and my website Designcourse.com.
Come to my discord server or add me on social media and say Hi!
Watch on YouTube ↗
(saves to browser)
Sign in to unlock AI tutor explanation · ⚡30
Playlist
Uploads from DesignCourse · DesignCourse · 0 of 60
← Previous
Next →
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
Photoshop Pen Tool Tutorial (Tattoo Design)
DesignCourse
How to Design the Microsoft Logo in Photoshop
DesignCourse
Photoshop Gradients Video Tutorial
DesignCourse
Your Guide to Layer Styles
DesignCourse
Layer Masks in Photoshop
DesignCourse
iOS App Icon Design Tutorial in Illustrator CS6
DesignCourse
Illustrator CS6 Logo Design Tutorial - Archfold
DesignCourse
Photoshop CS6 3D Tutorial - Magic Tent Illustration
DesignCourse
How to Design a Tshirt Tutorial - Adobe Illustrator
DesignCourse
Types of Logos - Lettermark & Monogram Logo Type
DesignCourse
Banner Design in Photoshop CS6
DesignCourse
How to Design a Logo in Illustrator CC
DesignCourse
Designing a Logo in Photoshop CC
DesignCourse
1. Launch & Market a Web Based Business - Introduction
DesignCourse
2. Launch & Market a Web Based Business - Logo Design
DesignCourse
3. Home Page Mockup in PS : Part 1
DesignCourse
4. Home Page Mockup in PS : Part 2
DesignCourse
5. Home Page Mockup in PS : Part 3
DesignCourse
6. Home Page Mockup in PS : Part 4
DesignCourse
7. Home Page HTML & CSS - Part 1
DesignCourse
8. Home Page HTML & CSS - Part 2
DesignCourse
Using Photoshop to Showcase Mobile Projects
DesignCourse
Flat Icon Design Tutorial in Illustrator CC
DesignCourse
Illustrator CC Logo Design Tutorial - A Logo That "Pops"!
DesignCourse
Logo Design Follow Along 1: Emblem Logo Design
DesignCourse
Showcasing Logos in 3D with Blender
DesignCourse
How to Design an Effective Lettermark Logo
DesignCourse
Squeeze Page Design Tutorial in Photoshop (Part 1)
DesignCourse
Squeeze Page Design Tutorial in Photoshop (Part 2)
DesignCourse
Mobile GUI Element Design in Adobe Photoshop CC (Part 1)
DesignCourse
Mobile GUI Element Design in Adobe Photoshop CC (Part 2)
DesignCourse
Flat Mobile App Design in Photoshop CC - Weather App
DesignCourse
Create Reflective 3D Text in Blender (Beginner)
DesignCourse
Animating a Logo with Adobe After Effects CC (Beginner)
DesignCourse
Design a Game Website Mockup in Photoshop CC (Part 1)
DesignCourse
Design a Game Website Mockup in Photoshop CC (Part 2)
DesignCourse
Photo Manipulation Tutorial in Photoshop CC (Beginner)
DesignCourse
Advertising Illustration Tutorial in Photoshop CC
DesignCourse
Perspective Warp Tool Tutorial in Photoshop CC
DesignCourse
Free Giveaway Contest. (WiseBanner Banner Maker).
DesignCourse
Design an Animated Loading/Download Icon (GIF)
DesignCourse
Contest Winners (WiseBanner)
DesignCourse
Model & Animate a 3D Push Button in Blender (Beginner)
DesignCourse
Mega Tutorial - iPhone Breathalyzer - Project Introduction
DesignCourse
Part 1 - iPhone Breathalyzer - Blender
DesignCourse
Part 2 - iPhone Breathalyzer - Rendering & GUI Design
DesignCourse
Part 3 - iPhone Breathalyzer - UI Animation in After Effects
DesignCourse
Part 4 - iPhone Breathalyzer - Website Design in Photoshop CC
DesignCourse
Part 5 - iPhone Breathalyzer - HTML Part 1
DesignCourse
Part 6 - iPhone Breathalyzer - HTML/CSS Part 2
DesignCourse
Part 7 - iPhone Breathalyzer - HTML/CSS Part 3
DesignCourse
Part 7 - iPhone Breathalyzer - Finishing Touches
DesignCourse
Square Space Logo Maker - C'mon People.
DesignCourse
Design a Bloody Knife in Photoshop CC
DesignCourse
Typographic Poster Design Tutorial in Illustrator (Part 1)
DesignCourse
Typographic Poster Design Tutorial in Illustrator (Part 2)
DesignCourse
Modern Business Card Design in Illustrator CC (Part 1)
DesignCourse
Modern Business Card Design in Illustrator CC (Part 2)
DesignCourse
Parallax Tutorial using Parallax.JS
DesignCourse
Interview: Andrew Price of BlenderGuru.com
DesignCourse
More on: UI Design
View skill →Related Reads
📰
📰
📰
📰
UX Case Study — Menu Krusial Lapor Diri pada SPMB Online “Tidak Ditemukan”??
Medium · UX Design
Can we talk about the portfolio double standard for a minute?
Medium · UX Design
Designing for Intelligence: 8 UX Patterns That Separate Good AI Products From Forgettable Ones
Medium · AI
Designing for Intelligence: 8 UX Patterns That Separate Good AI Products From Forgettable Ones
Medium · UX Design
🎓
Tutor Explanation
DeepCamp AI