Get UI inspirations from Midjourney and learn UI design, colors, typography as a beginner in Figma. Full course: https://designcode.io/web-app
Figma file: https://www.figma.com/community/file/1218595052516978368
Wallpapers: https://www.figma.com/community/file/1217481301531252836/Abstract-8K-Wallpapers
Web App design is the creation of visually appealing and user-friendly interfaces for web applications. It involves principles of UX, graphic design, typography, color theory, and responsive design to create a seamless user experience. Good design is crucial for a web app’s success, affecting user engagement and satisfaction.
0:00 Intro
3:14 UI Patterns & Wireframing
10:31 Colors & Gradients
19:39 Typography & Text Styles
27:02 Icons & Avatars
33:49: Midjourney
#figma #midjourney #uidesign
source
If you arent following standard practise of a web app design like containers, section, headers, autolayouts, containers, grouping common elements etc to make it easy to convert to css classes, then you should not call this a web app design.
This is more like graphic designs for ads or whatever
You have good skills with Design, but have you converted this into html and css. Its a nightmare. Figma gives the css for colors height etc, but does not out of box provide responsive design, and relative element positioning. For instance the lines you used are like shown as individual divs with hard coded positions. If you use any automated code generator, it will give css of 1000s of lines with duplicates style codes for each pixels you miss matched in the lines
there is a bit of video in your ads
great copy of youtube!
It is very easy for you, but we have difficulties while coding.
You just used AI for the graphic material, and then the video title is Web UI deaign with AI?
This is the best tutorial I've ever seen.
@ 8:04 the button labels disappear when she moves on to the next bit but I don't know how this was done, someone please help explain. Thanks in advance
Clickbait starts at 33:50
the content is great probably but the voice could not be more boring than that
Nice tutorial
ok
you sound like an AI
Is it AI talking?
Give me invalid discord invitation after pressing join the beta, can I fix this?
OMG, this website and animations are so beautiful! Thanks for the video
I have subscribe to the premium service on Youtube x100 and do see the component et prototype of this interface ? Don't understand, where i could find this video ?
A+ content!
The only problem with AI voice and AI script editing is it can make it feel like less effort went into creating the content which might turn some people away. Though it is clear to me a lot of effort went into this. And as the technology gets even better maybe nobody will be able to tell the difference.
Copy pahhst. 😂
That's some beautiful gradients!
and the second one, how the fuck can i import ur color style in stroke properties, imagine i have a head ache trying do this shit since 2 hours xD
WTF in 8:03 u had difference names of frames/groups and then switch to another names and they looks like all be frames now ? ???
– copy yt layout 1 to 1
– add gradients and glassmorphism
– use ai for nothing but some thumbnails
– sell course
🤡
Function of professional artists in the future: Clicking buttons