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

[@DesignCourse]

Thoughts on this trend? 👇

[@limited06]

Feels like a modern day web Pop Art style.

[@christianachleitner9439]

Can't wait for portable phones to be launched. I am sick of these cables everywhere :P

[@t20sgrunt36]

This was pretty big a few years ago on a lot of the artsy-fartsy award sites, was not a fan then and still not my favorite today. The other comment about pop art is dead on, it's like some 60s Warhol or mod design. I can see it for personal portfolios (if you're in to that kind of look) or trendy publications, but not in 95% of client work.

[@tonimaunde]

It's fun.

[@100XPercentX]

@@limited06 it's basically retro pop. No me gusta

[@Jesse1996]

I love how impactful rotating that button by just a few degrees is. It's the small things. Really makes the site more fun.

[@nuri00ko]

This is really interesting; it must be true what they say about design trends: that design trends repeat in cycles. This style reminds me of the early 2000s, like pixelated video games of the 80s and 90s user interface.

[@dgloria]

The Toy Dolls Lol

[@CaptainBullzAQW]

it really depends on what brand is running it. this style fits perfectly for something like design brand "figma" and that sticky note brand "post it". digging it as well, looks really cute!

[@137johndoe6]

Exactly, but it would look horrendous if Mercedes did it for example.

[@GameOver7931]

Figma balls

[@The.Sky.Driver]

I feel like I remember this type of aesthetic from the late 90's / early 00's. It's not my steez, but it certainly is light and fun!

[@Diego--]

Dig the grease stain behind the phone, really gives the whole thing a lot more character.

[@kensparby]

I'm loving this, Gary. Looks fantastic! I've always adored brutalism in both architecture and graphical design, so if this is coming back I'm super-flippin'-thrilled. I'm gonna have a go at this myself.

[@jamesreaco]

Gary, your about page and header image for YT is for the old Coursetro brand. Might wanna get that changed as when you click the link it says 'connection is not private' 😊

[@Jewish5783]

The very first time i enrolled in your course, UI/UX Design of 2022, i really fell in love with User Experience and interaction. I found it very intriguing. Loved the course. it has changed my perspective about UI/UX and i know find it more exceptionally interesting. Thank You Gary

[@samanehjafari_]

I’m a student in DesignCourse I learned a lot from you so far, thank you so much you are a professional.🤗

[@ProudPupDigital]

This was really interesting to watch. I enjoy this design style very much, it's fun and refreshing.

[@alyonagreneva2623]

I made a web page in this style like a year ago. Was a lot of fun, I enjoyed it so much and it is still one of my favourite works of mine

[@thevictorv]

I love this design aesthetic so much! Very cool and hip. Reminds me of comic books

[@dgloria]

I think this gives the impression of a bright summer day when the sun shines very brightly so the colors are more colorful and the shadows are completely black. Well almost (physics lol). So I like it.

[@oscarcharliezulu]

What a discovery this channel is! Brilliant - loved following the way you designed a UI.

[@Ripred0219]

15:30 how would you do that background scribble border design in css?

[@siuedythwv2206]

vo tinh vao xem thay ad day rat de hieu , cam on ad lam ra clip nay

[@diehlusflanagan2573]

rat hay rat tam huyet,mong nhan them duoc nhieu video

[@BreeonaNechole]

Wow! Thank you so much for this video. I’ve been trying to figure out what I would consider my style and this is EXACTLY IT. I work with a lot of bold pastels and bold fonts. I’m EXCITED TO EXPAND 👏🏾👏🏾👏🏾✨❤️‍🔥

[@robertturner1550]

Your KZbin channel is freaking amazing! I can't wait to sign up for your course.

[@Dopekulture1]

Gary please can you make a video on selecting the right images for your web design

[@vytasrauckis6703]

I don't know if this is mentioned in the comments before this one, but what you can do is paste the screenshot and before scaling it down, copy and paste in place the vector. Then you can scale both down and the vector will perfectly align with the screenshot design.

[@noid3571]

This looks like a UI in a pixel style game that I worked on, but pixels are replaced with sharp edges and contrast is everywhere

[@thusuonghan2122]

guoi dam chia se kien thuc cua minh co de giup moi nguoi ma lai k lay phi thi that la tuyet voi, giup dỡ duoc nhieu nguoi la mot viec tot, mong ban luon khoe manh va thanh cong cam on ban rat nhieu

[@hlokomani]

This channel is so massive

[@tinhyenquynhtien9676]

cam on chi da chia se nhung kien thuc bo ich den cho mn, bai giang hay va de hoc nua a, em cam on chi rat nhieu, yeu chi

[@exhaustnotemusic5835]

This is really cool.. would love to try this style... but the only thing that puts me off is the mobile icon.. it just feels like it doesnt belong there.. everything else was.. might be because of rounded corners and the icon tyle style.. i would prefer a complete colored illustration in the brutalist style.. i think that would look cool..

[@njengathegeek]

The best instructor in youtube👏🏾👏🏾👏🏾

[@El_Traficante]

Finally a well constructed and sane content. Tnx. Plus, I saw this kind of visuals somewhere. Catalogues maybe?

[@olhapavlenko1295]

This is very useful tutorial for me! Thank You, Gary!

[@HHustlehoff]

Nice trick with the solid shadows. Gonna use that too

[@thuphongam2199]

bai giang rat ki va de hieu, cuc bo ich cam on da dang a

[@quynhthanheo3462]

ra nhieu videp nua di a se nhieu nguoi ung ho lam a

[@garethellison01]

Super cool! Loving that design! 🤙

[@Peter_Scott]

It’s a nice look. But won’t suit most clients. I think it’ll work for independents, campaign sites and quirky sites that won’t be around for too long. My main worry however is accessibility with the contrast between text on buttons and colours being quite low. Would be interesting to see how the contours would work responsively.

[@kevgsalinas]

Figma's whole brand is this. they executed it perfect

[@nargizk390]

I like that new design! Also, it's cool to learn to make websites by watching your tutorials:-)

[@valentina111lobs_]

Tips: Use auto-layouts more often :)

[@megatronskneecap]

Love this. Only really works in blogs tho.

[@naveeng723]

From Fireship✌️✌️

[@xbxb]

NFT's checked, now let's add this crap to the mix and were gold.

[@thulamo3236]

cam on ad vi mot chiec video bo ich, tan tinh a chuc ad luon thanh cong va nhieu suc khoe a

[@tusuongban9760]

em cam on nhieu a vid rat huu ich cho nhung nguoi muon tim hieu tu co ban a

[@emaleewillenbring1718]

cam on chi gai nhieu lamchi day rat chi tiet va de hieu nua,giong chi hay qua a

[@tamtran3030]

Wow looks amazing

[@Trazynn]

This is a continuation of Memphis. I detest it but there are a few elements, like the playful arrows and simple icons that are worth salvaging.

[@Trazynn]

And though I'm very negative, or downright hostile to the art style itself, the tutorial is excellent as always of course.

[@daleryanaldover6545]

I've seen the same aesthetic multiple times and always wondered what is it called.

[@Trazynn]

'Corporate Memphis' is the modern iteration of it.

[@havokdragon74]

@@Trazynn I don’t know, to me this kind of style feels less soulless than your typical “humaaans” corporate memphis design. Feels more pop art

[@frankdrolet9439]

This new style is mostly related to NFT

[@whatthefunction9140]

This looks like the current Google io conference site design

[@chijinduokonkwo807]

Dude! You’re too good man. Love this video, please can how can I reach you cause I really need help with my web dev journey. Again, love your videos bro ❤️. Please how can I contact?!

[@aau8]

in Figma you can use keyboards shortcut Ctrl + Shift + C to copy the frame in png format

[@kushagra-aa]

Yeah I'm Surly going to try that.....Thank YOU!!!!!!!!!

[@MathiasORauls]

Great Video I am excited to learn this new style but hey what camera do you happen to be using? 😮

[@davutengin]

The designer’s cheksum head tilts 😂

[@quynhngaque4250]

that su rat de hieu de nho nua thanksgiong de thuong qua aaaaaaa

[@joslynotten182]

tuyet voi qua cang xem cang cuon

[@santiagoapesteguia1712]

i am still trying to figure out how a frontend developer shoud face this kinds of desings ? there is things that are discarded or you go for the ui as it is designed ? Asking as someone who does both tasks

[@emmm_4465]

As a FE Dev my biggest Oh Damn was the curves and I’d tackle it personally by importing the curves as a vector and playing with z-indexes or cheat and have it as a background image… The rest is pretty intuitive. If as a dev I had any concerns I’d definitely bring it up with the designer (how will this work for something limited like mobile???) and seek an alternative or if time is limited drop it.

[@thanhtamao291]

rat hay cam on ban da huong dan

[@dean827]

It reminds me sites I desinged and coded using table framework in the mid 2000s. This design rhimes but it's more modern

[@dkprotek]

Is it just me or was everyone waiting for ‘Clippy’ to show up in the bottom right corner? 😉🤣

[@bettinaceciliasilveira5773]

That hair is wild!

[@weezyf775]

i've been struggling trying to make an appealing portfolio with squarespace. i've seen a few ppl create their using figma, but not as many as i'd expect. I was thinking about trying it. any suggestions or warnings? is there a reason ppl don't do this? would it be difficult to make a full responsive portfolio site that would work on both desktop and mobile?

[@Ripred0219]

Yall hating on this but as a gen Z , I love this!

[@freemancharles2491]

Gary, you are the best ❤️🚀💪💪💪

[@waytospergtherebro]

When I was a kid designers had to learn how to use the pen tool.

[@galickidigital]

It will fit only to particular business niche, for me it's quite meh.

[@kabar_no.2]

this looks really good thia might be my style for web dev

[@sadranezam3367]

awesome stuff!!

[@kaptn_kage]

imo this isnt designing hyper text. This is applying stickers on something where the sticker packs can be subsccription based. So who's the winner? The share holders, while society writes less code.

[@xbxb]

How can you trust this website with that look?

[@triumphanazia4654]

Very interesting, although the hand drawn could be done with Pencil tool and then change the end point to a line arrow, all in Figma

[@dave6012]

All in figma. Nevermind the css to actually implement it 😅

[@outpost31737]

Nice one Gaz.

[@vell0cet517]

Great video! I kind of hate the aesthetic though.

[@johnanthony9923]

I *HATE* when "designers" just copy whatever's trending at the time. Not only does it completely lack creativity, it also ages faster as everyone moves on to whatever's trending next.

[@CastleManiaGames]

You don't see it as potentially evolving the anesthetic?

[@DesignCourse]

Hopefully that's not the takeaway from my video.

[@johnanthony9923]

@@DesignCourse No, it's just my general thoughts on people copying whatever's trending at the time.

[@MadaraTwin]

@@johnanthony9923 ur missing the point and nobody cares about your random critique btw

[@osmardomingos7465]

Yes.. it becomes soulless

[@LiveMoreDoLife]

🫡I see the Kemper!

[@MichaelBerchak]

why does my first impression go to the current looks for NFT's?

[@sergeikovtun1295]

"Button container"?? WHAT?))) Use the Auto layout without additional rectangle objects, which are useful for buttons and many other elements.

[@kaycampbell364]

What was the screen shot tool

[@lukasdurcak7033]

I would like to see it writeln in HTML and with responsive features

[@denniszenanywhere]

Anyone has a suggestion for a color theme that captures the energy of Miami?

[@daedaluxe]

How would you take that awkward path and match it with the background though? Some kind of custom absolute positioned svg path duplicated on 2 different sections with the full color being lower zindex?

[@ManuelWillCom]

Yeah. Why not?

[@monarch890]

everthing is ok im an final year student i have portfolio but im not getting any freelancer bid in any bids pls upload how to get clients

[@unnecessary-roughness3303]

I thought my neighbour was mowing his lawn

[@Troybranding]

its ok. ive warmed up to it. ive seen lots of trends come and go. hard to sell it in the corporate world but can be used for music/entertainment and even urban streetwear type stuff. i think flat design is the way to go and is most sustainable. thank god morphism is gone. that was the worst.

[@thuongthuongkieu2901]

rat hay chi oi, nhung bai hoc co lo trinh va noi dung rat ro rang

[@yuehernkang]

Nice hair

[@Ferdam]

Idk why you remind me of Rob Halford so much lol

[@Gubub]

What app is this?

[@westernpigeon]

codecademy's site has a similar style

[@pankajthapaliya2336]

god that's tough to code xD

[@sewingmachines6369]

👍👍👍👍

[@nitePhyyre]

You call it neubrutalism. I call it 90s Geocities. 😂

[@rollingarchives]

design is just fashion these days

[@kaycampbell364]

Barney threw up on paper

[@gloriouschoices]

Without concrete, can it be brutalist? This is just a 90's design aesthetic. Or a geocities, angel fire, and myspace genocide of design

[@alex_chugaev]

There are 2 kinds of websites: beautiful and useful. They’re almost mutually exclusive. Paradox 🤷🏻‍♂️

[@DesignCourse]

Naaaaaaaahh. I've seen some great looking websites that function well too ;)

[@ak-loz]

audio is out of sync.

[@davidprodanovic775]

You should probably stop confusing people with these kinds of videos. Real design processes and real design situations do not function like this, it's clear you never worked as a UI designer. If the purpose was to show how people can use some typography and colors in Figma then good job, it was pretty much pointless.

[@fryser007]

How on earth will you CSS that!? It's nice in theory but extremely impractical in reality

[@DesignCourse]

Hm, what would be hard about frontending this?

[@Endless965E]

@@DesignCourse Maybe you could make a video on it.

[@tevinrivera4023]

@@DesignCourse How would one go about adding the squiggle line in the background? and across mobile, tablet, desktop, and wide monitors? Just genuinely curious

[@kamildabrowski5973]

Garry, love your videos, really! But maybe try to stay off a little from the "piramide-hands". It feels fake, you're not selling us house or running for a president. Anyway really appreciate your work and Im very thankfull for your effort. All the best to you!

[@yerauldda4909]

why use the German spelling of 'Neu' if you're just going to pronounce it 'new'?

[@darkwoodmovies]

It looks like a step in the wrong direction. Kind of looks like a slightly modernized version of the horrible 1990s websites with a mix of the terrible color choices of the 1970s.

[@weezyf775]

i've noticed figma using this aesthetic..me no likey :(