How to Create App UI UX Design

Поділитися
Вставка
  • Опубліковано 4 січ 2023
  • How I create Mobile App UI/UX Design Process with below steps I follow for UI design:
    - Sketching
    - Wireframe design(low fidelity mockup)
    - UI Design
    - Prototyping
    Free Source Music
    mixkit.co/free-stock-music/di...

КОМЕНТАРІ • 194

  • @bsankar6176
    @bsankar6176 11 місяців тому +127

    Sketching gives us more ideas while making wireframes I learnt this personally frm my mistakes !

    • @uixDesignAcademy
      @uixDesignAcademy  11 місяців тому +5

      Great, Yes its make the process more easy 🙂

  • @lovingbritt
    @lovingbritt 9 місяців тому +24

    new cs graduate trying to get into ux so thanks for the insight on the workflow

  • @wisdomizozoima5541
    @wisdomizozoima5541 Рік тому +90

    You just made me fall in love with this skill

    • @uixDesignAcademy
      @uixDesignAcademy  Рік тому +4

      Thank you very much,,,🙂

    • @wisdomizozoima5541
      @wisdomizozoima5541 Рік тому +4

      @@uixDesignAcademy I actually do not have the funds to learn it though. Do you know of any platform I can learn for free???

    • @uixDesignAcademy
      @uixDesignAcademy  Рік тому +6

      Thank you for your interest to learn UI UX Design, I'ts good for you to please watch my videos I have done with step by step process for both adobe xd & figma, also other channels to learn instead of getting paid courses in this stage. I hope this will help you self learning.

    • @wisdomizozoima5541
      @wisdomizozoima5541 Рік тому +6

      @@uixDesignAcademy Wow! Thank you so much. I really appreciate this. I just came across your channel this morning and I am already glued to it.

    • @GamingGuru20254
      @GamingGuru20254 8 місяців тому

      @@uixDesignAcademy
      Hey,
      I have completed my 12th, now I want to start UX/UI course but I don't know how to start, please can you tell me all about it can I start directly after 12th Or do I need a degree first, if so then which degree should I do...?

  • @asmahabib3504
    @asmahabib3504 Рік тому +14

    Crafting a remarkable app UI/UX design requires a blend of creativity, user-centered thinking, and seamless functionality. Let's dive in! 🎨📱

  • @views-re2om
    @views-re2om Рік тому +72

    My recuriter asked me to design a dashboard for hotel with animation within 1 hour lmao

    • @uixDesignAcademy
      @uixDesignAcademy  Рік тому +7

      Dashboard design for web app or mobile app?

    • @views-re2om
      @views-re2om Рік тому +9

      @@uixDesignAcademy web app

    • @uixDesignAcademy
      @uixDesignAcademy  Рік тому +21

      in 1 hour both design & animation is a bit complicated task 😳

    • @views-re2om
      @views-re2om Рік тому +5

      @@uixDesignAcademy YES ! how much time you take ? : )

    • @bond_the_man
      @bond_the_man Рік тому +2

      What happened? Did you manage to make it on time?

  • @lovekeshsinghkhalsa4251
    @lovekeshsinghkhalsa4251 6 місяців тому +1

    I love it ❤❤❤. Have a good luck 🎉🎉

  • @Alfayouself
    @Alfayouself Місяць тому +2

    I think of starting Ui/Ux design what do you all suggest i should start with pls

    • @uixDesignAcademy
      @uixDesignAcademy  Місяць тому

      Of course you can start tolerant ui ux design 😍

  • @vyongnhat4876
    @vyongnhat4876 Рік тому +2

    Great, I also know a tool that help convert sketch into mockups, Visily. It helps me alot in my process

  • @shaziakhan6809
    @shaziakhan6809 Рік тому +2

    Great workflow ❤❤❤

  • @JedHurricane
    @JedHurricane Рік тому +15

    When I get through the ux design course I'm doing, I'm never touching a pen and pad for wireframing again. Unless it's absolutely necessary

    • @uixDesignAcademy
      @uixDesignAcademy  Рік тому +4

      great, however the best practice is to draw on paper for the ux,

    • @cumminscowboy3869
      @cumminscowboy3869 Рік тому +6

      Drawing out will help bring your creations to life eliminating unnecessary mistakes

    • @babayanskireacts554
      @babayanskireacts554 Рік тому

      Do you mind telling me what course sir

    • @bgmijaipubg2419
      @bgmijaipubg2419 Рік тому

      Is BCA is necessary before doing ui ux design course?

    • @gkscharlie6826
      @gkscharlie6826 11 місяців тому

      It actually is necessary to carry out faster design changes in the decision making phase before you start designing anything on software

  • @good_knight
    @good_knight 25 днів тому +1

    This looks very nice, great job! Please what do you call those sheets you're working on and how can I get them?

    • @uixDesignAcademy
      @uixDesignAcademy  21 день тому

      you can find phone mockups on web and then print on the paper 😍

  • @AnkushSingh-rs9mq
    @AnkushSingh-rs9mq 20 годин тому

    Do you make these paper yourself?

  • @ListenandRelaxingAsmr
    @ListenandRelaxingAsmr Рік тому

    Amazingggg

  • @anettedesire8824
    @anettedesire8824 Рік тому +5

    What software or application are you using to design that on?

  • @Tlight009
    @Tlight009 11 місяців тому

    It's a low fidelity wireframes for UI/UX design

    • @uixDesignAcademy
      @uixDesignAcademy  11 місяців тому

      almost you can say but thisnisn called sketching, lo-fi or wireframing is bait different than sketching

  • @ShubhamSingh-oc7il
    @ShubhamSingh-oc7il 11 місяців тому +1

    I have one question
    The work of Ux ui designer is to make designs only or they have to make the proper working application

    • @uixDesignAcademy
      @uixDesignAcademy  11 місяців тому +3

      Good question, UI UX designer can make design with prototype to show how the app flow works. but for the proper working app it needs to be developed by developers with proper code.

  • @myrelaxpoint
    @myrelaxpoint 6 місяців тому

    Respect

  • @mohdnadeem8124
    @mohdnadeem8124 Рік тому +1

    Sir i have 2 question please reply me in short and easy---
    1 is codeing is nessary for ui/ux design ?
    2 difrent between web desing or ui/ux design

    • @uixDesignAcademy
      @uixDesignAcademy  Рік тому

      Thank you for your interest,
      1: Don't need coding for UI/UX Design.
      2: UI/UX is (user interface design & user experience design). you will need UI/UX design for both web & mobile app. I think my answer help you...🙂

    • @mohdnadeem8124
      @mohdnadeem8124 Рік тому

      @@uixDesignAcademy ok

  • @Music24751
    @Music24751 6 місяців тому

    Sprb, bro ui ux design la oru project pannanum vro mobile app creation pannanum,.... Andha details sollunga vro

    • @uixDesignAcademy
      @uixDesignAcademy  5 місяців тому +1

      I do projects & mobile app design. here im making tutorials & also available for design projects 😍

  • @vertism.wilder4213
    @vertism.wilder4213 6 місяців тому

    What program are you using. Can this be performed in visual studio or React Native

    • @uixDesignAcademy
      @uixDesignAcademy  6 місяців тому +1

      I'm UI UX Designer & I use Figma for Design 😍

  • @Ayushkh369
    @Ayushkh369 6 місяців тому +3

    My drawing is very bad can i learn ui ux designing ☹️

    • @uixDesignAcademy
      @uixDesignAcademy  6 місяців тому +1

      Yes of course, you can learn ui ux. no matter how your drawing is. there is no issue 😝

  • @colorius
    @colorius 6 місяців тому

    First methode I use before figma fuck up design

    • @colorius
      @colorius 6 місяців тому

      After that balsamic mocuq

  • @AjinkyaUnplugged
    @AjinkyaUnplugged 8 місяців тому

    Bro how to use in pc

  • @Tharushism-su2ev
    @Tharushism-su2ev Рік тому

    So, after designing in figma, all those elements or each one of those elements can separately be used in the code when making the functionality, right?

    • @uixDesignAcademy
      @uixDesignAcademy  Рік тому +1

      Yes, you can export each element and can use it in your code.🙂

    • @Tharushism-su2ev
      @Tharushism-su2ev Рік тому +1

      @@uixDesignAcademy could you please briefly say how the exportation is done, if you don’t mind.

    • @ko-Daegu
      @ko-Daegu Рік тому

      @@Tharushism-su2ev by clicking export quite literally ..also how it's used depends on how you building the app
      so if I'm coding it from scratch (using something like next or SvelteKit for example) I would want the:
      - Typography (all fonts sizes..etc)
      - colors
      - icons
      all static assests ..etc
      and of course imags of how everything looks like and if css is provided (in-which figma and adobeXD do provide) will make mylife as a dev much easier

    • @Tharushism-su2ev
      @Tharushism-su2ev Рік тому

      @@ko-Daegu oh, Thank you so much. If you don’t mind could you mention any more resources, you know of, that I would be able to use?

  • @sharafnedumballi2059
    @sharafnedumballi2059 9 місяців тому

    Best editor which one?

  • @hashimal-mansouri9163
    @hashimal-mansouri9163 Рік тому

    where can I download those mobile frames ? I need to print them in A4 paper.

    • @uixDesignAcademy
      @uixDesignAcademy  Рік тому

      you can search it from google. & then you can use it for mobile frames. 🙂

  • @althafhussain7939
    @althafhussain7939 10 місяців тому

    Which platform you use for UI UX Design

  • @unk885
    @unk885 Місяць тому +1

    Bro where can i learn ui ux for free ?

    • @uixDesignAcademy
      @uixDesignAcademy  Місяць тому

      you can watch my channel, I have tutorial you can learn in FREE 😝

  • @onwuchurubaremijus8899
    @onwuchurubaremijus8899 2 місяці тому

    Which app are you using to drag and drop

  • @sanketdhuri2531
    @sanketdhuri2531 9 місяців тому

    Where can I get these blank mobile UI so I could print out it

  • @blackvibe274
    @blackvibe274 3 місяці тому

    Kai dha konjo nadungudhu thala but ok👍🏻

  • @user-wz1pc3bk2v
    @user-wz1pc3bk2v Рік тому

    Which laptop model you are using ,

  • @thilagavathi3811
    @thilagavathi3811 2 місяці тому

    Which tool do u use for designing?

    • @uixDesignAcademy
      @uixDesignAcademy  2 місяці тому +1

      Figma, download here: psxid.figma.com/z2wz3bjjbrdi

  • @user-xf1bi5gv6f
    @user-xf1bi5gv6f 9 місяців тому

    Which application or software are you using

  • @itccioh9364
    @itccioh9364 Рік тому

    😢sir..im very interesting for uxui course but how to start learn self learning ..plz brief explain

    • @uixDesignAcademy
      @uixDesignAcademy  Рік тому +1

      Thank you for your interest to learn UI UX Design, For beginners its good for you to please watch my videos I have done with step by step process for both adobe xd & figma, also other channels to learn instead of getting paid courses in this stage. I hope this will help you self learning.

  • @Musiccafe19
    @Musiccafe19 10 місяців тому

    How much days has its take to complete the work

    • @uixDesignAcademy
      @uixDesignAcademy  9 місяців тому +1

      It's depends on the project scope. if project is short & simple so it takes less time, if bigger so then takes time 🙂

  • @codewithjayy2104
    @codewithjayy2104 4 місяці тому

    Where did you get high quality img

  • @vinays86
    @vinays86 5 місяців тому

    Where can i get this blank wireframe sketches in paper?

    • @uixDesignAcademy
      @uixDesignAcademy  5 місяців тому +1

      you can search on google & print it n blank pages 😝

    • @vinays86
      @vinays86 5 місяців тому

      @@uixDesignAcademy I already searched in google sir. But i didn't get correct link to download it. Please help me sir🙏☺

  • @manjugraphicsandtecheditor
    @manjugraphicsandtecheditor 6 місяців тому

    Which software useing

  • @blacklover5217
    @blacklover5217 Рік тому

    Bcom ca padikiren uiux designer padicha enaku value aaa konjam solunga

    • @uixDesignAcademy
      @uixDesignAcademy  Рік тому

      your comment is not much clear with translate, but yes have study UI UX Design. and before start project I do R&D for UX with different aspects.

    • @Naveenartistic
      @Naveenartistic 10 місяців тому

      ​@@uixDesignAcademywhat is R&D

  • @technicaldev9534
    @technicaldev9534 6 місяців тому

    Which site you are using

  • @hunkpapii
    @hunkpapii 11 місяців тому

    Wire framing

    • @uixDesignAcademy
      @uixDesignAcademy  11 місяців тому +1

      Its called sketching, wireframing/lo-fi mockup is a bit different than sketching,

  • @devendrateluguchannel
    @devendrateluguchannel Рік тому

    Which app you are using please tell me app name I am your

    • @uixDesignAcademy
      @uixDesignAcademy  Рік тому +3

      Thank you for your interest, I'm using Adobe Xd in this short.

  • @LUCKYFOREX001
    @LUCKYFOREX001 5 місяців тому

    Must i know coding before i will learn these????

  • @user-ym7lu2nl1u
    @user-ym7lu2nl1u 4 місяці тому

    Hi plus two kazhinju studentsinu padikan Kazhiyumo Ithu padikan sugamanoo

  • @firstnamelastname8006
    @firstnamelastname8006 3 місяці тому

    What application was that on the computer you were using?

    • @milosz4066
      @milosz4066 3 місяці тому +1

      adobe XD

    • @firstnamelastname8006
      @firstnamelastname8006 3 місяці тому

      I meant to do the work and stuff.

    • @uixDesignAcademy
      @uixDesignAcademy  3 місяці тому +1

      Its Adobe XD & the app is for Smart Home :)

    • @livelife3854
      @livelife3854 3 місяці тому

      Is adobe XD free to use? And can a laptop with smartpen be used?

    • @uixDesignAcademy
      @uixDesignAcademy  3 місяці тому +1

      Yes its free however now adobe xd is no more, you can use Figma 😍

  • @victorcharles141
    @victorcharles141 9 місяців тому

    I want to learn this. I'm so passionate about it. Please help me

    • @shivam_pandya.
      @shivam_pandya. 9 місяців тому

      Just search this topic and get basic understanding after that go for courses like google ux Design which im doing it right now. Actually its really nicely explained on each topic

    • @uixDesignAcademy
      @uixDesignAcademy  9 місяців тому

      Thank you for your interest, how can I help you? also you can watch my tutorials where I did wireframe design, UI design & prototype. I hope it will help you a lot 😍

  • @rockkey__
    @rockkey__ Рік тому

    Which software?

  • @mohamedyusuf9873
    @mohamedyusuf9873 7 місяців тому

    what is the purpose of figma and adobe xd?

    • @uixDesignAcademy
      @uixDesignAcademy  7 місяців тому +1

      These are design tool, you can do UI UX design in Figma & Adobe XD before development. 😍

  • @lbhemant
    @lbhemant 2 місяці тому

    Ux or extra skill requiremend please

    • @uixDesignAcademy
      @uixDesignAcademy  2 місяці тому

      you will need to learn ui ux design 🙂, focus on these both courses

  • @MehediHasan-tv8iq
    @MehediHasan-tv8iq Рік тому +1

    Can i create uiux design in Ai!

    • @uixDesignAcademy
      @uixDesignAcademy  Рік тому

      Yes, however you can use the most preferred tools like Figma, Adobe XD for UI/UX Design. Ai & Ps are no more required.

    • @jestinwilson3767
      @jestinwilson3767 Рік тому

      Did you mean illustrator or Artificial intelligence?

    • @maninder_7007
      @maninder_7007 Рік тому

      ​@@jestinwilson3767 illustrator

  • @maxy2479
    @maxy2479 Рік тому

    Sir can you tell me where to find those white icons or coloured icons/png images for a black background or a coloured background other than white?

    • @uixDesignAcademy
      @uixDesignAcademy  Рік тому +2

      Thank you for your interest, I'm using premium pack, however you can find png icons in flaticon.

  • @asifshaikhyt
    @asifshaikhyt 6 місяців тому

    Soft. Kese milega

  • @funkyjunky845
    @funkyjunky845 2 місяці тому

    Bro are you designing an app or going for a war?

    • @uixDesignAcademy
      @uixDesignAcademy  2 місяці тому +1

      PRO designer always works this way 😝

    • @funkyjunky845
      @funkyjunky845 2 місяці тому

      @@uixDesignAcademy I meant the bg music lol. Sounds like some war drums or shit.

  • @nishchalsharma1243
    @nishchalsharma1243 9 місяців тому

    Anyone can please help me regarding ui/ux designing. I really need some advice

    • @uixDesignAcademy
      @uixDesignAcademy  9 місяців тому +1

      Thank you for your interest, how can I help you?

    • @nishchalsharma1243
      @nishchalsharma1243 9 місяців тому +1

      Actually I am going to learn ui/ux from a academy? Is it good to learn from a online academy, I just want to transit my career

    • @uixDesignAcademy
      @uixDesignAcademy  9 місяців тому +1

      Yes you can learn it from academy but you should focus more on UA-cam to learn about it from different tutors. so it will give you different ideas.

    • @nishchalsharma1243
      @nishchalsharma1243 9 місяців тому

      With the classes and learning from UA-cam that’s what I am planning and the academy I am interested in it is Intellipaat

  • @Kurlo.stories
    @Kurlo.stories Місяць тому

    Software?

  • @ragavdostoevsky
    @ragavdostoevsky 11 місяців тому

    Is that figma?

  • @vilakon8909
    @vilakon8909 11 місяців тому

    Why not use Figma

    • @uixDesignAcademy
      @uixDesignAcademy  11 місяців тому +1

      Its Adobe Xd, If you want Figma, so please watch my other videos for figma.🙂

    • @vilakon8909
      @vilakon8909 11 місяців тому

      I'm so sorry

  • @sashaprecious663
    @sashaprecious663 10 днів тому

    Please who’s willing to teach me around Abuja Nigeria. It has always been my passion but I need a mentor. I’m loyal for this please

    • @uixDesignAcademy
      @uixDesignAcademy  10 днів тому

      Thank for your interest, my course is coming for ui ux design and starting online classes, it will benefit you 🙂,

    • @sashaprecious663
      @sashaprecious663 9 днів тому

      @@uixDesignAcademy I’m willing and will be waiting

  • @Dr.z610
    @Dr.z610 9 місяців тому

    Figma?

  • @Aspect-_-YT
    @Aspect-_-YT Місяць тому

    Figma

    • @uixDesignAcademy
      @uixDesignAcademy  Місяць тому +1

      Its adobe xd, Figma: psxid.figma.com/z2wz3bjjbrdi

  • @GinaMaher_
    @GinaMaher_ 9 місяців тому

    can you buy paper with the phone template or do you print it yourself?

    • @shivam_pandya.
      @shivam_pandya. 9 місяців тому +2

      I guess there are available to buy directly but if you have printer just print this frames on white paper

    • @uixDesignAcademy
      @uixDesignAcademy  9 місяців тому +1

      I have print it by self on white paper.

    • @GinaMaher_
      @GinaMaher_ 9 місяців тому

      sweet thanks, I'm always just like is there an easier way i don't know about? - cause that happens a lot ha, but yeah printing is easy

  • @anashussain4131
    @anashussain4131 10 місяців тому

    😂😂😂😂😂

  • @sanjaysanthosh7009
    @sanjaysanthosh7009 9 місяців тому

    Developers 😢

  • @muhammadkichootmebrahmos5421
    @muhammadkichootmebrahmos5421 3 місяці тому

    Sir What’s the salary of ui ux designer after completing the course please reply me what’s the starting salary

  • @APerez89
    @APerez89 11 місяців тому

    I liked and loved it bro! What type of software is used for this type of work?

    • @uixDesignAcademy
      @uixDesignAcademy  11 місяців тому

      Thank you, I use Figma & Adobe XD.

    • @APerez89
      @APerez89 11 місяців тому

      @@uixDesignAcademy as I suspected. Keep up the amazing work! You're an Inspiration to us Kinesthetic learners and creators!

    • @uixDesignAcademy
      @uixDesignAcademy  11 місяців тому

      Thank you very much 😍👍

  • @krithickkrithick7079
    @krithickkrithick7079 Рік тому

    Hi sir your video is very useful to me ,sir your any other contact details in LinkedIn or instagram

    • @uixDesignAcademy
      @uixDesignAcademy  Рік тому

      Hi, Thank you for your interest, Please below are the details
      Contact:
      For Business, inquiries email me here:
      uixdesign.me@gmail.com
      Let's CONNECT on social media and say Hi!!
      UIX Facebook: @uixdesign.me
      UIX Instagram: @uixdesign.me
      UIX Twitter: @uixdesign_uiux
      UIX TikTok: @uixdesign
      UIX Dribbble: @uixdesign

    • @lancyfx
      @lancyfx Рік тому

      ​@@uixDesignAcademyoff to follow you 🙂

    • @uixDesignAcademy
      @uixDesignAcademy  Рік тому +1

      Thank you very much

  • @AjinkyaUnplugged
    @AjinkyaUnplugged 8 місяців тому

    Bro how to use in pc

  • @WayanovaAmaefule-pi2hb
    @WayanovaAmaefule-pi2hb 2 місяці тому

    Is that figma?

  • @AjinkyaUnplugged
    @AjinkyaUnplugged 8 місяців тому

    Bro how to use in pc

  • @AjinkyaUnplugged
    @AjinkyaUnplugged 8 місяців тому

    Bro how to use in pc

  • @AjinkyaUnplugged
    @AjinkyaUnplugged 8 місяців тому

    Bro how to use in pc

  • @AjinkyaUnplugged
    @AjinkyaUnplugged 8 місяців тому

    Bro how to use in pc

    • @uixDesignAcademy
      @uixDesignAcademy  8 місяців тому

      You can install Figma or Adobe XD, and start using to create design 🙂