Soft UI (Neumorphism) design in Adobe XD (2020)

Поділитися
Вставка
  • Опубліковано 16 жов 2024
  • Hello guys!
    Today you will learn to design soft UI in Adobe XD
    #UX/UITrends2020 #Neumorphism #SoftUI
    -----------------------------------------------------------------------------------------------------------------------
    Follow us:
    Facebook:
    / designsense2. .
    / god-is-a-designer-1144...
    Join our Facebook group for curated content, inspiration, design critique, and job postings :
    / 415654592183891
    Instagram:
    @designsense99
    Dribbble:
    dribbble.com/D...
    -------------------------------------------------------------------------------
    Resources Links:
    Nina Dobrev
    pngriver.com/d...
    Color Hex Codes:
    #7727FF
    #91A8CE
    #E7F0FF
    #91A8CE
    --------------------------------------------------------
    Track: Sekai - Burn Me Down [NCS Release]
    Music provided by NoCopyrightSounds.
    Watch: • Sekai - Burn Me Down [...
    Free Download / Stream: ncs.io/BurnMeDown
    -----------------------------------------------------------------------
    Track: Andromedik - SHE [NCS Release]
    Music provided by NoCopyrightSounds.
    Watch: • Andromedik - SHE [NCS ...
    Free Download / Stream: ncs.io/SHE
    -----------------------------------------------------------------------
    Track: Unknown Brain - Why Do I? (ft. Bri Tolani) [NCS Release]
    Music provided by NoCopyrightSounds.
    Watch: • Unknown Brain - Why Do...
    Free Download / Stream: ncs.io/WhyDoIYO
    -----------------------------------------------------------------------
    Connect with NCS:
    Snapchat: ncsmusic
    • / nocopyrightsounds
    • / nocopyrightsounds
    • / nocopyrightsounds
    • / ncsounds
    • spoti.fi/NCS
    Culture Code
    • / culturecode
    • / culturecodeuk
    • / culturecodeuk
    Karra
    • / iamkarramusic
    • / karramusic
    • / iamkarramusic

КОМЕНТАРІ • 77

  • @briandesign
    @briandesign 4 роки тому +4

    really cool design! I like it 🔥

  • @cesararias9302
    @cesararias9302 4 роки тому +2

    hello..with which program do you do those jobs, they look great.also can it be done with klwp ..? application for android

    • @DesignSense
      @DesignSense  4 роки тому

      This is the new trend in 2020 (neumorphisim), i have designed it in Adobe xd, BTW it is not so practical because it is harder to implement for the Android application, thanks

  • @youssefbambam4371
    @youssefbambam4371 3 роки тому

    Great job bro i will see all your channel

  • @libardodelgado76
    @libardodelgado76 4 роки тому +1

    Excelente trabajo. Por favor 🙏 podrías decirme que aplicación utilizas para estos efectos. Gracias

  • @LostAlienOnEarth
    @LostAlienOnEarth 4 роки тому +6

    Wonderful work! Amazing! I'm in love with neumorphic design.

  • @nickbalubal7065
    @nickbalubal7065 4 роки тому +1

    What did you use to present the output? Really cool design tho.

    • @DesignSense
      @DesignSense  4 роки тому

      Thanks, what do you mean by the output?

  • @akarsinha3953
    @akarsinha3953 4 роки тому +2

    Hello Team Design Sense, I really liked the video and would like to know how you gave the 3D effect to the screen. If you can share a reference for that, I would be really thankful.

    • @DesignSense
      @DesignSense  4 роки тому

      Simply save as jpeg that screen images, then again import it in xd, and apply again neumorphic style, same as you have apply for the inner design with two shadows. 😊 If you have any problem please contact on our Facebook page. Thanks 😊
      Facebook:
      web.facebook.com/DesignSense2070/

  • @NaveenSingh-js6ts
    @NaveenSingh-js6ts 3 роки тому +1

    After designing this in XD, what's next? How can I use this design in my app? Or is it only for drawing purpose?

    • @DesignSense
      @DesignSense  3 роки тому

      Develop it in android studio!

    • @NaveenSingh-js6ts
      @NaveenSingh-js6ts 3 роки тому +1

      @@DesignSense Yeah, but how to use that in Android studio? Can u please make a video on that.?

    • @DesignSense
      @DesignSense  3 роки тому +1

      We have a tutorial on that. Food app. Check that.

  • @xmorse
    @xmorse 4 роки тому +2

    Can you make a video that lists all the ui and illustration design styles you know? Like outlined illustration, isometric illustrations, ...

    • @DesignSense
      @DesignSense  4 роки тому

      I have already make many tutorials about different trends in 2020 please visit my channel and watch it, i hope it will be helpful, but for the illustrations trends you can see the tutorial, the link are below,
      ua-cam.com/video/2dYbhqzF6sc/v-deo.html

  • @thegabischip
    @thegabischip 4 роки тому +2

    Great work! Please create more videos with app design.

    • @DesignSense
      @DesignSense  4 роки тому

      Thank you, soon we will upload more videos.

  • @mriftiii
    @mriftiii 4 роки тому +1

    Like your work. Great job on e again

  • @jnrjahid
    @jnrjahid 4 роки тому +1

    Love this ui..I want to install that ui.. where can I found it..

    • @DesignSense
      @DesignSense  4 роки тому +2

      Sorry I didn't have uploaded that project file for this tutorial, but you can follow these simple steps, its very easy. Thanks

  • @mmmjjj5571
    @mmmjjj5571 4 роки тому +4

    Thank you very much for this video, for education. I learned many things that they were missing in the rest of the videos

    • @DesignSense
      @DesignSense  4 роки тому

      That's good, stay tuned. Thanks 😊

  • @alisoroori1425
    @alisoroori1425 2 роки тому

    very nice thanks

  • @SutharAkash
    @SutharAkash 3 роки тому +1

    Can you publish the web site designing series

  • @arunaagt8229
    @arunaagt8229 3 роки тому

    What background remover you are using for photos to get a hd quality photos?

  • @DeeSantuy
    @DeeSantuy 4 роки тому +1

    Greetings. From Indonesia

  • @sagarmondal9579
    @sagarmondal9579 4 роки тому +1

    Does it look good in desktop websites?

    • @DesignSense
      @DesignSense  4 роки тому

      Neomorphism is the new biggest trend of 2020. Personally i don't like it much, because it is easy to design but hard to implement it some time, for example if some one design an app and he is a java developer, so for him it will be hard to design that design in XML in android studio, then he will move for other languages like flutter etc. Anyway i think it is not look good on desktop website, you can use this design for small apps or some dashboard etc, thanks

    • @sagarmondal9579
      @sagarmondal9579 4 роки тому

      @@DesignSense Yeah even I was also thinking the same. Thanks for sharing your opinion

  • @terenceb2160
    @terenceb2160 2 роки тому

    Can you fix the download button please?

  • @naveedahmad7393
    @naveedahmad7393 4 роки тому +1

    Awesome tutorial 👏

  • @AnimationCoding
    @AnimationCoding 4 роки тому +1

    Nice

  • @longphamvan5314
    @longphamvan5314 3 роки тому

    Viet Nam ! Thank you very much ....

  • @ilyasferry744
    @ilyasferry744 4 роки тому +2

    can you share the icons?

    • @DesignSense
      @DesignSense  4 роки тому

      These icons are easily available on Flaticon. com the link is mentioned in the description.

  • @yeaheiamahmudhridoy4590
    @yeaheiamahmudhridoy4590 4 роки тому +4

    4:01 i can't drag down, i know how to drag it down. but it did't work
    (i tri it with press Alt + arrow :(

    • @DesignSense
      @DesignSense  4 роки тому +1

      Press = Alt + shift and drag on mouse 🖱 left button. 👍

  • @aeybee7305
    @aeybee7305 4 роки тому

    Wonderful Creativity

  • @kingbukie
    @kingbukie 4 роки тому +1

    Nice work🔥

  • @jstndcsnts
    @jstndcsnts 4 роки тому +4

    Oh no! You forgot to align the elapsed time. I'm obsessive compulsive :(

    • @DesignSense
      @DesignSense  4 роки тому

      Plz mentioned the time

    • @johanh6755
      @johanh6755 4 роки тому

      @@DesignSense the vertical alignment between duration and elapsed time

  • @eyekaypeter1502
    @eyekaypeter1502 4 роки тому +1

    Is it possible to get the completed XD File??

  • @patelrock2
    @patelrock2 4 роки тому

    Wow

  • @taimoorkhanvlogs
    @taimoorkhanvlogs 4 роки тому

    Hi can I get this Aource File ?

  • @TheGargalon
    @TheGargalon 4 роки тому +1

    Not hating but soft UI looks like something that will go away pretty quickly, like bubble buttons.

  • @nejoh713
    @nejoh713 4 роки тому

    Metro UI is the most best ui.

  • @konsciousness
    @konsciousness 4 роки тому

    *Elegance*

  • @mushtaqahmed1492
    @mushtaqahmed1492 2 роки тому

    can you give me shadow values of mockup at 14:14 ?

    • @DesignSense
      @DesignSense  2 роки тому

      Download the source file. The link is given in the description

  • @elbetiya5979
    @elbetiya5979 4 роки тому

    Best forever

  • @codedesign9261
    @codedesign9261 4 роки тому +2

    Best trend in 2020

  • @litvin23
    @litvin23 4 роки тому +1

    Why Adobe XD? Why not Figma?

    • @DesignSense
      @DesignSense  4 роки тому

      Both are about same, figma works in the browser, and Adobe xd also available on both macOS and windows (cross platform). Personally i am using Adobe xd for app designing and it is very familiar with android studio, thats why, and easy to use, but you can also use figma as well. But some time if you didn't have internet connection then adobe xd is best😅. Btw you can use both. Thanks

  • @evandaniyel9388
    @evandaniyel9388 4 роки тому +1

    Resource file bro?

    • @DesignSense
      @DesignSense  4 роки тому

      Sorry i didn't upload the source file for this video 🤐.

  • @arondegroot8443
    @arondegroot8443 2 роки тому

    I cant download

  • @rukevweb5674
    @rukevweb5674 4 роки тому

    🤢 🤮