Food App Design | UX/UI ( Wireframe, Prototype, Export)

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

Комментарии • 1,1 тыс.

  • @DesignSense
    @DesignSense  3 года назад +369

    Its Eatmore not Fatmore 😂

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

      Sorry to be so offtopic but does someone know a method to log back into an instagram account..?
      I was stupid forgot the password. I would appreciate any help you can give me

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

      @Rory Kamryn It worked and I finally got access to my account again. Im so happy!
      Thank you so much you saved my ass :D

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

      @Scott Jeremy happy to help :)

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

      haha 😁

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

      @@scottjeremy7598 can u not just press forgot password

  • @createinspireco1768
    @createinspireco1768 3 года назад +236

    As someone who is considering transitioning careers into UX/UI, thank you for creating these step-by-step tutorials; they have been really helpful. New subscriber :)

    • @DesignSense
      @DesignSense  3 года назад +7

      We are glad that it was helpful. Stay tuned.

    • @Brencee
      @Brencee 3 года назад +3

      @@DesignSense what application is this I'm new here.

    • @DesignSense
      @DesignSense  3 года назад +5

      @@Brencee Adobe xd

    • @andresramirez4469
      @andresramirez4469 Год назад

      yeah i am also reading more about ui/ux design. I am more interested in design rather than code

    • @DailyQuran761
      @DailyQuran761 Год назад +2

      @@andresramirez4469 which is easy web development or ui ux design

  • @andrewauta260
    @andrewauta260 3 года назад +56

    You've helped me start a skill in UI design, i really love this tutorial.

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

      Good, stay tuned for more videos, thank you

  • @kamaudennis3
    @kamaudennis3 3 года назад +448

    Me to my Brain: stop dancing, we've gotta make an app here

  • @cindycin9412
    @cindycin9412 4 года назад +28

    Thank you for being part of my growth

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

      Welcome, stay tuned 😊

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

      hello...since i started my path recently....whats u r destination...if u r interested shall we have a short time chat...

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

      ​@@wolfgamerz7879 I Also want to join

  • @eder.santana_oficial
    @eder.santana_oficial 3 года назад +20

    Nossa!!!... Incrível o seus projetos, pra mim é um dos melhores canais do RUclips... Parabéns.

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

      Obrigado por suas apreciações, fique ligado😊

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

      Vc sabe dizer qual o programa que ele usa?

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

      @@mayzoham8694 adobe xd

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

      @@DesignSense which soft have you used in this project ? Pls tell

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

      @@saadbhuiyan6479 Adobe xd

  • @sirishabytaru721
    @sirishabytaru721 3 года назад +8

    You're creatively amazing ❤️

  • @chitiro110
    @chitiro110 2 года назад +1

    I don't know if you're a guy or girl feel like you're a girl but genuinely that tutorial is just amazing and helpful

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

      Thank you. I am not a girl ☺️

  • @saidmadridista
    @saidmadridista 3 года назад +10

    Very professional .. one question : what format you're using for icons ? are they responsive ?

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

    Sorry,I've got this questions to ask.
    -After designing the user interface using Adobe XD,would there be need for coding?
    -If you help show the latter part that's concerned with saving the project and then hosting it online.
    -Adding more content after it being out as a done project(website)
    Thank you,would await your reply on these three. Thanks so much..
    And I must say thumbs up for sharing your knowledge with aspirants who really would love to dash into this. Much appreciated

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

      Yes, gou need to code it after creating the wireframe in Adobe XD. We have coded this app too. Check that tutorial. If you're intrested to learn app development in android studio, click on the link to the course, 90% off now.

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

      @@DesignSense thanks,man. Just saw this.. Really appreciated

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

    Going to practice on it tonight ❤👏

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

    Vodafone Mobile App UI UX Design Using Figma 🎉
    Full Video: ruclips.net/video/Oky0Q7mZVH8/видео.html

  • @maureenokoli2262
    @maureenokoli2262 3 года назад +19

    This is amazing 😳
    You made it look so easy 🥺

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

      Thank you 😊

    • @efjayadi
      @efjayadi 2 года назад +2

      yes, the doing part is easy. but thinking why and what to do, that's the hardest part.

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

      @@efjayadi right 💯

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

    I am binger ux/ui designing..... i really love this tutorial.

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

    This is amazing,I have learnt alot

  • @thamitayod-ngern26
    @thamitayod-ngern26 3 года назад +2

    I am graphic design but I want to learn how to create the application and make something like this. All of your tutorial design on the vdo was awesome. You really inspired me to become a Ui Ux designer, Btw thank you so much for made the vdo. I really appreciate it. Much love 😻

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

      We're glad it was helpful 🙌

  • @brenlify-watch7822
    @brenlify-watch7822 3 года назад +3

    What software do you use in creating that design. Thank you!!

  • @amnakhan636
    @amnakhan636 Год назад

    Thank you for all the help and support. God bless you.

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

    Nice tutorial, very helpful. Thanks! ❤️

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

    When I see videos like dis,I feel more inspired ND happy to learn more in design

  • @yaninaelisamunozperez9898
    @yaninaelisamunozperez9898 3 года назад +5

    Excelente tutorial para conocer las herramientas y oportunidades en Figma. Gracias por compartir.

  • @ultranature260
    @ultranature260 9 месяцев назад

    Your designs are mind blowing brother, i appreciate your work i have started learning from your channel

    • @DesignSense
      @DesignSense  9 месяцев назад

      Thank you. Watch the lates videos too those are in very detail. Stay tuned

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

    your designing is super...i don't understand how the colour of those icons are changing..can u plz tell me how ?also want that complete designing video.

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

      Use only svg format for icons, if you want to edit and coloring as you want. Thank you stay tuned 😊

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

    Hi, can these elements/wireframe can be taken directly to HTML/CSS/REACTNATIV?

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

      No but you can easily export all the things easily for for any kind of further development or coding etc.

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

    i have a super short attention span! thanks for making these step by step and not 3 hours long

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

      Glad to know that it was helpful

  • @poniminponimin3805
    @poniminponimin3805 3 года назад +9

    Great vid! But it will be more great if you explain how you choose typography, font color, background, etc

    • @DesignSense
      @DesignSense  3 года назад +3

      In near future. Stay tuned!

    • @bzoa430
      @bzoa430 2 года назад +2

      @@DesignSense I love your videos but i wish you also spoke and did commentary while you are designing!

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

      @@bzoa430 yes i have just started in new videos 😊. Thank you

  • @livelovelaugh473
    @livelovelaugh473 2 года назад +1

    @DesignSense: It's nice to see a video that shows how to create an app without doing code. This was nice. Thanks for sharing.

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

    what is name this app u used it ?

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

    very happy to see my Abbottabadi Brother doing a great work. hat off i am also started Ui designing your videos are helpful.

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

      Thanks for appreciation bro!

  • @thachuclong9812
    @thachuclong9812 3 года назад +6

    The logo: Eat more
    Me: Fat more

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

    Gonna use this as inspiration for my school project (im in 11th grade) thank uuuu : )

  • @roopeshb3492
    @roopeshb3492 2 года назад +9

    Its Ui like zomato😂😂🤣

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

    Bro that's crazy man. This is the BEST UX/UI video out there. You just gained a new sub, like for real. You are legend. Thanks for this

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

      Thanks for your appreciation, like, sub. Stay tuned for more videos 😍❤️

  • @robertcarroll2840
    @robertcarroll2840 3 года назад +8

    Terrible font they chose for the logo, looks like "Fatmore" 😂

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

      This is just the dummy logo for this app😂.

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

      Thats what I read XD

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

      do we need to learn programming too?

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

      @@ak2000_ if you want the full responsive app for mobile, you need to learn app development.

  • @jegisonrajwilson6292
    @jegisonrajwilson6292 Год назад

    thank you so much for this beginner vedio. very short and sweet

  • @luckypawar7304
    @luckypawar7304 9 месяцев назад +1

    OMG you made it easy even without outolayout 😮

    • @DesignSense
      @DesignSense  9 месяцев назад +1

      Glad it was helpful 👍

  • @FaizaBasharat-nh3ry
    @FaizaBasharat-nh3ry Год назад +1

    very helpful for freshers amazing vedio

  • @MRFRONYAHMED
    @MRFRONYAHMED 3 месяца назад

    Very helpful video , I've learned in this single video. Thanks brother

    • @DesignSense
      @DesignSense  3 месяца назад

      Glad it was helpful ☺️

  • @DeepakKumar-bm2bx
    @DeepakKumar-bm2bx 2 года назад

    brother, you are amazing... i didn't skip even one second... awesome work bro..

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

      Thank you 😊 ❤️ stay tuned 😊

  • @leahbardoc2859
    @leahbardoc2859 2 года назад +1

    thanks for that tutorials because i learn a lot

  • @fandhyvidimusthofa288
    @fandhyvidimusthofa288 2 месяца назад

    Thank you, this really helps me in learning UI design👍🏻

    • @DesignSense
      @DesignSense  2 месяца назад +1

      Glad it was helpful ☺️

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

    you are really master in ui designing

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

    Dude you are the best. It is safe and 100% works

  • @macaroon147
    @macaroon147 Год назад +1

    Awesome, thanks! But I didn't see the wireframe?

    • @DesignSense
      @DesignSense  Год назад

      Check again it is High Fidelity Wireframe

  • @TestimonyTamaraumien-ebibootur
    @TestimonyTamaraumien-ebibootur 9 месяцев назад

    bravo the creativity is fabulous... i have a request sir, how can one get the exact clean images you used for the design ...for learning purpose

    • @DesignSense
      @DesignSense  9 месяцев назад

      The link of the site is given or you can download the source file where you can find it. Thank you 😊❤️

    • @TestimonyTamaraumien-ebibootur
      @TestimonyTamaraumien-ebibootur 9 месяцев назад

      thanks sir but how can one get the eatmore logo@@DesignSense

    • @DesignSense
      @DesignSense  9 месяцев назад

      @@TestimonyTamaraumien-ebibootur that is just the dummy logo... You will also find it in the source file.

  • @iam-peacemaker
    @iam-peacemaker 3 года назад +2

    Your design principles were on point, boss! Please what design tools were using?

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

    thanks so much....am a begginer they say trust the process
    useful chanel

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

      Thanks for appreciation ♥️

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

    Thank you, it was my first work in portfolio made in XD

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

    Which software you had used to create this lovely design??

  • @mdfarukh0
    @mdfarukh0 3 месяца назад +1

    it was good to learrn but i am here to know about mockup!

    • @DesignSense
      @DesignSense  3 месяца назад

      Watch this: ruclips.net/video/z0otrFvutTI/видео.htmlsi=BrKC6Eo3crosY4bk

    • @mdfarukh0
      @mdfarukh0 3 месяца назад

      Bro thanks but this is not for what i am looking,
      Actuating i am looking how to fit the design in mobile or computer which i made on. ADOBE XD!!!

    • @DesignSense
      @DesignSense  3 месяца назад

      @@mdfarukh0 watch the full vid.

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

    It is my goal to be a UI developer can you please tell me what app could I use., I'm watching your tutorial for me to learn you are my inspiration please help me

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

      This app is Adobe xd. Thank you 😊

  • @lyricstogo4226
    @lyricstogo4226 Год назад +1

    Thank you for this step by step tutorials but can you please pay attention to the padding so we can also follow thanks

  • @jacklernavarrogultiano9562
    @jacklernavarrogultiano9562 2 года назад +1

    Thank you so much fo this

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

    hey, From where did you draw pizza , burgers and chicken designs, EATMORE designs and more??

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

      The links of these resources are given in the description.

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

      @@DesignSense Oh okay Thanks :)

  • @ayudyahhr
    @ayudyahhr 7 месяцев назад +1

    Menyala Abang ku🔥🔥🔥🔥

  • @Jamalmehak
    @Jamalmehak 2 года назад +1

    I try my best ☺️

  • @ondys7774
    @ondys7774 2 года назад +1

    Please how to create it logo ?

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

    Thanks for the part of my journey ❤️

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

      Most welcome 😊

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

      hello...since i started my path recently....whats u r destination...if u r interested shall we have a short time chat...

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

      @@wolfgamerz7879 Yes sure

  • @wcc3championgameplay581
    @wcc3championgameplay581 Год назад

    Beutiful brother love from india🇮🇳

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

    This is the first video ive watched for UI design and im totally in love... new subscriber❤🔥

  • @starxzarbab
    @starxzarbab Год назад

    Sir your work is so Great, but sir plz guide us your key pressing because when you make a shape and layer style. it will be more helpful for us.

    • @DesignSense
      @DesignSense  Год назад

      I have shown some keywords on the side. But watch our new videos with my Voice over and clear instructions.

  • @jerinisrat97
    @jerinisrat97 2 года назад +1

    Very helpful video for the beginner. Thanks a lot

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

    Is a wonderfull tutorial. Can you tell me what software have you used to make this app? pls

  • @leikeze__
    @leikeze__ 2 года назад +1

    Wow this is a great Job👍
    Pls, Can I get the download link to the app you used.

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

      Just download adobe creative cloud. From there you can install Adobe xd. Thank you

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

    Superb tutorial❤❤.... I have a question please help.. . Which key is used to bring to front or back something e.g. images, shadow ???

    • @DesignSense
      @DesignSense  2 года назад +1

      Bring to front = Shift + Ctrl +]
      Bring to back = Shift + Ctrl +[
      Thank you ❤️

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

      @@DesignSense ❤❤Thanks

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

    You don't talk it's okay, but you should use text command.
    Good work!

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

      Soon we will do a voice-over!

  • @justtryit5626
    @justtryit5626 11 месяцев назад +1

    Pls which software are you using in your design❤

    • @DesignSense
      @DesignSense  11 месяцев назад

      Adobe xd

    • @justtryit5626
      @justtryit5626 11 месяцев назад

      @@DesignSense please link of how to code it

    • @DesignSense
      @DesignSense  11 месяцев назад

      @@justtryit5626 ruclips.net/video/pv9862lkm98/видео.htmlfeature=shared

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

    Which app u r using to build the app? So easy???

  • @SIT-IbiAfridi
    @SIT-IbiAfridi Год назад +1

    You using which application which tool plz tell me?😊

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

    can you do a video about how to do do ux for a tv app like dor roku or apple tv

  • @kopandavil2711
    @kopandavil2711 2 года назад +1

    What the name application you used?

  • @gracielapaladino383
    @gracielapaladino383 Год назад +2

    Muy atractivo este video Gracias

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

    Thanks for the video. I do not have XD but made an exact replica of the design on figma. Hope to learn more from you.

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

    Installed, everything works, thanks!

  • @uzorprecious4257
    @uzorprecious4257 2 года назад +1

    Great work and design
    Will love to learn more from you

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

      Thank you, stick around 😊

  • @ahmedchoudhary6477
    @ahmedchoudhary6477 Год назад

    Done Well bro. I am a Google certified UX Designer. Your some skills are extraordinary. But somethings need improvements. Such as last two screens. But the landing screens which you made were impressive

    • @DesignSense
      @DesignSense  Год назад +1

      I am not only imparting knowledge, but I am also striving to learn more. Thank you for your appreciation. Stay tuned🥰

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

    Great job bro, which app are you using for the design

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

    Hi I m.new to UI Design. Can u tel me which software is used

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

    This is very good.... do you already have the video tutorial on HOW TO CREATE ICONS in FIGMA? I would like to see how to create the WI-FI icon using ''pen''. Thank you!

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

      No, we don't have tutorial on icons creation but in future maybe. Stay tuned.

  • @devrajbhattacharya7912
    @devrajbhattacharya7912 2 года назад +1

    very helpful video

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

    Wow..great! .What font style did you use?

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

    Next level design

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

    believe me, you are a genius, and background music is amazing 👨‍👨‍👧‍👧🙋😀😂😂

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

    Wow I'm looking for this exactly!! You made my day brother!

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

      Glad to hear that ❤️ ❤️

  • @software-sage
    @software-sage 3 года назад +2

    This is great an all but how would the developer create some of these things?

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

      I asked my friend he will soon make a tutorial to code this app. Stay tuned!

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

      @@DesignSense Cool! Will it be uploaded on this channel as well?

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

      @@Jchappyyy yes soon Development video will be upload on this channel. Thanks

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

    Its like Fatmore, E could be more different by extending the middle line of E

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

    Great work, the question is how to programmers this details app

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

    Thank you man for sharing this stuff

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

    Its very good! Working! Thanks

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

    Which software are you using to build this prototype.???

  • @ROHITPAWAR-kt9un
    @ROHITPAWAR-kt9un 2 года назад

    i want to learn this which software i have to install first

  • @Zak-ct5pj
    @Zak-ct5pj 2 года назад

    That looks amazing it’s been helpful . So is this a prototype for the Application .

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

      Thank you. This is just for design not for applications

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

    Which tools u used?

  • @lanzdabu6298
    @lanzdabu6298 2 года назад +1

    What application are you using?

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

    I'm new in this can you tell me which application you have used ?

  • @bestcomedyscenevideos-cant4796
    @bestcomedyscenevideos-cant4796 3 года назад +1

    which software you are using in this video to design? Adobe XD?

  • @sree2007
    @sree2007 2 года назад +1

    Hi.. Is there any specific range for the dimension of buttons to be followed for mobile and web apps. Thanks

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

      Have a look at google material

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

    Too Good, love ur design.

  • @aswath2359
    @aswath2359 2 года назад +1

    Is this figma software?

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

    Kudos bro
    U made my day
    Thanks