NEUMORPHISM - DON'T FOLLOW THIS TREND! | TemplateMonster

แชร์
ฝัง
  • เผยแพร่เมื่อ 27 มี.ค. 2020
  • Neumorphism... What's so attractive about it? It's very tempting to make and post something that everyone is talking about on Dribbble, Instagram, or Twitter, but should it be used outside concept design? Should you use neumorphic UI for a real project? Let's find the answer!
    😻Download trendy website templates on TemplateMonster👉 www.templatemonster.com/?utm_...
    💥Download FREE graphics via MonsterONE👉 monsterone.com/free/?...
    Credit:
    dribbble.com/shots/10075215-F...
    dribbble.com/shots/10186148-N...
    dribbble.com/shots/10484965-S...
    dribbble.com/shots/10476164-N...
    dribbble.com/shots/9890709-Ne...
    dribbble.com/shots/10491079-N...
    dribbble.com/shots/10546634-N...
    dribbble.com/shots/10722982-B...
    dribbble.com/shots/9934031-Ne...
    dribbble.com/shots/10680699-D...
    dribbble.com/shots/10565080-A...
    dribbble.com/shots/10066765-A...
    dribbble.com/shots/10000695-N...
    dribbble.com/shots/9527274-Ne...
    dribbble.com/shots/9684036-Ta...
    Read more about NEUMORPHISM:
    delightfuldesignstudio.com/neu...
    uxdesign.cc/neumorphism-will-...
    landor.com/news/instagrams-ne...
    materialdesignblog.com/how-mat...
    #TemplateMonster #Neumorphism
    #UIDesign
    ~~~
    Subscribe to our channel to learn more about web design: / templatemonsterco
    Follow us on social media:
    🔖Facebook / templatemonster
    🐦Twitter / templatemonster
    📷Instagram / template_monster
    📎Pinterest / templatemonster
    🏀Dribble dribbble.com/TemplateMonster/
    in LinkedIn / templatemonster
  • แนวปฏิบัติและการใช้ชีวิต

ความคิดเห็น • 114

  • @khhnator
    @khhnator 2 ปีที่แล้ว +90

    i take this over flat design

    • @9852323
      @9852323 ปีที่แล้ว +18

      Most people would. Nobody wants flat design but it’s shoved down our throats regardless.

    • @scoot_black740
      @scoot_black740 10 หลายเดือนก่อน +3

      Fax

    • @rodrigamer__
      @rodrigamer__ 4 หลายเดือนก่อน

      facts.

    • @jerubzsermiento2580
      @jerubzsermiento2580 4 หลายเดือนก่อน

      Fr

  • @mohajinnandrez1766
    @mohajinnandrez1766 3 ปีที่แล้ว +78

    I tried it yesterday and I'd like to say for computer science project presentation it is the best ... Lecturers are not used to such design concept hence they gave me an A 😂😂😂 for a web page development

  • @aaronkessinger72
    @aaronkessinger72 4 ปีที่แล้ว +179

    We are moving forward with this design style. We did a focus group of 100 of our users and this look and feel won at 88% not even close.

    • @fedor3000
      @fedor3000 4 ปีที่แล้ว +5

      Lots of us thought this at the beginning. But i still doesnt bring u any further bc it cannot carry your product when its incomparable with your competition. No client (on a bigger scale) will like that. imo we will see neu-des only on smaller rollouts. As soon a one big brand took it, others wont, thus it will not take over any further.

    • @alpacamale2909
      @alpacamale2909 3 ปีที่แล้ว +7

      88% of people are idiots

    • @swxpnil4484
      @swxpnil4484 3 ปีที่แล้ว +4

      People like new things but that dont necessarily means they will adapt to it ( i mean only time can tell)

    • @designertom
      @designertom 3 ปีที่แล้ว +8

      How much of that focus group focused on accessibility for people with visual impairments?

    • @icksv5529
      @icksv5529 3 ปีที่แล้ว +1

      Ok but everybody should know that a focus group should include people with different type and level of disability, what about you? did you do it? In my opinion the design will remain, but simply because not matters how many years are gone since the first WCAG, the terms universal design and inclusive design has been forged, accessibility still remains a factor ignored by many designers and partially because many bootcamps and private schools still ignore this element in the formation of a student.

  • @attag_ua
    @attag_ua ปีที่แล้ว +27

    I miss skeuomorphism. The notepad app felt like a real notepad, not just a text entry app. TH-cam was associated with television, not just a video hosting application.The music apps made it feel like you had all these covers of music in your closet, and not just a website with a bunch of junk music.The phone felt like a combination of all those things that used to occupy space, and not just a terminal for accessing someone's servers.

    • @ukrainiansturgeon8561
      @ukrainiansturgeon8561 11 หลายเดือนก่อน +3

      The notepad app on iPhone is just a white void lmao

    • @SebastianSastre
      @SebastianSastre 6 หลายเดือนก่อน +2

      I miss it too. We need to conquer back the terriory that the antirrealists invaded.

  • @9852323
    @9852323 ปีที่แล้ว +20

    Yes please follow this trend! It looks so much better than flat design. Also bring back the translucency glass and the 3d look. Just get rid of flat design already.

  • @Bloxed
    @Bloxed 2 ปีที่แล้ว +30

    My main issue with flat design is that the flatter it is, the more soulless it is. Skeuomorphism felt like real life and while it did not have the visual flair that Flat Design has in most cases, it felt alot less, should I say, corporate.
    With Neumorphism, I think it strikes that perfect balance. It feels like an independant art style, something trendy and underground. It won't ever replace Flat Design entirely in terms of usage, however I think that is for the best. The design was made by people who weren't at the top of the food chain, and it'll stay that way.
    I do hope that this design philosophy does stay around though. While most uses are from indie and smaller developers, Apple and Microsoft's take on the design are both beautiful, with MacOS 11 Big Sur and Monterey and Windows 11 all looking beautiful in my honest opinion, with Windows 11 honestly being my favourite Windows design of all time for the icons imo, taking the place Aero used to occupy for me. While my favourite design will always remain MacOS Mountain Lion and Mavericks, MacOS 11 / 12 will remain a very close second, only losing out to a semi-noticable infrequency.

    • @9852323
      @9852323 ปีที่แล้ว +4

      This design should take over and flat design should die.

  • @Ex0dus111
    @Ex0dus111 3 ปีที่แล้ว +34

    Light Neumorphism came first, and seems to be what most people associate with Neumorphism still.
    Obviously Light Neumorphism doesn't work, the accessibility is terrible, it's as train just to look at.
    Dark Neumorphism on the other hand, deserves its own review. It can be contrasted well with vibrant colors, which stops it from being a "soft-ui" thereby repairing the accessibility problem.

  • @Nischhal
    @Nischhal 4 ปีที่แล้ว +68

    i would like this tread to continue... I love this types of design so pleasent to see at.

  • @pawelpow
    @pawelpow 3 ปีที่แล้ว +10

    I love neumorphism, I will always use it now

  • @giustomuh
    @giustomuh ปีที่แล้ว +2

    The trick it’s not use it alone, mix neumorphism with material and it’s pretty cool

  • @izakniemann5734
    @izakniemann5734 2 ปีที่แล้ว +4

    I think it is here to stay because it reflects 3D reality - that is how I see it.

  • @piereligiodisante
    @piereligiodisante 7 หลายเดือนก่อน +1

    Honestly, I feel like the buttons argument is quite dumb.
    Avoid low contrast text at all costs, mark the button states CLEARLY, by adding a colored border, or by changing background and icon color in a very visible way (accents color realy help here). You can also just use a switch, oftentimes. These elements aren't prohibited on neumorphism, it is more about having a depth effect similar to real dashboards. This by itself, when not abused, can't in any way confuse the user.
    If the problem is that ANY different UI will confuse the user, we're really making both design job and the users very very lazy. This is finally some new cool design idea, it's in my opinion sad to lose it.
    The only scenario where it can work a bit bad, is on UIs that require many controls. This is a design that requires a bit more space.

  • @navedhasan4632
    @navedhasan4632 3 ปีที่แล้ว +5

    Glassmorphism is my favourite

  • @sykowhite9465
    @sykowhite9465 4 ปีที่แล้ว +15

    this style gives me healthcare/medic vibe, dont know why would this be a thing. Its just inner and outer shadows

  • @vicjames3256
    @vicjames3256 3 ปีที่แล้ว +7

    You're right - does not work on large scale projects and has critical accessibility issues.
    After testing it extensively, as you said, things like cards and sliders (and graphics) are where it works best.
    It's a nice touch / flare to add to design and I'm excited to see the creative ways designers end up using it.
    But a full app with only neumorphism - nah.

  • @adirmugrabi
    @adirmugrabi 2 ปีที่แล้ว +11

    NEUMORPHISM is amazing.
    and i hope it will KILL flat ui!

  • @bibliothekdeshorrors4084
    @bibliothekdeshorrors4084 3 ปีที่แล้ว +10

    I like the idea. I'm going to use neumorphism in my KLWP project for a minimal UI.

  • @krixkrax
    @krixkrax 4 ปีที่แล้ว +22

    I think this design is just cool, something really new after all the same boring desing all over the internet. So yeah deffinitely cool staff, anyway I love it

  • @VoodooGMusic
    @VoodooGMusic 3 ปีที่แล้ว +9

    Uhm. What you are saying is only half true because you are only really adressing the absolute minimal basics of neumorphism.
    Let's talk about the button thing, of course the change is minimal if that change of shadow is all that is there to indicate an activation, but did you ever think to consider that neumorphism does not excluse the use of colors? Typically buttons have icons or text on them, which can light up when the button is activated, there's a common theme for things that are ON to be blue or green, and things that are OFF to be red or grey. There's absolutely no confusion here, instead the shadow around the element just makes it clearer what can and cannot be clicked compared to flat design where it is often totally unclear and you have to be farmilliar enough with this type of technology to know it intuitively, and even then it sometimes doesn't work instantly.

    • @davidhudson6894
      @davidhudson6894 2 ปีที่แล้ว +1

      Exactly. The same criticism can be aimed at any ui style if visual cues are reduced to a minimum. There are numerous ways to style important elements such as input boxes and buttons whilst keeping a neumorphic theme.

  • @theforexlife3244
    @theforexlife3244 2 ปีที่แล้ว +3

    Web3 solves all issues, skeumorphism and Neumorpism for the win! Flat designers are like web1 ms-dos websites. 🤣

  • @TheFirstCyberNinja
    @TheFirstCyberNinja 2 ปีที่แล้ว +2

    I'm very late to this but what do you think about using it for purely visual mediums, like motion graphics and social media graphic design?

  • @Fnelrbnef
    @Fnelrbnef 4 ปีที่แล้ว +16

    I love skeumorphism... I don't get why it isn't more used. You got this beautiful thing here, and you got this boring thing here. Yeaaah. Think I'll go with the boring thing, cause "ain't no use for the skeu-thing anymore." Well. There is no use in having a beautiful car either, if it moves. Goddaamn hipsters.

    • @Fnelrbnef
      @Fnelrbnef 3 ปีที่แล้ว +8

      @@maurosyoutube Still makes no sense. I think people are just lazy, they don't wanna waste energy on making things beautiful or they don't have the vision. It's like music. Some genius usually creates the first big thing, then everyone else wants to join in, but they suck, so the quality drops.

    • @ikichullo
      @ikichullo 3 ปีที่แล้ว +6

      @@Fnelrbnef Dude spot on. Graphic designers are getting lazy and disguising it as "flat design". It's a bunch of bullshit do they can slack off and make everything ugly.

    • @betaloop8166
      @betaloop8166 3 ปีที่แล้ว +3

      Agreed. Flat grey-on-grey UI minimalism hit at the same time neo-Brutalism began blighting home interiors.

  • @LiveCodeofficiel
    @LiveCodeofficiel 3 ปีที่แล้ว +30

    UI designers need to calm down because for developper it's a pain in the ass to fit a model like this 😂

    • @kvaibz1147
      @kvaibz1147 3 ปีที่แล้ว

      😂

    • @stel1000
      @stel1000 3 ปีที่แล้ว +4

      You people need to get better then haha 😂

    • @YoloMonstaaa
      @YoloMonstaaa 3 ปีที่แล้ว +1

      its quite simple in css

    • @LiveCodeofficiel
      @LiveCodeofficiel 3 ปีที่แล้ว

      @@YoloMonstaaa yea that's why I did a video on neumorphism

    • @JohnR436
      @JohnR436 3 ปีที่แล้ว +1

      @@stel1000 agreed!

  • @ricestrange
    @ricestrange ปีที่แล้ว +1

    I'm actually kinda happy skeuomorphism is coming back

    • @HXISE
      @HXISE 2 หลายเดือนก่อน

      its not coming back but glassmorphism a art of frutiger aero coming back

  • @smart_bar
    @smart_bar 2 ปีที่แล้ว +2

    Oh that was a good critique of neumorphism.. When I saw it for the first time I thought "Yea! Finally something interesting will change minimalism trend, which everyone is already tired of. Even if Apple was used something similar in new MacOS design, then it should be new trend, as it was with minimalism design". But okay, now I'm a little upset

  • @kerosenedrinker5778
    @kerosenedrinker5778 7 หลายเดือนก่อน

    I’d prefer just return to regular skeuomorphism but this is still way better than flat design

  • @redaloui
    @redaloui 3 ปีที่แล้ว +19

    I just fall in love with this design.. not only users, designers and coders also has their word.. as the famous said once.. users dont know what they want until u tell them or show them or something like that 🙃

  • @GroovyHuey
    @GroovyHuey 3 ปีที่แล้ว +1

    Loved the video! Do you, by chance, have the source files of the thumbnail? That is one of the coolest designs I've seen, so I was just wondering. Thanks

  • @hafsayasmeen
    @hafsayasmeen 4 ปีที่แล้ว +2

    What a creative idea

  • @slob5041
    @slob5041 10 หลายเดือนก่อน +3

    Better than flat n ugly

  • @milanmilicev
    @milanmilicev 4 ปีที่แล้ว +5

    Love the analytic approach.

    • @templatemonster
      @templatemonster  4 ปีที่แล้ว +1

      Thanks a lot! We're absolutely going to make more videos with this analytic approach 😄

    • @futrey9353
      @futrey9353 4 ปีที่แล้ว

      Analytically wrong (for me)

    • @leopoldjansen
      @leopoldjansen 3 ปีที่แล้ว

      @@futrey9353 Why ?

    • @futrey9353
      @futrey9353 3 ปีที่แล้ว

      @@leopoldjansen Simply because its a beautiful and lisible trend. One which doesnt cause eye strain.
      But youre right to disagree,I just think otherwise

  • @bloojkl4520
    @bloojkl4520 4 ปีที่แล้ว +10

    As a user who doesn't know much about UI/UX, this looks VERY cool to me

    • @templatemonster
      @templatemonster  4 ปีที่แล้ว +1

      We’re happy you’re enjoying our videos! Thanks for the positive feedback!

    • @sykowhite9465
      @sykowhite9465 4 ปีที่แล้ว +1

      looks good doesn't work.

  • @gywghhb
    @gywghhb 3 ปีที่แล้ว +2

    I was surprised to find out that I was alone in thinking that neumorphism doesn't make sense. It doesn't serve any kind of use case or solve any existing problems. And it might look fancy on Dribbble or Behance as concept art but not so much when translated into real app. Skeuromorphism made sense cuz it serves intuition, flat design make sense because it amplifies content, but this doesn't fit in to any kind of problem (IMHO).

    • @templatemonster
      @templatemonster  3 ปีที่แล้ว

      Perhaps there's some truth in that, Tom!

  • @carloslfu
    @carloslfu 4 ปีที่แล้ว +7

    Accessibility is a critical concern with Soft UI

    • @sykowhite9465
      @sykowhite9465 4 ปีที่แล้ว +2

      plus the load time of website if you use box shadow on every fuckin element

    • @alimertc
      @alimertc 3 ปีที่แล้ว

      @@sykowhite9465 +10kb? u serious?

    • @alimertc
      @alimertc 3 ปีที่แล้ว

      @@sykowhite9465 for cpu processing box shadow isn't much

    • @betaloop8166
      @betaloop8166 3 ปีที่แล้ว +2

      @@sykowhite9465 I'd rather give up the intrusive video ads than the dimensions like shadows that make buttons easier to discern. The pendulum swinging away from flat UI is long overdue.

    • @sykowhite9465
      @sykowhite9465 3 ปีที่แล้ว +2

      @@alimertc heard of mobile users and people with slow internet connection?

  • @cpyt
    @cpyt 8 หลายเดือนก่อน

    People also thought the internet was a dying fad in 1997.

  •  3 ปีที่แล้ว +6

    Like with all design, it isn’t copy and paste exercise, all of what I’ve seen so far has been concepts, so yeah they are just there to look pretty. Of course it has to be refined, of course it needs to be thought through for each use case, but at its fundamental level it offers MUCH more feedback than flat UI, I can’t tell you how much I hate TH-cam, Google, Facebook. all of its saturated as f*** pop colours, and clickable buttons that don’t look like they can be clicked, or sub menus hiding behind cryptic symbols... I really want elements of this to be tried and developed in practical apps!

  • @Tuna_Tanu
    @Tuna_Tanu 3 ปีที่แล้ว +2

    Apple: Bet

  • @alpacamale2909
    @alpacamale2909 3 ปีที่แล้ว +1

    This doesn't work for icons

  • @TheSUPERWIND2023
    @TheSUPERWIND2023 2 ปีที่แล้ว +2

    SKEUMORPHISM IS BACK BABY!

  • @nagarajhere1
    @nagarajhere1 3 ปีที่แล้ว +1

    Indeed☺️

  • @SebastianSastre
    @SebastianSastre 6 หลายเดือนก่อน +1

    Is here to stay and thanks God for leaving flat behind. Also, I can’t stand purple and violets anymore.

  • @slack.
    @slack. 2 ปีที่แล้ว +1

    Isn’t google material design the same concept especially with shadows?

  • @abrums2284
    @abrums2284 ปีที่แล้ว +2

    better than flat

  • @IN-pr3lw
    @IN-pr3lw ปีที่แล้ว +1

    Neumorphism is just better

  • @happyclappy88
    @happyclappy88 3 ปีที่แล้ว +1

    Im being forced to use this by the parent company, who dont do any design themnselves. its very irritating and dificult to work with. Im having to create overly complex solutins to make screens look just 'ok' rather than excellent. this is what happens when people who dont know anything jump on a band wagon. personally i think its a very old looking style, circa 2010 not 2021!

  • @stormrider01
    @stormrider01 2 ปีที่แล้ว +3

    I like it

  • @JovialEclipse
    @JovialEclipse 3 ปีที่แล้ว +3

    It kinda reminds me of old Windows XP! I really like this

  • @Cjnator38
    @Cjnator38 2 ปีที่แล้ว

    Oh they followed that trend

  • @ettoma
    @ettoma 4 ปีที่แล้ว +4

    How can it be considered a trend if none is using it in real life?

    • @templatemonster
      @templatemonster  4 ปีที่แล้ว +3

      Well, despite Neumorphism has a limited scale of implementation these days, it doesn't mean it can't exist separately as an aesthetically pleasing trend. People love beautiful things, even though they can be pretty useless at times. Or so it seems)

    • @ettoma
      @ettoma 4 ปีที่แล้ว +1

      @@templatemonster I do like it on an aesthetical level, but I really can't find any possible use for it, unless you sacrifice accessibility and usability. But it is pleasant to see 😅

    • @templatemonster
      @templatemonster  4 ปีที่แล้ว +1

      You're absolutely correct! And, we've pointed out the idea in the vid - the best way to know if it works for a particular project is to test, of course. Might work for product pages and cards but only if they look fine on their own, without the implementation of this effect 😉

  • @shellyoung2646
    @shellyoung2646 ปีที่แล้ว +2

    Flat design for a multicolor supported monitor is degradation.

  • @citizenfoffie7605
    @citizenfoffie7605 2 ปีที่แล้ว

    Correct, do old style Skeuomorphism instead

  • @loge9981
    @loge9981 4 ปีที่แล้ว +15

    definitely follow! Monster is amazingly stupid XD

    • @futrey9353
      @futrey9353 4 ปีที่แล้ว +3

      tell the world the truth that design shouldnt come in just squares of colors

  • @venkter
    @venkter ปีที่แล้ว

    it guded lot

  • @_Amilio_
    @_Amilio_ 4 ปีที่แล้ว +3

    Well, after Big Sur launch this isn't going anywhere

  • @Big-Chungus21
    @Big-Chungus21 5 หลายเดือนก่อน

    Neuomorphism does not feel like a continuation of 2000s UI design. It completely throws accessibility out the window. I would hate to use this daily for actual work, no matter how ‘pretty’ it looks. This is way more soulless than flat design, which is usually very colourful especially in the early 2010s. Not having gradients doesnt mean something is “soulless” - a lot of flat design is very expressive and bold.
    I wouldnt take “looking pretty” over accessibiltiy anyday, even if we went back to UI design similar to that of the 2000s (even that is better than neuomorphism). Ive used Linux for a long time now, and ive tried out more skeuomorphic and detailed UI with things like the Crystal Remix icons and themes on KDE. It looks pretty, like eye candy at first. But when you want to actually get something done, its horrible compared to the more minimal approach most operating systems have nowadays. Neuomorphism does not strike a good balance, because it literally erases the border between the buttons and the background, this doesnt make it seem cohesive or like it has depth, it just makes it look like its all the same and its hard to tell apart. Neuomorphism is soulless and looks sanitized as hell, as if its trying to be as inoffensive as possible.

  • @gabo_xp
    @gabo_xp 3 ปีที่แล้ว +1

    I prefer flat design

  • @biswamohandwari780
    @biswamohandwari780 3 ปีที่แล้ว +1

    the trend got famous cause it looks like apple product

  • @AcidDotDrop
    @AcidDotDrop 3 ปีที่แล้ว

    That shit's around for years. If you are that far off if it is about research, why shoudl anyone listen to anything else coming from you?

  • @Seven71987
    @Seven71987 4 หลายเดือนก่อน +1

    FLAT DESIGN SUCKS, NEUMORPHISM AND SKEUMORPHISM IS OVER 9000 TIMES BETTER THAN FLAT DESIGN.

  • @chudchadanstud
    @chudchadanstud 4 หลายเดือนก่อน

    It pretty ugly and looks half baked. Apple's take is way better. The whole emboss and bevel effects needs to go and they should stil to low detail 3d-esk design instead. Buttons with text should remain flat but should have a 1px border with a contrasting accent colour. It gets filled in when the button is pressed.