Claymorphism in User Interfaces.
ฝัง
- เผยแพร่เมื่อ 19 ธ.ค. 2021
- 🚨 Check out how we work on real client projects: • How we REALLY work on ...
Hey friends, here's a UI design trend that's becoming more and more popular for a while now. I called it Claymorphism, because of the semi-3d clay-like models and objects.
I like exploring new UI design trends, and so far created Neumorphism, Glassmorphism, Aurora UI and others.
Claymorphism is likely going to be one of the main UI Design Trends for 2022, among some others we'll discuss in a later video. For now, let's jump into the 3d world with beautiful artwork and matching user interfaces.
You can use our CSS tool at claymorphism.com
And check out my Courses and books at hype4.academy
Thank you!
=====
ABOUT ME:
👨🏻💻 I'm a designer, entrepreneur and startup founder. I started back in the late 90's and currently my main goal is to share my knowledge, both paid and free. This channel is one of the places where I share my tips on design, user experience, growth, marketing, life and mindfulness. Subscribe to stay in touch. ❤️
![[Full Episode] MasterChef Junior Thailand มาสเตอร์เชฟ จูเนียร์ ประเทศไทย Season 3 Episode 1](http://i.ytimg.com/vi/Qs5zdBqLn_8/mqdefault.jpg)
![ทททททททท #27 [หลุยส์ เค โตมายังไง ณ สระบุรี]](http://i.ytimg.com/vi/CaKoYw_Xmtg/mqdefault.jpg)
I love how you make generators for these "morphism" trends, please never stop
Not sure we’ll be doing another one of those next year, but we’ll see ;)
I felt quite surprised with growing popularity of childish like design styles! As a psychologist I would love to discover why it is so? Concidering it as an effect of stress related to global pandamic is an interesting trope. I wonder if in that button related research you mentioned you saw any correlation between age of respondents and their preferances?
The age was quite distributed (from 19 to 45) but I don't remember any particular age correlation. But this is definitely something to explore!
Could it simply be that it’s so different from what’s gone before that makes it very appealing visually? It’s almost lifelike which is totally cool even though I know it’s actually one dimensional.
It's because adults are becoming more and more infantile.
obviously the reason is user experience and designers wants to reach out to every and early human beings by making designs that looks easy, fun and interesting to people who watch, Iam curious for the next design trends
Sweet. I am gonna go all out with this on my next corporate intranet job. If someone is going to spend all day entering in boring data, at least they can be entertained by cute buttons :)
And a nice, fluffy, 3d, talking Clippy the assistant 😎
It just makes sense! I feel like it's just easier for the users to have an interface that feels tangible yet also is subtle enough for sustainable exposure. And for the AR/VR part I don't have a study based opinion to predict it at all accurately. All I know is Unreal Engine techs have made a massive leap towards AI processing for 3D tris, so it could be easy to migrate to AR/VR soon enough hopefully :)
Yes, I think it can work in some friendly, consumer facing products.
And for AR/VR it may be the processing power of standalone goggles/glasses (at the moment), but it may also be the fact that we don't want 100% immersion as we have no data on how it'd affect humans.
Interesting new style and i feel a lot of gamification. Is this new style-aspect pushed by the emerging metaverse and the will to follow his style flow? Will it be used only for Oculus VR or for all the devices? Are we going to seen an exagerate use of it? I m so curious and sad to not be able to see the future! :)
I think it's partially coming from the fact that current VR/AR doesn't have the processing power for more realistic graphics, so it kind of lead to this - but it spread to standard, App ui design as well.
I use it on my Instagram, and many of my followers luv it..
It would be great if you could make a video on a practical guide to becoming a ui/ux designer in 2022. Thanks for the good work! 😘😉
This is something that I do have planned :)
Pocoyó was ahead of his time, then.
Definitely! They knew what they were doing!
Claymorphism is very playful and interesting to see but how does it handle various button and card states like hover, active, pressed?
I have not seen a good example of claymorphism in UI yet, other than conceptual designs.
It's in a conceptual phase outside of art (nfts) but parts of it are being added to other styles (like "fluffy buttons")
For these kind of videos, could you add in the description a file to download ? To see the basics
I'm uploading a tutorial later today :)
@@MalewiczHype great ! Thanks
Hi, I want to start with UI design. Can I directly start with your playlist or I need to learn Figma first?
There’s a Figma ppayground beginner video on this channel. Start there :)
@@MalewiczHype Okay. Thanks!!
I feel like a good precursor to this style was the Nintendo Wii UI
True 👍
I forgot to comment in the beginning but let me do it now haha, personally it never got my attention and gave me good inspiration cuz we know we have simplify designs but that’s a lot which looks boring but clean
Yes, it's not a dominant trend by any means, just something that's becoming more popular now.
Love this style💙! But what do you think about the future of UI/UX design, automation etc? I would love to hear your opinion🤝😊!
By automation do you mean AI replacing some of the UX work? If so I actually made a video on it last year ;)
@@MalewiczHype Oh great🤝
@@MalewiczHype Can you send me the link please, I can't find it?
th-cam.com/video/wgnZrIe7PhU/w-d-xo.html
would you make a video about conventional UI shadow rules? :)
I might’ve done one already 🙃
@@MalewiczHype awsome! :)
So we need a tutorial on how we make them!
Coming right up! :-)
Its simple actually just 2 inner shadow and 1 drop shadow
(Serious) > (Childish) when it comes to my layout preferences. Unless childish is the the project's aim (candy shop, kids stuff etc.). Though VERY interesting to learn that this opinion is not shared by the overall (damn fluffy loving) public.
I think it may be due to the fact that we had that "serious UI" pushed upon us quite strongly for years and people like change - it may not be about the fluffy 3d in itself, but rather the fact that it's different.
Well, it's because this research was done just for fun. If you show people two isolated buttons, they would prefer something that feels more like an illustration. This is not the same experience as if they test an actual UI in both styles during some time.
5000 participant study, buttons were inside an app. A/B test. Clay got 70/30 preference roughly.
@@MalewiczHype what "preferable" means to us? I would agree that this button is better if the results were conversion rate growth by at least a couple %.
But anyway, from this study, we can't conclude that "clay" UIs bring better UX or at least somehow affect user metrics.
@@MalewiczHype Got your point. Makes total sense.
Hi buddy I am so confused about my future can you recommend me to join ux designing journey
What do you mean by UX designing journey?
@@MalewiczHype I mean how should I started... To do
There's no "to do list" that's the same for everyone. You can start with the Google UX course to get the basics first.
How to code this
Basic version: just inner shadows on a shape
more advanced version: a svg object in which you modify the points in code
Oh, now I'm starting to get it. Let me introduce the next trend - shitmorphism. Its elements can be soft, solid, or even kinda watery. Because of its versatility in forms and shapes, it fits both Dribbble and Behance. Though be careful using it in real projects. Users are not ready for shitmorphism yet.
Nothing stopping you from that. Actually just after neumorphism I started writing a joke article using shitmorphism with entire interface derived from the poop emoji. Looked better than meterial design, but decided to delete it ;)
Still smells of Aqua UI, from a zillion years back, just with less shine. I'm all for less "___morphisms" too.
Yes, Aqua was ahead of its time and I'm a bit sad it got dialed back with each Mac OS release. My goal with these styles is to identify + document so it's easier to research them more. I'm not saying it's going to be a dominant style, just one of many and to me it is quite interesting :)
3:37 Soooo... AirPods?
Yes, you can make the airpods case that way.
Soooo... Windows XP?
A little, but a bit better looking. MS until 2010 was really bad at UI.
This style gives me the uncanny valley feeling. Not a fan of it.
It’s definitely not for everything.
This is a terrible design. I am sure some will not agree, but the best way I could describe it was exactly what even you used to desribe it..childish design. Neomorphic design is beautiful and not even remotely boring.