Food App Design | UX/UI ( Wireframe, Prototype, Export)
ฝัง
- เผยแพร่เมื่อ 20 ส.ค. 2024
- Hi guys!
Today we will learn to design a food app in Adobe XD.
Steps:
1. High fidelity wireframe/Mockup
2. Prototyping
3. Export
---------------------------------------------------------------------------------------------------------------------
The complete Java Android App development Bootcamp 2020
Learn Android development fundamentals and start creating your own Android applications.
Get this course (90% off)
bit.ly/3cCWHvK
---------------------------------------------------------------------------------------------------------------------
Source files:
Download App source file:
bit.ly/2LfANTJ
Download free stock photos & videos:
www.pexels.com/
Download free icons:
www.flaticon.com
Download free cropped stock photos (PNG):
pnghunter.com
---------------------------------------------------------------------------------------------------------------------
Follow us:
Visit our website:
designsense.we...
Facebook:
Page:
/ designsense2070
bit.ly/3h5Uafm
Group:
Join our Facebook group for curated content, inspiration, design critique, and job postings:
bit.ly/3jw0VbL
Join our Webflow group.
bit.ly/3KZz3Ig
Instagram:
@designsense99
Dribbble:
dribbble.com/D...
---------------------------------------------------------------------------------------------------------------------
Music:
Song: INOSSI - Friends
Music provided by Vlog No Copyright Music.
Creative Commons - Attribution 3.0 Unported
Video Link: • Video
----------------------------------------------------------------------------------
Song: Simon More - You (Vlog No Copyright Music)
Music promoted by Vlog No Copyright Music.
Video Link: • Simon More - You (Vlog...
![ไปอยู่ไสมา - ช๊อปเปอร์ โตเกียวมิวสิค [ OFFICIAL MUSIC VIDEO ]](http://i.ytimg.com/vi/sWuVNbRTJbc/mqdefault.jpg)
Its Eatmore not Fatmore 😂
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
@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
@Scott Jeremy happy to help :)
haha 😁
@@scottjeremy7598 can u not just press forgot password
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 :)
We are glad that it was helpful. Stay tuned.
@@DesignSense what application is this I'm new here.
@@4Kiiiiiidz Adobe xd
yeah i am also reading more about ui/ux design. I am more interested in design rather than code
@@andresramirez4469 which is easy web development or ui ux design
Me to my Brain: stop dancing, we've gotta make an app here
i still can see only FAtmore.
Kanashika walai😂😂
Please which software is he using...
Can you suggest an app I can use on phone to try
Me too 😂
@@studentubegh3240 figma
You've helped me start a skill in UI design, i really love this tutorial.
Good, stay tuned for more videos, thank you
Thank you for being part of my growth
Welcome, stay tuned 😊
hello...since i started my path recently....whats u r destination...if u r interested shall we have a short time chat...
@@wolfgamerz7879 I Also want to join
Nossa!!!... Incrível o seus projetos, pra mim é um dos melhores canais do TH-cam... Parabéns.
Obrigado por suas apreciações, fique ligado😊
Vc sabe dizer qual o programa que ele usa?
@@mayzoham8694 adobe xd
@@DesignSense which soft have you used in this project ? Pls tell
@@saadbhuiyan6479 Adobe xd
You're creatively amazing ❤️
Vodafone Mobile App UI UX Design Using Figma 🎉
Full Video: th-cam.com/video/Oky0Q7mZVH8/w-d-xo.html
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 😻
We're glad it was helpful 🙌
This is amazing 😳
You made it look so easy 🥺
Thank you 😊
yes, the doing part is easy. but thinking why and what to do, that's the hardest part.
@@efjayadi right 💯
When I see videos like dis,I feel more inspired ND happy to learn more in design
Great. Good luck!
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
Thank you. I am not a girl ☺️
Going to practice on it tonight ❤👏
Great.
This is amazing,I have learnt alot
Thank you 😊
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
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.
@@DesignSense thanks,man. Just saw this.. Really appreciated
Nice tutorial, very helpful. Thanks! ❤️
Thank you 😊
Very professional .. one question : what format you're using for icons ? are they responsive ?
Yes, it is.
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
Thanks for your appreciation, like, sub. Stay tuned for more videos 😍❤️
@DesignSense: It's nice to see a video that shows how to create an app without doing code. This was nice. Thanks for sharing.
The logo: Eat more
Me: Fat more
LOL 😂
Great vid! But it will be more great if you explain how you choose typography, font color, background, etc
In near future. Stay tuned!
@@DesignSense I love your videos but i wish you also spoke and did commentary while you are designing!
@@bzoa430 yes i have just started in new videos 😊. Thank you
i have a super short attention span! thanks for making these step by step and not 3 hours long
Glad to know that it was helpful
Menyala Abang ku🔥🔥🔥🔥
Excelente tutorial para conocer las herramientas y oportunidades en Figma. Gracias por compartir.
Thank you 😊
De acuerdo, pero no es Figma...es XD.
what is name this app u used it ?
Adobe XD
Adobe XD, but another good app is Figma
This is the first video ive watched for UI design and im totally in love... new subscriber❤🔥
Thank you, stay tuned 😊
very happy to see my Abbottabadi Brother doing a great work. hat off i am also started Ui designing your videos are helpful.
Thanks for appreciation bro!
Hi, can these elements/wireframe can be taken directly to HTML/CSS/REACTNATIV?
No but you can easily export all the things easily for for any kind of further development or coding etc.
What software do you use in creating that design. Thank you!!
Adobe xd.
Thanks for the part of my journey ❤️
Most welcome 😊
hello...since i started my path recently....whats u r destination...if u r interested shall we have a short time chat...
@@wolfgamerz7879 Yes sure
I am binger ux/ui designing..... i really love this tutorial.
Thank you stay tuned
Its Ui like zomato😂😂🤣
Terrible font they chose for the logo, looks like "Fatmore" 😂
This is just the dummy logo for this app😂.
Thats what I read XD
do we need to learn programming too?
@@ak2000_ if you want the full responsive app for mobile, you need to learn app development.
brother, you are amazing... i didn't skip even one second... awesome work bro..
Thank you 😊 ❤️ stay tuned 😊
Thank you so much fo this
❤️❤️❤️
OMG you made it easy even without outolayout 😮
Glad it was helpful 👍
Your designs are mind blowing brother, i appreciate your work i have started learning from your channel
Thank you. Watch the lates videos too those are in very detail. Stay tuned
you are really master in ui designing
Thank you ❤️
Thank you, it was my first work in portfolio made in XD
Great!
Dude you are the best. It is safe and 100% works
Nothing to say.. Just Awesome 😍😍😍
Thank you 😊
thanks for that tutorials because i learn a lot
Very helpful video , I've learned in this single video. Thanks brother
Glad it was helpful ☺️
Gonna use this as inspiration for my school project (im in 11th grade) thank uuuu : )
Thank you, this really helps me in learning UI design👍🏻
Glad it was helpful ☺️
Wow I'm looking for this exactly!! You made my day brother!
Glad to hear that ❤️ ❤️
Great work and design
Will love to learn more from you
Thank you, stick around 😊
Thank you for all the help and support. God bless you.
Most welcome. Amen
thank you so much for this beginner vedio. very short and sweet
Beutiful brother love from india🇮🇳
Love you too bro:)
Simple and yet professional!
Thanks Manoj G.
Very helpful video for the beginner. Thanks a lot
Welcome ❤️
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.
how did you get the eatmore logo
how did you get the eatmore logo
How did you get the eat more logo?
Too Good, love ur design.
Thank you 😊
it was good to learrn but i am here to know about mockup!
Watch this: th-cam.com/video/z0otrFvutTI/w-d-xo.htmlsi=BrKC6Eo3crosY4bk
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!!!
@@mdfarukh0 watch the full vid.
Installed, everything works, thanks!
Your design principles were on point, boss! Please what design tools were using?
This is adobe xd.
Great Work ❤️👏
What the name application you used?
Its like Fatmore, E could be more different by extending the middle line of E
Good suggestion
first video new subscriber
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
I am not only imparting knowledge, but I am also striving to learn more. Thank you for your appreciation. Stay tuned🥰
believe me, you are a genius, and background music is amazing 👨👨👧👧🙋😀😂😂
Thank you 🙏
Thanks, carry on
This design is so smooth 😻
Thank you 😊
I love it.
I'm a mobile dev
Yey another video, awesome 🥰
❤❤
Thanks
I try my best ☺️
Thank you man for sharing this stuff
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.
Use only svg format for icons, if you want to edit and coloring as you want. Thank you stay tuned 😊
thanks for all the information ! it means a lot
So helpful ✅🙏🏼
Awesome tutorial👍👍, please keep sharing another projects🤗🤗
Thank you. More coming stay tuned!
Next level design
thanks so much....am a begginer they say trust the process
useful chanel
Thanks for appreciation ♥️
very helpful for freshers amazing vedio
So beautiful, I love your design
Kudos bro
U made my day
Thanks
Glad to know that...
maza aya dekhny may
and just pay more attension. I envy you mate.
Thank you a lot for this video. This is very interesting and informative. Keep posting like those amazing videos, this is awesome.
❤️❤️
Good work bro😁
I pray you really understand my question sir
very helpful video
Lets go design Something!
Good luck!
Its very good! Working! Thanks
Good work
Is this figma software?
Excellent. Its very nice to see.
I am glad you liked it. 😊
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!
No, we don't have tutorial on icons creation but in future maybe. Stay tuned.
Thank you so much!
Great tutorial.
Most welcome 😊
Very helpful for new learners. Thank you
Welcome 😊
Hi is it worth transitioning from Figma to XD?? I have both in my PC, I found XD easier than Figma but I don't think its worth it. I have 6 months experience to Figma already and I'm all used to its key shortcuts
Go with the one you're more comfortable with. Tool doesn't matter, skill matters.
LOVE IT AMAZING I MADE MY FRITS APP
Wow! Good job
that,s graet! i like these colors
Thanks
Awesome!! Loved it
Thank you 😊
Super Bro. Thanks a lot to guide us.....
Thank you 😊 ❤️
No figma e no XD é legal, mas quero ver um desses do XD ate o VScode e publicado hehe! Fica a dica prum video, vou comprar ingresso pra ver. Ops, acabei de ver, vou comprar!
Great video, love it. :)
Thank you 😊
Thank you for this step by step tutorials but can you please pay attention to the padding so we can also follow thanks
🥰
Guess what you got
You got a new member in your yt family ❤️❤️❤️
That was a good happy new year news. Much love ♥️
Thank you it works with me