Soft UI Navigation Bar[UI Design & Prototype] - Adobe XD Tutorial pt.3 [2020]

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

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

  • @binyaminrobbins6335
    @binyaminrobbins6335 3 года назад +2

    Fresh af. just used this for a client

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

    Looking forward to see ur new tutorial

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

    OMG! My Bates Motel Poster's ilustration is in your App! jajaja Thats an honor! Love your tutorial ❤️

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

    Creative idea..👏Will turn it into PowerPoint tutorial.. 👍

  • @ivailoluzev2728
    @ivailoluzev2728 3 года назад +2

    I have just watch 2 of your tutorials and i must say that they are one if not the best in youtube!!!
    And one quick question when you will upload part 4 ? :)
    Love and greetings.

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

    WONDERFULLY WONDERFUL YOU ARE A MASTER OF YOUR WORK 👍👍

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

    Great stuff!!! Keep making more vids!!!!!!!!

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

    world-class tutorial... thank you so much ❤

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

    I'm so glad I found your channel. 👍
    Hopefully you'll upload more videos 😊

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

    AMAZING tutorial! Thank you SO MUCH!

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

      Glad it helped 😊

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

      ​ @Jerrin James Just created this in XD, but I have a little problem: (Only if I'm in the default state) If I tap not exactly on the search icon, but next to it on the right side, it slides to the profile button! But if I click exactly on the icons, everything works perfectly!
      I wonder if you could help me with this, what the issue might be? Thank you so much in advance, keep up the great work!! 😊

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

    Hii. Thanks for tutorial. I`m from Brazil but I can understand everything!!

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

    Which software are you using buddy? which pops the KEYSTROKES and show text on left bottom of your videos.

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

      I use an opensource screen recording tool called Captura. Its free to use and is available in GitHub.

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

      @@JerrinJames Thanks for the info! BTW Loved your work.

  • @thewindow6157
    @thewindow6157 3 года назад +1

    Superb ♥️

  • @shakebsiam3092
    @shakebsiam3092 3 года назад +2

    I LOVE YOUR PROJETCS . plzz upload part 4

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

    고마워

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

    you are a good man ,thanks!!

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

      You are welcome 😊. Your feedback means a great deal for me.

  • @monty5243
    @monty5243 3 года назад +1

    amazing tutorials...

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

    Thank you I love it a lot

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

    how to change the screen while you re pressing the icons also, because you already define a state and it links another state, how it goes another artboard at the same time

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

      Great question. There are actually many ways to do that. Since that nav bar is in our components, we can drag and drop them into any artboard of our choice. Since it have 4 states defined, we can change the states in the artboard. For eg, in the profile screen, the component will be in profile state.
      And while prototyping, instead of animating between component states, it's better to animate between artboard.
      Hope you got the idea.
      I will definitely make a tutorial, most probably on part 5 or 6 of this tutorial series and show you how it's done in video.

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

      @@JerrinJames well, thanks for the response. i will wait that tutorial.

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

    hi bro any idea why i dont see the component states when im trying to prototype the search button in 08:17? TIA

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

      solution: need to delete the icons from components list.

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

      Yeah. I know.
      I had this same issue when developing the tutorial and I was confused. That's why I deleted the icons from the components.

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

    I love your work! I have a question, how do you record your prototypes? Thanks for the tutorial

    • @JerrinJames
      @JerrinJames  4 года назад +3

      Thanks. I use a screen recording software called Captura. It is available in GitHub for free. I use that to record the region if the screen. Then I use After Effects to create a mockup like animation. I have made a tutorial for that, check that out here ruclips.net/video/NlEA-Cp8AaE/видео.html
      Hope it helped :D

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

    Thank you!

  • @Kartik-yv3ni
    @Kartik-yv3ni 4 года назад +2

    Sir love your tutorials......i have a problem tho.......when i click on the search or any other icon, in destination it only shows artboards and not states....if you or anyone could help

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

      It is because you still have that icon in the components panel. Try removing the icons from the components panel after you have added them to the art borard. If you listen carefully, I have explained it in the video and deleted the icons. Try doing that.
      Else try updating XD to the latest version. They have added some fixes regarding this exact problem.

  • @thainabueno7802
    @thainabueno7802 3 года назад +1

    videos muito bons!

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

    Where do you get your icons? Any unique icon sets you can recommend?

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

      I use a plugin called 'Icons for Design'. It's a free plugin and from that I mostly use 'Meteo' or' feather' icons from the search results.

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

    Sir what is the name of background music ? And which web or app you use for text to speech?

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

      The track is:
      'That Night in Your Car' by Spazz Cardigan
      You ca get the music here form his channel
      ruclips.net/channel/UCC7HC205_NMMlgJvBSSnYog

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

      @@JerrinJames thanks sir

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

    Why when I start setting up the prototype, the destination doesn't have a component option (search, like, profile)?

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

    big fan dude

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

    Your videos are very helpful , please make a video on parallax effect

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

      Hope you liked it. Parallax effect is definitely on the list, thanks.

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

    Sir please make video to prototype nav button with home,search,like and profile page on the tape of nav buttons

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

    plz i’m begging you to upload part 4🙏🏻🙏🏻🙏🏻

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

    This was awesome... I'm looking for that menu design to follow this video, but I can't find it

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

    Can anybudy can implemented in android studio

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

    você é muito booom, nem curso pago encontro isso

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

    Hi great Tutorial, i want to do this exactly but on my website for mobile. How can i do it with html/css/javascript?

    • @JerrinJames
      @JerrinJames  3 года назад +1

      Hi, I am not totally sure about how this could be converted to HTML/CSS/JavaScript. I am not from a web development background, sorry about that.

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

    When part 4 is coming? Thanks for the tutorial

    • @JerrinJames
      @JerrinJames  4 года назад +4

      I am working on it. Got a little bit off track with my studies and some personal stuff. Going to be back with some quality content.

  • @qsjs.s1601
    @qsjs.s1601 2 года назад

    Hi sir... I am love ur work and sincerity... Sir ur experience and salary ? I am interested in this field ui ux designer.. Plz help me

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

    Amazing tutorials mate!! where is part 4 though?

  • @mrteatime7148
    @mrteatime7148 2 года назад

    i can't found the part 4 ^^'

  • @dohasamy4575
    @dohasamy4575 2 года назад

    Why you don’t complete’t🥺🥺

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

    thnx for the tutorial and for the files i'll tag u on Instagram :)

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

    Wrong file

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

    Wrong file you upload on drive change it ..