MASTER VISUAL HIERARCHY: Principles of VISUAL DESIGN for Designing Mobile Apps!

Sdílet
Vložit
  • čas přidán 30. 07. 2024
  • 🚀 Get 2 free months of Skillshare Premium & watch my design course for free: skl.sh/2TVhf8z
    In this tutorial, you will learn how to master visual hierarchy when designing interfaces using the principles of visual design.
    🚀 Create an account on Mobbin for free:
    mobbin.com/?referrer_workspac...
    🔸 Table of Contents
    00:00:00 What is Visual Hierarchy?
    00:02:44 Understanding users and their needs
    00:10:49 Defining Metrics
    00:13:45 Identifying problems with the poorly designed UI
    00:16:58 Redesigning the UI
    01:06:32 Designing the Nav Bar
    01:13:03 Creating Iterations for the Nav Bar
    --------------------------------------­---
    The Mega Product Design Course for Beginners:
    • The Mega Product Desig...
    Webflow Course for Beginners:
    • Webflow Course for Beg...
    Photoshop Tutorials:
    • Photoshop CC Tutorials
    Illustrator Tutorials:
    • Illustrator CC Tutorials
    After Effects Tutorials:
    • After Effects CC Tutor...
    UI Design Tutorials:
    • UI Animation/Interacti...
    Design Resources, Tools and Softwares:
    • Design Resources, Tool...
    Adobe XD CC Tutorials:
    • Adobe XD CC Tutorials
    eSports Design Tutorials:
    • eSports Design Tutorials
    --------------------------------------------------------------------------------------------
    Contact me :
    Portfolio: chethankvs.design
    Twitter: / kvschethan
    Instagram: / design_pilot
    Mail: designpilot21@gmail.com
    Behance: behance.net/chethankvs
    Dribbble: dribbble.com/chethankvs
    --------------------------------------------------------------------------------------------
    LIKE, SHARE, COMMENT & SUBSCRIBE :)
    #uiuxdesign #productdesign #visualdesign
  • Krátké a kreslené filmy

Komentáře • 74

  • @user-dk3lh9xo3g
    @user-dk3lh9xo3g Před 6 měsíci +7

    Man, I don't know whether I've become a successful product designer, but learning from you is a totally different experience, man. Your way of looking at things and explaining them is beautiful. You're not only a great designer but also a great teacher. I really appreciate you. "Go until it looks bad" is the mantra of this video, especially about the iterations. Thank you, sir. Please also make a video on how to conduct research because I don't like learning from those nonsensical articles that talk about fixing goals, choosing methods, and stuff like that. I want to learn from you, my man. Thank you.

  • @TechMantra2
    @TechMantra2 Před rokem +4

    You are literally running wild with the iterations and it feels like I'm sitting with a senior designer who is speaking out his design decisions aloud.

  • @realsrt
    @realsrt Před rokem +12

    The way you broke down everything and explained it very well is incredible. I have never seen a video like this on youtube. Man, what you're delivering to the design community is something no one has ever done this way, keeping things simple and explaining them, making beginners consume complex things quickly.

  • @ankushpanda9911
    @ankushpanda9911 Před 27 dny +3

    This video is a gem for someone who is struggling in UI design. I learned a lot of new things especially the surface color part I never knew previously that we can create visual hierarchy threw such decisions. Just a couple of questions like Can we mention the terminal number in the card by grouping it with airport name and also we can provide a bit more layover information by grouping it with travel duration in the card so user can compare it with other flights.

    • @DesignPilot
      @DesignPilot  Před 27 dny

      Might have to see it to give an answer

  • @manangupta4191
    @manangupta4191 Před rokem +1

    Most helpful video on CZcams. Please always keep the videos as raw as this. We wanna see the process and iterations always. And love how you try to cover multiple aspects to the topic. Keep going!

  • @lalitbarai
    @lalitbarai Před rokem +2

    Chetan, that is some precious information there. Once again, thank you so much. I'm pretty damn sure that this video will help larger audience out there.

  • @sanikathali
    @sanikathali Před rokem +1

    Amazing session you took on Visual hierarchy!! Was blown away by the step by step process, the thinking process, what works best, what doesn't, you really explained so well!!

  • @sachinnegi2924
    @sachinnegi2924 Před 11 měsíci +1

    The amount of information i get from this video 🤯. Thanks a lot for this video ❤.

  • @ankitthakur3487
    @ankitthakur3487 Před 21 dnem +1

    This... Is how I want to learn.
    Loved this !!! ❤

  • @harshrawat042
    @harshrawat042 Před rokem +1

    This is by far the most knowledge full video I have seen on hierarchy. Thanks 😊

  • @AsimAntuleVlogs
    @AsimAntuleVlogs Před rokem +6

    Damn Man! Indeed one of the best tutorials ever, I've seen on CZcams to date. Love the whole process and how you went creating an awesome UI.🚀 Really appreciate it. Looking to learn a lot more things from you.

  • @subhajitchatterjee5238
    @subhajitchatterjee5238 Před rokem +3

    Well Chetan, I haven't yet booked a flight ticket but I'm pretty hopeful that I'll be able to land a jod by learning from your videos and then I'll definitely book one. Thanks for another top-notch tutorial.

  • @AsimAntuleVlogs
    @AsimAntuleVlogs Před rokem +1

    Love the whole process man!❤ Amazing Video

  • @tanyaarora2907
    @tanyaarora2907 Před rokem +1

    The best tutorial on visual design so far Thank you so much !!!!

  • @anuraaagg26
    @anuraaagg26 Před rokem +2

    Super excited for this 🙌

  • @spaceboi_ux
    @spaceboi_ux Před rokem +1

    This is so good. Thanks for the awesome tutorial with loads of info

  • @kishorekumar8216
    @kishorekumar8216 Před rokem +1

    bro you are life saver, kudos to your wonderful teaching skills, didn't get distracted even a minute, may god bless you :)

  • @namanmontu4188
    @namanmontu4188 Před rokem +1

    Fantastic Content! I am so happy that i stumbled across your channel, this is quality content around UX, this is like a gold mine for everyone who's wanting to grow in the field of UX and understand to it's roots. Thank you!

  • @prashanthbonela2293
    @prashanthbonela2293 Před rokem +1

    Salute for the valuable content bro. This is puree gold!!!

  • @ndifrekeudoh5648
    @ndifrekeudoh5648 Před rokem +1

    This is amazing and goes straight to the point

  • @AsimAntuleVlogs
    @AsimAntuleVlogs Před rokem +1

    Always super excited for Design Pilot's CZcams Video❤🥺 LOADS OF LEARNINGS

  • @syedshehriyar3363
    @syedshehriyar3363 Před rokem +1

    Very well explain Chetan bhai. Not only visual hierarchy, I learned other important stuff too.

  • @shreyasborakhadikar
    @shreyasborakhadikar Před 6 měsíci +1

    Wow, need more videos like these

  • @k-turner
    @k-turner Před rokem +1

    Looking forward to it!

  • @surajnothingispermanent2789

    Wow, super excited

  • @deepakpatidar4633
    @deepakpatidar4633 Před rokem

    You never fails to provide immense value in each of your videos😍🤩

  • @razorsharp.
    @razorsharp. Před rokem +1

    This the best break down of visual heiarchy I've ever seen. Doing God's work 🙏

  • @siddhibhatia5714
    @siddhibhatia5714 Před rokem

    Wow really amazing. Learned a lot of new thingss.

  • @jadhavdarshanpramod
    @jadhavdarshanpramod Před rokem +1

    awesome. very detailed and nicely explained.

  • @angelicastha1933
    @angelicastha1933 Před rokem +1

    Every video is on next level.
    Please make a tutorial on design handoffs, like better way to document the design, screen flow state

  • @aaronasare2673
    @aaronasare2673 Před rokem +1

    Best UI channel so far, learnt a lot from here. Hoping to get tutorial on how and where to use font weight in UI design.

  • @fatimah1487
    @fatimah1487 Před 2 měsíci +1

    Amazing amazing amazing content. Thanks 😊

  • @kanchanugale9419
    @kanchanugale9419 Před rokem +1

    Amazing Video!

  • @areebsiddiqeedesign
    @areebsiddiqeedesign Před rokem +1

    The Power of Iteration - Alternate title for this video...🙌🙌

  • @humairanaeempasha2362
    @humairanaeempasha2362 Před 5 měsíci +1

    This is quality stuff only 10 minutes through the video and I can tell it's not one of those 'place it on the right because it looks good on the right' kinda videos!

  • @TechMantra2
    @TechMantra2 Před rokem +1

    Hi Chethan! Your approach is so good. Learning a lot from your videos.I felt, instead of showing the name of the airport, it makes more sense to show the Terminal Number along with the City. Ex: Terminal 1, NYC. It might help the user make future decisions like scheduling an airport taxi.

    • @DesignPilot
      @DesignPilot  Před rokem +1

      Sure. But some people may not know the short forms of certain airports and when there are many airports, it gets confusing.

  • @dipongkarroy1720
    @dipongkarroy1720 Před rokem +1

    This is too good.

  • @kartheekt5735
    @kartheekt5735 Před 7 měsíci

    thanks

  • @kishorimonukumari2979
    @kishorimonukumari2979 Před rokem +1

    Hi brother, I need help how we collect data, I mean when we create a survey people are not responding what other why to collect data to get users need, want and their problem.

  • @aryanagrawal1011
    @aryanagrawal1011 Před rokem +1

    SUPER

  • @Programming-es5tp
    @Programming-es5tp Před 4 měsíci

    How does interview happen please make video on that and where to apply for jobs

  • @kishangautam7506
    @kishangautam7506 Před rokem +1

    Loved the video.
    Please make a video about the plugins you use.

    • @DesignPilot
      @DesignPilot  Před rokem +1

      I don’t really use many plugins honestly.

    • @kishangautam7506
      @kishangautam7506 Před rokem +1

      Okay
      Please make a video about the roadmap for becoming a UI UX Designer.

    • @DesignPilot
      @DesignPilot  Před rokem +1

      Will make that my first video for 2023

    • @kishangautam7506
      @kishangautam7506 Před rokem +1

      Looking forward to it.
      I've learnt a lot from you.
      I've learnt Webflow from you on Skillshare.
      Just want to say thankyou, your videos are top notch and I'm glad you came back on CZcams.

  • @zeeshan8265
    @zeeshan8265 Před rokem

    Could you share the figma file please. I Can't find it in the description section.

  • @prathamdubey2363
    @prathamdubey2363 Před rokem +2

    Such a great video. Could it be possible for you to share the figma file as well?

  • @revatitate7075
    @revatitate7075 Před rokem +1

    I want to see what shortcuts you are using 👀.

    • @DesignPilot
      @DesignPilot  Před rokem

      You can check out this video.
      Tips and Tricks to Design Faster and Smarter like a Pro in Figma!
      czcams.com/video/2Hklp3ncc6I/video.html

  • @user-os5mc3vf6m
    @user-os5mc3vf6m Před 11 měsíci +1

    I think the date is too important to book something.

  • @joachimkarstens9769
    @joachimkarstens9769 Před rokem +1

    what software did you use to design this?

  • @dhiiraj4ux
    @dhiiraj4ux Před 9 měsíci +1

    I have a question about your course. Is it necessary to complete both the CZcams and paid versions?

    • @DesignPilot
      @DesignPilot  Před 9 měsíci +1

      If you’re a beginner I’d say you can learn from and practice from the CZcams videos first. There is a lot of learn

    • @dhiiraj4ux
      @dhiiraj4ux Před 9 měsíci +1

      @@DesignPilot I am close to intermediate but looking for a job I have pretty good design sense but I was thinking that after i finish this yt course and then purchase the other course but at the same time i think i should purchase the course right now 😅 this is embarrassing

    • @DesignPilot
      @DesignPilot  Před 9 měsíci +1

      @dhiiraj4ux You can take a call. It also has the design system course included in the price.

    • @dhiiraj4ux
      @dhiiraj4ux Před 9 měsíci +1

      Thank you so much Chetan sir ☺️

    • @dhiiraj4ux
      @dhiiraj4ux Před 9 měsíci +1

      And one last thing do we get any certification??

  • @SankethShetty
    @SankethShetty Před rokem +1

    Why did I find you so late 😥

  • @aakashkumar4833
    @aakashkumar4833 Před rokem +3

    hi sir I am Aakash, i follow u lot, remeber i DM you on Instagram, then you told to DM me on Design pilot IG,
    Guess I am still waiting for ur reply😂😂😂