Soft UI / Neumorphic Form Design in Adobe Xd | Design Weekly

Поделиться
HTML-код
  • Опубликовано: 18 окт 2024
  • ХоббиХобби

Комментарии • 43

  • @pritamdeore6091
    @pritamdeore6091 4 года назад +2

    Awesome design bro 👏✊👍
    Loved it ❤😘

    • @PunitChawla
      @PunitChawla  4 года назад

      Thanks Pritam! I'm glad you liked it

  • @aidpool
    @aidpool 4 года назад +1

    Nice tutorial. Inside shadow can also be achieved easily by masking another copy of the object with a few pixels shift in the the proper direction

    • @PunitChawla
      @PunitChawla  4 года назад

      Yes absolutely. I've used this technique so that I can make inner shadows at an angle and only till one end of the rectangle.

  • @rohitpanse7986
    @rohitpanse7986 4 года назад +1

    Woooow..what a beautiful design..punit ur great 💥

    • @PunitChawla
      @PunitChawla  4 года назад +1

      Thank you Rohit! I'm happy you liked it!

  • @taimoorkhanvlogs
    @taimoorkhanvlogs 4 года назад +2

    Yayyy thank you for this Tutorial! This is what I was waiting for since long

    • @PunitChawla
      @PunitChawla  4 года назад

      I'm glad you liked it Taimoor. Keep watching!

  • @ivelina_vk
    @ivelina_vk 4 года назад +1

    Interesting take on the inner shadows

  • @MACH_SDQ
    @MACH_SDQ 4 года назад +1

    Very gooooood; always a new tool to learn!!!!

    • @PunitChawla
      @PunitChawla  4 года назад

      Thank you for always supporting Marcos!

  • @harshkatariya8169
    @harshkatariya8169 4 года назад +2

    As always 💥

    • @PunitChawla
      @PunitChawla  4 года назад +1

      Haha, Thanks Harsh! ✌🏼

  • @filmentertainmentmaster6890
    @filmentertainmentmaster6890 4 года назад +1

    Excellent video sir, thank you for sharing your experience and learning with us

    • @PunitChawla
      @PunitChawla  4 года назад

      I'm always happy to share good content! Thank you

  • @niveshbirangal
    @niveshbirangal 4 года назад +1

    Awesome. ♥♥♥

  • @Shikarte
    @Shikarte 4 года назад

    So proud of you🙌🏻
    Keep inspiring😍

  • @faithegwuenu
    @faithegwuenu 4 года назад +2

    Trying it out now😛😍

    • @PunitChawla
      @PunitChawla  4 года назад

      I'm glad you liked it Faith! Do show me when you're done.

  • @joespersonal
    @joespersonal 3 года назад

    Hey @Punit Chawla could you let us know the coordinate switch that was skipped at 2:46? PLEEEAASSEEE!

  • @amrpixel
    @amrpixel 4 года назад +1

    Great

  • @pandabuddy1655
    @pandabuddy1655 4 года назад +1

    Thanks.

  • @varol72
    @varol72 4 года назад +1

    very hi-end design and execution, thanks for sharing

    • @PunitChawla
      @PunitChawla  4 года назад

      You're most welcome Varol! I'm happy you like it!

  • @desandipan19
    @desandipan19 4 года назад +5

    There is a break in the video. Can you please recheck it.

  • @longhost2729
    @longhost2729 4 года назад +2

    Nice video on how to do Neumorphic but awful trend for accessibility :(
    It will never pass WCAG 2.1 compliance indicators
    (tips : use Colour Constrast analyser to check, must have for every UI designer)
    So it's just a show-off trend for behance ;)

    • @PunitChawla
      @PunitChawla  4 года назад

      Yes. I think it's more of a look good trend. It kinda works in certain areas like graphics and icons, but would never work to create a good UX.

  • @JeanPierreNonnet16
    @JeanPierreNonnet16 4 года назад

    Hi I'm confused with a section of the video at timestamp 2:47. It looks like you reversed the shadow (x-24 y-24) and sent it to the back, you then grouped the rectangles and I noticed there was white blurred background protruding in the top left of the box. What settings did you do to get this effect? the video jumps forward at this bit.

  • @faizanbutt471
    @faizanbutt471 4 года назад +1

    can we use the prototype in our project? and how can we use them in our project?

    • @PunitChawla
      @PunitChawla  4 года назад

      YOu'll have to replicate the animations with CSS. Just change the inner-shadow on hover and make it a box shadow.

  • @inderjanakarajan9389
    @inderjanakarajan9389 4 года назад

    I really would appreciate if you create a what's app group and people would join!! And people can shar their knowledge.!!

  • @Abhishekkumar-gt9tj
    @Abhishekkumar-gt9tj 3 года назад

    Can I get the link for the Adobe XD file, looks like the one uploaded is expired !

  • @sairammania6041
    @sairammania6041 3 года назад

    I will refer others videos to achieve soft UI..it is very tough in this tutorial..

  • @savankumarsanandiya1193
    @savankumarsanandiya1193 4 года назад +1

    Sir 3D box k form k piche kese laye ?

    • @PunitChawla
      @PunitChawla  4 года назад

      In the layers panel on the left, just drag the box layer down to the bottom. Or select the box and press ctrl+{ on your keyboard to put it behind

  • @namanagarwal3831
    @namanagarwal3831 4 года назад

    How can I use this design in Android studio?