title
NEW Design Trend? Let's Design a Website in Neubrutalism!

description
https://bit.ly/3RN1tHN 👈 Learn UI/UX Today. Use "UI2022" for 22% Off! -- Today, we're going to step into the world of UI/UX and design a fictional landing page in the Neubrutalism aesthetic. This style is characterized by high contrast strokes, drop shadows, colorful elements, and more.. Check out the article my buddy Michael Malewicz wrote on the subject: https://hype4.academy/articles/design/neubrutalism-is-taking-over-web 0:00 - Introduction 0:49 - Learn UI/UX Interactively 1:35 - Designing the Navbar 4:27 - Headline Section 8:40 - Designing Cards 13:00 - Finishing the Design 15:30 - Featuring the Design #uidesign #trend #neubrutalism - - - - - - - - - - - - - - - - - - - - - - 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!

detail
{'title': "NEW Design Trend? Let's Design a Website in Neubrutalism!", 'heatmap': [{'end': 99.736, 'start': 81.503, 'weight': 1}, {'end': 458.226, 'start': 441.559, 'weight': 0.734}, {'end': 512.323, 'start': 484.849, 'weight': 0.92}, {'end': 533.713, 'start': 520.085, 'weight': 0.778}], 'summary': 'Explores ui design in the new brutalism aesthetic, covering high contrast, vibrant colors, and different shapes. it also includes details about a ui ux course at designcourse.com offering 16+ hours of video content, interactive ui design tests, and mentorship for aspiring designers.', 'chapters': [{'end': 88.508, 'segs': [{'end': 44.143, 'src': 'embed', 'start': 21.612, 'weight': 0, 'content': [{'end': 31.077, 'text': "It's characterized by high contrast elements that are bright, a lot of different shapes, and just it's colorful as well.", 'start': 21.612, 'duration': 9.465}, {'end': 36.119, 'text': "So I'm gonna show you exactly how to create a UI in this aesthetic,", 'start': 31.757, 'duration': 4.362}, {'end': 40.761, 'text': "and it's something that you could perhaps integrate into a project if it warrants it.", 'start': 36.119, 'duration': 4.642}, {'end': 44.143, 'text': "All right, so as always, make sure to subscribe and let's get started.", 'start': 41.081, 'duration': 3.062}], 'summary': 'Creating a bright and colorful ui with high contrast elements for integration into a project.', 'duration': 22.531, 'max_score': 21.612, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/uHX3oTCFJzw/pics/uHX3oTCFJzw21612.jpg'}, {'end': 99.736, 'src': 'embed', 'start': 68.653, 'weight': 1, 'content': [{'end': 73.617, 'text': 'But more important than that, as a better designer, this means that you can land higher paying clients in jobs.', 'start': 68.653, 'duration': 4.964}, {'end': 81.503, 'text': 'This course includes over 16 hours video for the interactive UI design tests and even mentorship, where I personally take a look at your work,', 'start': 73.797, 'duration': 7.706}, {'end': 88.508, 'text': 'that you submit, I review it and many times I also revise it, providing you with great feedback to help you become a better designer.', 'start': 81.503, 'duration': 7.005}, {'end': 93.392, 'text': 'Now, for this video, I want you to use the coupon code UI2022, and that will give you 22% off at checkout.', 'start': 88.568, 'duration': 4.824}, {'end': 99.736, 'text': 'All right, so here we are in Figma, newly updated with dark mode now.', 'start': 95.814, 'duration': 3.922}], 'summary': 'Over 16 hours of video, mentorship, and 22% off with coupon code ui2022.', 'duration': 31.083, 'max_score': 68.653, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/uHX3oTCFJzw/pics/uHX3oTCFJzw68653.jpg'}], 'start': 0.089, 'title': 'Ui design in new brutalism', 'summary': 'Delves into ui design in the new brutalism aesthetic, highlighting high contrast, vibrant colors, and different shapes. it also promotes a ui ux course at designcourse.com offering 16+ hours of video content, interactive ui design tests, and mentorship for aspiring designers to enhance their skills and secure better opportunities.', 'chapters': [{'end': 88.508, 'start': 0.089, 'title': 'Designing ui in new brutalism', 'summary': 'Discusses designing a ui in the new brutalism aesthetic, characterized by high contrast, bright elements, different shapes, and vibrant colors, and also promotes a ui ux course at designcourse.com that offers over 16 hours of video content, interactive ui design tests, and mentorship for aspiring designers to improve their skills and land higher paying clients and jobs.', 'duration': 88.419, 'highlights': ['The new brutalism aesthetic is characterized by high contrast elements, bright colors, and various shapes, offering a vibrant and colorful visual experience.', 'The UI UX course at designcourse.com provides over 16 hours of video content, interactive UI design tests, and mentorship to help designers improve their skills.', 'The course aims to help designers go from rating their designs a four or five to eight and beyond, enabling them to land higher paying clients and jobs.']}], 'duration': 88.419, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/uHX3oTCFJzw/pics/uHX3oTCFJzw89.jpg', 'highlights': ['The new brutalism aesthetic features high contrast elements, bright colors, and various shapes, providing a vibrant visual experience.', "The UI UX course at designcourse.com offers over 16 hours of video content, interactive UI design tests, and mentorship to enhance designers' skills.", 'The course aims to help designers improve their skills to achieve higher ratings and secure better job opportunities.']}, {'end': 610.34, 'segs': [{'end': 131.901, 'src': 'embed', 'start': 88.568, 'weight': 0, 'content': [{'end': 93.392, 'text': 'Now, for this video, I want you to use the coupon code UI2022, and that will give you 22% off at checkout.', 'start': 88.568, 'duration': 4.824}, {'end': 99.736, 'text': 'All right, so here we are in Figma, newly updated with dark mode now.', 'start': 95.814, 'duration': 3.922}, {'end': 101.057, 'text': 'Awesome, awesome stuff.', 'start': 100.156, 'duration': 0.901}, {'end': 105.179, 'text': "So I have a frame here and you can choose the frame tool, by the way, if you're not at this point,", 'start': 101.097, 'duration': 4.082}, {'end': 109.542, 'text': "and just choose desktop right here and that'll work just fine in this preset.", 'start': 105.179, 'duration': 4.363}, {'end': 115.787, 'text': 'And so for the background uh, you can use 100 white with this aesthetic not a big deal.', 'start': 110.302, 'duration': 5.485}, {'end': 120.692, 'text': "um, i'm going to choose to use something a little bit different and that is this color code.", 'start': 115.787, 'duration': 4.905}, {'end': 127.899, 'text': 'it is ffdca8, all right, and so that just gives us, sort of like this, this nice beige color right here.', 'start': 120.692, 'duration': 7.207}, {'end': 131.901, 'text': "um, I'm going to go ahead and we're going to use a font.", 'start': 127.899, 'duration': 4.002}], 'summary': 'Use coupon code ui2022 for 22% off. figma with dark mode updated.', 'duration': 43.333, 'max_score': 88.568, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/uHX3oTCFJzw/pics/uHX3oTCFJzw88568.jpg'}, {'end': 299.339, 'src': 'embed', 'start': 270.441, 'weight': 2, 'content': [{'end': 274.604, 'text': 'Now, of course, headlines, pretty much typically all of these need to be big.', 'start': 270.441, 'duration': 4.163}, {'end': 276.665, 'text': "It's the first thing that you want people to see.", 'start': 274.624, 'duration': 2.041}, {'end': 283.63, 'text': "So in terms of visual hierarchy, that means it's going to be the biggest, perhaps sometimes the boldest, the highest contrast, et cetera, et cetera.", 'start': 277.006, 'duration': 6.624}, {'end': 291.315, 'text': "So for that, I'm going to quickly just copy and paste in some text right here.", 'start': 284.071, 'duration': 7.244}, {'end': 294.637, 'text': "All right, so I think we'll put it right there.", 'start': 291.335, 'duration': 3.302}, {'end': 299.339, 'text': 'Okay, so this says a portable telephone that fits in your pocket, really, whatever.', 'start': 294.817, 'duration': 4.522}], 'summary': 'Visual hierarchy emphasizes big, bold headlines for visibility.', 'duration': 28.898, 'max_score': 270.441, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/uHX3oTCFJzw/pics/uHX3oTCFJzw270441.jpg'}, {'end': 370.456, 'src': 'embed', 'start': 343.187, 'weight': 4, 'content': [{'end': 348.052, 'text': "And so now let's go ahead and let's do an actual button design.", 'start': 343.187, 'duration': 4.865}, {'end': 355.42, 'text': "So when it comes to buttons in this aesthetic, you'll see that there's a few, I guess you could say hallmark signs.", 'start': 348.112, 'duration': 7.308}, {'end': 358.829, 'text': "that we're going to implement.", 'start': 356.627, 'duration': 2.202}, {'end': 360.27, 'text': "so let's get the text first.", 'start': 358.829, 'duration': 1.441}, {'end': 364.993, 'text': 'i will put in pre-order now and we want to make this smaller.', 'start': 360.27, 'duration': 4.723}, {'end': 368.255, 'text': "um, i'll do 28 or so.", 'start': 364.993, 'duration': 3.262}, {'end': 370.456, 'text': 'probably make that a little bit larger.', 'start': 368.255, 'duration': 2.201}], 'summary': "Designing a button with 'pre-order now' text at 28 font size.", 'duration': 27.269, 'max_score': 343.187, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/uHX3oTCFJzw/pics/uHX3oTCFJzw343187.jpg'}, {'end': 477.384, 'src': 'heatmap', 'start': 441.559, 'weight': 3, 'content': [{'end': 445.782, 'text': "Once we have the blur to zero, we'll also take the opacity all the way up to a hundred percent.", 'start': 441.559, 'duration': 4.223}, {'end': 450.145, 'text': 'And then we will also offset the X position to around four.', 'start': 446.762, 'duration': 3.383}, {'end': 451.676, 'text': 'There you go.', 'start': 451.095, 'duration': 0.581}, {'end': 458.226, 'text': "That's probably like the most defined characteristic that I've seen of this aesthetic that you'll see for the most part.", 'start': 451.736, 'duration': 6.49}, {'end': 461.852, 'text': "It's a high contrast border with a high contrast shadow as well.", 'start': 458.387, 'duration': 3.465}, {'end': 468.257, 'text': 'And then sometimes you will even see a little bit of this.', 'start': 462.553, 'duration': 5.704}, {'end': 477.384, 'text': 'So you can, things can be kind of tilted just to make him, you know, a little bit more noticeable and more of an interesting aesthetic.', 'start': 468.657, 'duration': 8.727}], 'summary': 'Adjust blur to zero, opacity to 100%, and x position to 4 for a high contrast border and shadow, creating a distinct aesthetic.', 'duration': 26.289, 'max_score': 441.559, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/uHX3oTCFJzw/pics/uHX3oTCFJzw441559.jpg'}, {'end': 512.323, 'src': 'heatmap', 'start': 484.849, 'weight': 0.92, 'content': [{'end': 490.613, 'text': "And I got this graphic particular from, where'd I get that from? I got that.", 'start': 484.849, 'duration': 5.764}, {'end': 498.139, 'text': 'If you just go to the Figma community, So community, you type in hand drawn.', 'start': 491.253, 'duration': 6.886}, {'end': 504.421, 'text': 'And I think I got it from this one, either this one or this one right here.', 'start': 500.159, 'duration': 4.262}, {'end': 506.261, 'text': 'So you can just grab the same exact one.', 'start': 504.561, 'duration': 1.7}, {'end': 507.061, 'text': 'I think it was this one.', 'start': 506.281, 'duration': 0.78}, {'end': 512.323, 'text': 'And then you just hit duplicate and you can grab that same exact shape that I just use.', 'start': 507.661, 'duration': 4.662}], 'summary': 'Obtained a hand-drawn graphic from the figma community and duplicated it.', 'duration': 27.474, 'max_score': 484.849, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/uHX3oTCFJzw/pics/uHX3oTCFJzw484849.jpg'}, {'end': 553.087, 'src': 'heatmap', 'start': 520.085, 'weight': 0.778, 'content': [{'end': 524.768, 'text': "Uh, and then we'll decide, add, let's do a card design in the same sort of aesthetic.", 'start': 520.085, 'duration': 4.683}, {'end': 528.971, 'text': "So what we'll do is let's just take this cause we already have it set up.", 'start': 525.349, 'duration': 3.622}, {'end': 533.713, 'text': 'So just all left click and drag and somewhere right around here.', 'start': 529.731, 'duration': 3.982}, {'end': 536.955, 'text': "Um, we're going to make the, this background white though.", 'start': 533.733, 'duration': 3.222}, {'end': 538.156, 'text': 'All right.', 'start': 536.975, 'duration': 1.181}, {'end': 542.004, 'text': 'And I do wanna make sure that this is not rotated.', 'start': 539.563, 'duration': 2.441}, {'end': 545.164, 'text': "So we're gonna set this back to zero over here under the angle.", 'start': 542.024, 'duration': 3.14}, {'end': 553.087, 'text': "And you know what, for this one, I think we're gonna give ourselves a little bit of a rounded corner, like very subtly.", 'start': 546.325, 'duration': 6.762}], 'summary': 'Design a card with white background, zero rotation, and subtle rounded corners.', 'duration': 33.002, 'max_score': 520.085, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/uHX3oTCFJzw/pics/uHX3oTCFJzw520085.jpg'}], 'start': 88.568, 'title': 'Ui and high contrast design', 'summary': 'Covers ui design in figma with dark mode, including a 22% discount with coupon code ui2022, and the creation of a high contrast aesthetic with specific color codes and font choices, along with outlining the key elements of a high contrast aesthetic such as big headlines, high contrast elements, thick borders, drop shadows, colorful graphics, and quirky elements.', 'chapters': [{'end': 270.341, 'start': 88.568, 'title': 'Ui design in figma with dark mode', 'summary': 'Introduces the use of coupon code ui2022 for a 22% discount in figma, highlighting the new dark mode feature and demonstrating the creation of a high contrast ui design with specific color codes and font choices.', 'duration': 181.773, 'highlights': ['The chapter introduces the use of coupon code UI2022 for a 22% discount in Figma, highlighting the new dark mode feature.', 'Demonstrates the creation of a high contrast UI design by specifying color codes and font choices, such as using the color code ffdca8 for a beige background and the font Beboss or Beboss Nu for a bold aesthetic.']}, {'end': 610.34, 'start': 270.441, 'title': 'Designing high contrast aesthetic', 'summary': 'Outlines the key elements of a high contrast aesthetic, including the use of big headlines, high contrast elements, thick borders, and drop shadows, as well as colorful graphics and quirky little elements, to create an attention-grabbing design.', 'duration': 339.899, 'highlights': ['The chapter emphasizes the importance of big headlines for visual hierarchy, which are typically the biggest, boldest, and highest contrast elements. Big headlines are crucial for visual hierarchy, being the biggest, boldest, and highest contrast elements that capture attention.', 'It explains the use of high contrast elements, thick borders, and drop shadows in the design, as well as the inclusion of colorful graphics and quirky little elements to create a visually appealing aesthetic. The design focuses on high contrast elements, thick borders, and drop shadows, as well as colorful graphics and quirky little elements to create a visually appealing aesthetic.', 'The chapter illustrates the process of designing a button within this aesthetic, involving smaller text, eye-catching colors, high contrast borders, and a high contrast shadow. The chapter demonstrates how to design a button within the aesthetic, involving smaller text, eye-catching colors, high contrast borders, and a high contrast shadow.']}], 'duration': 521.772, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/uHX3oTCFJzw/pics/uHX3oTCFJzw88568.jpg', 'highlights': ['The chapter introduces the use of coupon code UI2022 for a 22% discount in Figma, highlighting the new dark mode feature.', 'Demonstrates the creation of a high contrast UI design by specifying color codes and font choices, such as using the color code ffdca8 for a beige background and the font Beboss or Beboss Nu for a bold aesthetic.', 'The chapter emphasizes the importance of big headlines for visual hierarchy, which are typically the biggest, boldest, and highest contrast elements.', 'It explains the use of high contrast elements, thick borders, and drop shadows in the design, as well as the inclusion of colorful graphics and quirky little elements to create a visually appealing aesthetic.', 'The chapter illustrates the process of designing a button within this aesthetic, involving smaller text, eye-catching colors, high contrast borders, and a high contrast shadow.']}, {'end': 1080.228, 'segs': [{'end': 669.991, 'src': 'embed', 'start': 640.659, 'weight': 0, 'content': [{'end': 642.36, 'text': 'a portable phone.', 'start': 640.659, 'duration': 1.701}, {'end': 643.641, 'text': "yes, that's called a smartphone.", 'start': 642.36, 'duration': 1.281}, {'end': 644.941, 'text': "i don't even know what i was thinking.", 'start': 643.641, 'duration': 1.3}, {'end': 647.222, 'text': 'you know, just having fun with this, um.', 'start': 644.941, 'duration': 2.281}, {'end': 652.506, 'text': "so for this size we're going to go ahead and use something bigger, like a 29.", 'start': 647.222, 'duration': 5.284}, {'end': 653.966, 'text': 'All right, that looks pretty good.', 'start': 652.506, 'duration': 1.46}, {'end': 660.628, 'text': "And then we're also going to, I'm going to use a secondary font that works well with this typeface.", 'start': 654.767, 'duration': 5.861}, {'end': 665.93, 'text': 'And that is called Aniria Sans, I believe.', 'start': 661.369, 'duration': 4.561}, {'end': 669.991, 'text': "So I'm just going to copy that and then off screen and paste it right here.", 'start': 666.51, 'duration': 3.481}], 'summary': 'Discussion about smartphone and design elements for a size of 29.', 'duration': 29.332, 'max_score': 640.659, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/uHX3oTCFJzw/pics/uHX3oTCFJzw640659.jpg'}, {'end': 770.97, 'src': 'embed', 'start': 721.31, 'weight': 1, 'content': [{'end': 726.793, 'text': "All right, I don't like the white space so far.", 'start': 721.31, 'duration': 5.483}, {'end': 729.775, 'text': "Let's get things kind of situated a little bit better.", 'start': 726.853, 'duration': 2.922}, {'end': 731.845, 'text': 'There we go.', 'start': 731.365, 'duration': 0.48}, {'end': 733.227, 'text': "We'll move this as well.", 'start': 731.865, 'duration': 1.362}, {'end': 735.749, 'text': 'You want to make sure your alignment is on point here.', 'start': 733.247, 'duration': 2.502}, {'end': 738.271, 'text': 'All right.', 'start': 735.769, 'duration': 2.502}, {'end': 741.033, 'text': "Do I like this? We're going to move this down slightly.", 'start': 738.511, 'duration': 2.522}, {'end': 742.895, 'text': 'Move this down a little bit more.', 'start': 741.654, 'duration': 1.241}, {'end': 745.277, 'text': 'You want things to have room to breathe.', 'start': 743.455, 'duration': 1.822}, {'end': 747.078, 'text': 'You do not want your text cluttered up.', 'start': 745.317, 'duration': 1.761}, {'end': 752.082, 'text': "And that's applicable for essentially any UI, not just this type of style.", 'start': 747.358, 'duration': 4.724}, {'end': 754.484, 'text': "And then we'll go ahead and just group this.", 'start': 752.423, 'duration': 2.061}, {'end': 759.709, 'text': "And then I'll go ahead and duplicate this.", 'start': 754.705, 'duration': 5.004}, {'end': 763.644, 'text': "We'll put this at the very end right there.", 'start': 761.823, 'duration': 1.821}, {'end': 765.086, 'text': 'Put this one right here.', 'start': 764.245, 'duration': 0.841}, {'end': 769.569, 'text': "We'll take this one and just drag the hue slider over to something else.", 'start': 765.126, 'duration': 4.443}, {'end': 770.97, 'text': 'Notice the vibrant colors.', 'start': 769.669, 'duration': 1.301}], 'summary': 'Adjusting white space and alignment for better ui, avoiding text clutter, utilizing vibrant colors.', 'duration': 49.66, 'max_score': 721.31, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/uHX3oTCFJzw/pics/uHX3oTCFJzw721310.jpg'}, {'end': 874.783, 'src': 'embed', 'start': 826.926, 'weight': 3, 'content': [{'end': 832.407, 'text': "and that's just something to break up the background, to do something interesting with the background.", 'start': 826.926, 'duration': 5.481}, {'end': 837.889, 'text': "So for instance, we could, there's a plugin that I found called Make Blob.", 'start': 832.447, 'duration': 5.442}, {'end': 842.49, 'text': "So you can go to browse plugins, type in Make Blob, install it, and it'll show up here.", 'start': 837.989, 'duration': 4.501}, {'end': 843.75, 'text': 'So right here.', 'start': 843.03, 'duration': 0.72}, {'end': 846.751, 'text': "So let's just do bulk blobs.", 'start': 844.61, 'duration': 2.141}, {'end': 855.472, 'text': 'So That is just going to throw on some random blobs and then you can choose the one that you like the most and we can put it behind here.', 'start': 847.051, 'duration': 8.421}, {'end': 859.514, 'text': "Um, actually let's just do that right there.", 'start': 855.492, 'duration': 4.022}, {'end': 869.66, 'text': "And so we can use a low contrast element for this, uh, for this, for this context, and we can grab the color, that's the background,", 'start': 861.696, 'duration': 7.964}, {'end': 874.783, 'text': "and we'll just make it slightly darker and maybe a little bit larger if you want.", 'start': 869.66, 'duration': 5.123}], 'summary': 'Using the make blob plugin to add random blobs as a low contrast background element, adjusting color and size if needed.', 'duration': 47.857, 'max_score': 826.926, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/uHX3oTCFJzw/pics/uHX3oTCFJzw826926.jpg'}], 'start': 612.316, 'title': 'Designing news template and aesthetic enhancement', 'summary': 'Covers designing a news template with font selection, spacing, and color contrast, and enhancing design aesthetic using techniques like texture, low contrast elements, and color manipulation.', 'chapters': [{'end': 799.177, 'start': 612.316, 'title': 'Designing news template', 'summary': 'Discusses designing a news template, including font selection, spacing, and color contrast, to create an aesthetic layout for a fake news story.', 'duration': 186.861, 'highlights': ['The chapter discusses font selection, including using a size of 29 for the headline and Aniria Sans at a size of 18 and light for secondary text.', 'The speaker emphasizes the importance of spacing and alignment to ensure text has room to breathe, applicable for any UI design.', 'Color contrast and vibrant colors are highlighted as key elements in creating the aesthetic for the news template.']}, {'end': 1080.228, 'start': 800.117, 'title': 'Design aesthetic enhancement', 'summary': 'Demonstrates the process of enhancing design aesthetic using techniques such as adding texture, using low contrast elements, and manipulating colors while creating a cool set for presentation purposes.', 'duration': 280.111, 'highlights': ['The process of adding texture to break up the background and create visual interest involves using a plugin called Make Blob to throw on random blobs and choosing the most suitable one. The process of adding texture to the background involves using a plugin called Make Blob to throw on random blobs and choosing the most suitable one. This technique enhances the visual interest of the design.', 'Utilizing low contrast elements and adjusting the background color to slightly darker and larger size helps in creating a cool representation of the aesthetic. Utilizing low contrast elements and adjusting the background color to slightly darker and larger size helps in creating a cool representation of the aesthetic. This technique enhances the overall aesthetic appeal of the design.', 'Manipulating colors and shapes to create a vibrant and visually striking effect for presentation purposes, by adjusting hue sliders and shapes to match the aesthetic. Manipulating colors and shapes to create a vibrant and visually striking effect for presentation purposes, by adjusting hue sliders and shapes to match the aesthetic. This technique enhances the visual impact of the design for presentation purposes.']}], 'duration': 467.912, 'thumbnail': 'https://coursnap.oss-ap-southeast-1.aliyuncs.com/video-capture/uHX3oTCFJzw/pics/uHX3oTCFJzw612316.jpg', 'highlights': ['The chapter discusses font selection, including using a size of 29 for the headline and Aniria Sans at a size of 18 and light for secondary text.', 'Color contrast and vibrant colors are highlighted as key elements in creating the aesthetic for the news template.', 'The speaker emphasizes the importance of spacing and alignment to ensure text has room to breathe, applicable for any UI design.', 'The process of adding texture to break up the background and create visual interest involves using a plugin called Make Blob to throw on random blobs and choosing the most suitable one.', 'Utilizing low contrast elements and adjusting the background color to slightly darker and larger size helps in creating a cool representation of the aesthetic.', 'Manipulating colors and shapes to create a vibrant and visually striking effect for presentation purposes, by adjusting hue sliders and shapes to match the aesthetic.']}], 'highlights': ["The UI UX course at designcourse.com offers over 16 hours of video content, interactive UI design tests, and mentorship to enhance designers' skills.", 'The new brutalism aesthetic features high contrast elements, bright colors, and various shapes, providing a vibrant visual experience.', 'The course aims to help designers improve their skills to achieve higher ratings and secure better job opportunities.', 'The chapter introduces the use of coupon code UI2022 for a 22% discount in Figma, highlighting the new dark mode feature.', 'The chapter emphasizes the importance of big headlines for visual hierarchy, which are typically the biggest, boldest, and highest contrast elements.', 'The chapter illustrates the process of designing a button within this aesthetic, involving smaller text, eye-catching colors, high contrast borders, and a high contrast shadow.', 'The chapter discusses font selection, including using a size of 29 for the headline and Aniria Sans at a size of 18 and light for secondary text.', 'Color contrast and vibrant colors are highlighted as key elements in creating the aesthetic for the news template.', 'The speaker emphasizes the importance of spacing and alignment to ensure text has room to breathe, applicable for any UI design.', 'The process of adding texture to break up the background and create visual interest involves using a plugin called Make Blob to throw on random blobs and choosing the most suitable one.', 'Utilizing low contrast elements and adjusting the background color to slightly darker and larger size helps in creating a cool representation of the aesthetic.', 'Manipulating colors and shapes to create a vibrant and visually striking effect for presentation purposes, by adjusting hue sliders and shapes to match the aesthetic.']}