Flat Design vs Modern Design Trends for UI

superb

Hmmm..

Designers are the ONLY ones who think this looks good or matters. This is bad for UX and conversions. People just want easy-to-use websites.

did you say adobe figma

RIP to accessibility.

You can fight me but to me it’s easier to make that in css than figma

Where can I obtain such stroke effects he used for my projects?

I'm a little bit conserned about the accessiblity. I dont think that the contrast of the font to the background is high enough. To think about these little things can help a lot of people. Not just these with bad vision, but also people who uses there device in bright light. I think the design looks good overall.

I wouldnt call flat design or stylized graphics as either modern or outdated. This is entirely up to the graphical profile of said company, organisation or individual and you can make either look modern or outdated. Its great these more stylized styles are in fashion but they are still not something that is applicable on much.

Thank you for your time, man. You've made a shot, but it's not the way. A lot of effects with no result. First option will work better because as a user I completely understand what should I do on this screen, but on your new screen I can't even find a button on this vivid background. Sorry bro, but design is not just an image ))

I enjoy watching the video , would you plz do the transition design video for economic business website ?

Adobe figma💀

My man Gary looking jacked now. Hell yeah brother.

WHAT A MASTER YOU ARE.

is still flat design 😂

Looks fresh as Windows Vista

How can we make a gradient stroke on an element with glasmorphism and transparent background with CSS? A general trick I use is to have a background linear gradient but in this case we want it to have a backdrop filter blur with transparency.

finally its time to end the flat lack of creativity!

Great content 🏆
Background is wildly distracting though.

This doesn't work in real client work, you can't apply this type of design on every project. Most of the time we follow a brand guideline. If everyone starts doing this type of design on websites, then none of them will stands out, no personnality, just a copy of a trend. Create a brand, unique design, stop following thoses trends, they are only good for portfolios.

Dear customer: "Do you want, a bug free, tested, scaling, high availability product that runs on multiple devices and looks homogeneous, or do you rather prefer a design taylored to one screen size with pure focus on fancy effects?"

Don't get me wrong, I like the creativity and sure, it looks more vital & lively
But please don't call this "design trend".

- Contrast between text & background will get poor in some screen resolutions
- Different drop shadows for each element clearly don't scale and will look bad once they are aligned vertically on mobile
- Focus shifts from content to design

At some point I was expecting him to say "just some happy little accidents"

Windows 7 UI was way ahead of its time

I would call it neo frutiger... miss the transparent elements in UI over there

Adobe figma??

Don't believe the hype. ;-)

This is contradictory. Flat Design already is modern

It came out really great. Thankyou for this video

Honestly for me.. flat style sucks, it feels without soul, older styles feels better, they have their own magic and look so good

but its still 2D, am thinking of something more like 2.5D

boring design leads to boring lives

I love your videos but didn't watch since 3 years ago. Why the long hair suddenly

Thank you so much for this video. Super helpful and well-presented. Your time and effort is most appreciated!

Is this a joke? Reminds me of a Microsoft Visa Beta from 20 years ago.

Keep up the good work Mate !!

You took a perfectly functional design turned it into a over the top monstrosity. You made the CTA button less visible (why?), the cards that were meant to separate the content inside it from the background are now blending into the background and now you have a horribile illustrations on the background drawing all the attention that wasn't supposed to go there...

What is flak design? 🤣

I'm someone who misses Windows Vista and 7 so much even though I cannot use that OS anymore due to extreme security risks. I missed the old days of glossy/gradient-looking user interfaces as the two OSes speak my design language. Same goes for the earlier Mac OS X versions such as Leopard and Snow Leopard. I get the impression that all the Linux desktop environments and even themes have all fallen victim to flat UI design but then I know some people enjoy a flat UI design. Can't please everyone, can we? I mean, I have a very strong disagreement with big tech's design language, be it from Apple, Google, or Microsoft. So, in KDE, the Oxygen theme is the only one left...

The problem is that everything is so fast paced now, that there is no money in moving away from flat design, and it’s not just on our screens, everything is being simplified and made boring, because of the same fast paced lifestyle, if we don’t want to live in a conveyor belt on size fits all would, we need to break away from lazy convenience and move back to a purpose filled lifestyle, we have sucked the soul out of everything, and it’s noticeable in the way people behave now, and how mentally sick we have all become. If we don’t break free from this trend, we’ll all just sit in some pod isolated from our surroundings and living in a Matrix kind of lifestyle. Where no one really can be free. Life is more than convenience, it’s about exploring and discovering new and exciting things that can broaden our horizon and minds.

One is not better than the other. They just convey different messages

Caught myself nodding my head at points through this video. Modern UI has become so "Clean", it's sterile and devoid of life. Cool stuff :)

Now show us how to do the gradient stroke in css.

How can we make our sites look more gay?

this aint it

Your video connected with me. I am a C++ dev, but recently have the need to learn a bit of web design for a few sites. It appears Figma is a wireframing tool, but doesnt spit out code. However, I can use it to witeframe things before I make them into HTML and CSS, right? Does this help me figure out the styles directly? For example, it gives me the CSS for the boxes with stroke and fill values, as long as it's SVG right? A little unsure if I should learn Figma or just jump into VSCode directly for doing a handful of pages.

This video is simply too long for what it is.

Damn, this was completely useless

should have titled this video, "How to make enemies with your frontend developer" ☠️