This Monday MasterClass we’re looking at Minimalist design, the perfect combination of great aesthetics and speed.
This episode covers a lot of valuable web-building information for all levels looking to learn about:
Why use Minimalist design 00:17
What Minimalist design is 01:02
How to use negative space 03:05
Using text to a minimum and make it a part of the design 04:45
What to look for when selecting images 05:47
Establishing clear visual hierarchy 07:06
The Nielson Group’s F-Shape pattern 07:20
Using different types of symmetry, or none at all (“Broken Grid”) 08:16
How to create a good minimalist color palette 10:04
When to use Minimalism as a design concept 12:15
Read more about Minimalism and how to create great Minimalist web designs in the in-depth post featured in this edition of Elementor’s Online Magazine:
https://elementor.com/blog/tips-for-minimalist-web-design/
\ EXAMPLES USED in this MASTERCLASS (in order of appearance):
▸ WebNoord | https://www.webbnord.se
▸ Shira Leffel | https://www.shiraleffel.com/
▸ We Ain’t Plastic | http://weaintplastic.com/
▸ The Digital Artisans | https://thedigitalartisans.com/
RESOURCES USED in this MASTERCLASS:
▸ Examples of Modernist art from Wiki Art | https://www.wikiart.org/en/artists-by-art-movement/minimalism
▸ Examples of Modernist architecture from Dezeen.com | https://www.dezeen.com/tag/minimalist-architecture/
▸ Google Chrome icon via Google.
▸ Nielson Group’s F-Shape pattern | https://www.nngroup.com/articles/f-shaped-pattern-reading-web-content/
▸ Monday Masterclass: How to Use Custom Fonts on WordPress | https://youtu.be/l3ayGDxFFdE
\ Tools we used in this Masterclass:
▸ Architect Project Page template | https://library.elementor.com/architect-projects/
Get Elementor: https://elementor.com
Get Elementor Pro: https://elementor.com/pro/
source
I hope bro Is an actual in-house teacher at a school for many!
This was an interesting watch. I'm really enjoying all the videos you all are putting out. They are EXTREMELY helpful. Thank you.
Excellent video!! My challenge with my site is to make it as simple and minimalistic as possible. I'm still torn between Gutenberg and elementor. I definitely want fast page loading so at the moment I see myself in a quandary as to how to approach my site as basic as possible!😀
wow
#1 Negative Space – 3:10
#2 Text – 4:50
#3 Vivid Images – 5:55
#4 Visual Hierarchy – 7:10
#5 Symmetry – 8:20
#6 Color – 10:05
#7 Modernism – 12:24
Excelent as always!
I fear your being judged by your background.
Just thank you!Your instructions are motivating. I am an Elementor customer. I have accidentally discovered you in the ocean of WP content videos. You may find interesting the path. Youtube "Why you should NEVER start in Elementor, but in Adobe Xd (improve your web design process)" video by LivingWithPixels -> Google Adobe xd -> Google Adobe xd alternatives -> Figma -> Google for Elementor and Figma -> YOU. Thank you for sharing your knowledge!
Another useless video!!!!!!!!
06:42 3 – Dimentional ?
07:37 Did you remove the books from the bookshelf to create some negative space ?
Check http://www.Karin-Schedlbauer.de Minimal HOMEPAGE-Design done wit Elementor in Parts 😉
This was soooo helpfull. Being looking for such a video for ever on the internet! Keep up the good work!
Meh. Not much here.
Hey, great point you ahve here
And I enjoyed watching your video !
I would like to add from my xpirience as an Interio designer for the last 24 years
I've build Cube-online design college where 99% of my students work as PAID interior desingers WHILE THEY ARE STILL LEARNING.
You can definatly check my video about it
https://youtu.be/iyxxDt_EKpg
Dude, where the car gone? Minimalism?
no side bar perhaps
Great video guys! Years ago, when I first gave Elementor a try I hated it due to my lack of understanding of the builder. Fast-forward 8, 16, 30 hours working with it and I absolutely love it. I can't think of a builder that comes close to the functionality and ease of use as Elementor and pay for your yearly unlimited package ever since.
Looking forward to seeing what you guys have up your sleeves for future updates! Keep up the great work.
Really really thanks Master. I learned a lot.. thanks.
Good definition of minimalist
Superb
Allways awesome content on design…. love, peace #Pakistan
I like how the shelf behind you became more minimalist as the video went on (or is someone just pinching all your stuff?)
Elementor just raised $15 million, and this guy still has to wear his kid's shirts! 😂
Very informative, thanks for sharing such concepts and ideas
Thanx for this Infos. Great! But where are the books and the bus gone. The background is getting mini and mini … 😉
Luv Elementor 100 of course like none other! and most highlight vids are great but Yeesh this just wayyyy too long for what’s being conveyed #justsaying #seriously
Great overview of minimalist design. A caution: a trend I see too often is the the use of very tiny text that is difficult for older folks and others with sight impairment to see. Also, the use of hidden features can confuse people. Hidden features and gestures violate the old Steve Krug adage: don't make me think. He isn't advocating stupidity. Rather, he's advocating for tools and clever gimmicks to get out of the way of the user. I think overall minimalist design is a fantastic approach for most websites. Thank you for sharing your thoughts on this.
thanks a lot.
Very informative. Thanks for the video. Do you have any guidelines on how to choose fonts , color or background color on Website?