Food App Design | UX/UI ( Wireframe, Prototype, Export)
Вставка
- Опубліковано 27 сер 2020
- 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.webflow.io/
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/DesignSense
---------------------------------------------------------------------------------------------------------------------
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...
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
You've helped me start a skill in UI design, i really love this tutorial.
Good, stay tuned for more videos, thank you
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
Nossa!!!... Incrível o seus projetos, pra mim é um dos melhores canais do UA-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 ❤️
Nice tutorial, very helpful. Thanks! ❤️
Thank you 😊
@DesignSense: It's nice to see a video that shows how to create an app without doing code. This was nice. Thanks for sharing.
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 😍❤️
Excelente tutorial para conocer las herramientas y oportunidades en Figma. Gracias por compartir.
Thank you 😊
De acuerdo, pero no es Figma...es XD.
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
When I see videos like dis,I feel more inspired ND happy to learn more in design
Great. Good luck!
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,I have learnt alot
Thank you 😊
Going to practice on it tonight ❤👏
Great.
This is the first video ive watched for UI design and im totally in love... new subscriber❤🔥
Thank you, stay tuned 😊
Simple and yet professional!
Thanks Manoj G.
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 💯
Very professional .. one question : what format you're using for icons ? are they responsive ?
Yes, it is.
Installed, everything works, thanks!
Dude you are the best. It is safe and 100% works
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
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.
thank you so much for this beginner vedio. very short and sweet
Yey another video, awesome 🥰
❤❤
Thanks
What software do you use in creating that design. Thank you!!
Adobe xd.
what is name this app u used it ?
Adobe XD
Adobe XD, but another good app is Figma
Thank you, it was my first work in portfolio made in XD
Great!
thanks for all the information ! it means a lot
The logo: Eat more
Me: Fat more
LOL 😂
Wow I'm looking for this exactly!! You made my day brother!
Glad to hear that ❤️ ❤️
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!
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.
Thank you so much!
Great tutorial.
Most welcome 😊
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
So beautiful, I love your design
Thank you man for sharing this stuff
Thank you so much for this!
Welcome, stay tuned for more videos on UI...
Nothing to say.. Just Awesome 😍😍😍
Thank you 😊
Great work and design
Will love to learn more from you
Thank you, stick around 😊
brother, you are amazing... i didn't skip even one second... awesome work bro..
Thank you 😊 ❤️ stay tuned 😊
Gonna use this as inspiration for my school project (im in 11th grade) thank uuuu : )
Thank you a lot for this video. This is very interesting and informative. Keep posting like those amazing videos, this is awesome.
❤️❤️
Menyala Abang ku🔥🔥🔥🔥
Great video, love it. :)
Thank you 😊
Great Work ❤️👏
Awesome tutorial👍👍, please keep sharing another projects🤗🤗
Thank you. More coming stay tuned!
Thank you for all the help and support. God bless you.
Most welcome. Amen
Its very good! Working! Thanks
thanks for that tutorials because i learn a lot
Thank you it works with me
Thank you, and more App design UX/UI
Welcome. Stay tuned for more app design tutorials...
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
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?
Nice man ty
So helpful ✅🙏🏼
Great design!! how'd you divide the login and sign-up buttons?? I am not able to divide the box simply by dragging to the left, whenever am doing this the box keeps getting smaller in size.
Press Alt + Shift with mouse drag.
Very helpful for new learners. Thank you
Welcome 😊
Very helpful video for the beginner. Thanks a lot
Welcome ❤️
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!
Awesome!! Loved it
Thank you 😊
I am binger ux/ui designing..... i really love this tutorial.
Thank you stay tuned
Very helpful video , I've learned in this single video. Thanks brother
Glad it was helpful ☺️
Great video and great help!
We are glad it was helpful 🙌
Thank you SO MUCH
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
Next level design
great tutorial Need a more and more tutorials
Too Good, love ur design.
Thank you 😊
very helpful for freshers amazing vedio
Love it 😍
Glad you liked it.
Thank you so much fo this
❤️❤️❤️
Good work bro😁
Please in your video after inserting the vegetables image into the rectangle how did you make the excess part of the image which is not in the rectangle disappear
How did you the button split into two parts and how did you put the image over the artboard(also the color as well)?
Duplicate the button by pressing ctrl+c and ctrl+v.... Or mouse drag + Alt. And Adobe xd shows only those parts of the object which is under the artboard.
first video new subscriber
Too good ! Thank you
You are welcome buddy!
Thank you, this really helps me in learning UI design👍🏻
Glad it was helpful ☺️
Muy atractivo este video Gracias
Thanks alot 🍁
Excellent. Its very nice to see.
I am glad you liked it. 😊
you are really master in ui designing
Thank you ❤️
I love it. Thanks a lot.
Welcome 😊
Muito bom!
very helpful video
amazing
thank you.
that,s graet! i like these colors
Thanks
Wow..great! .What font style did you use?
Kudos bro
U made my day
Thanks
Glad to know that...
Great video, thanks much, but my question, where did you get the images from?
The links to those images are given in the description.
LOVE IT AMAZING I MADE MY FRITS APP
Wow! Good job
Super Bro. Thanks a lot to guide us.....
Thank you 😊 ❤️
Thank you designsense, how do you make the example graphic in the iPhone frame like on your video thumbnail and intro vid?
Record your prototype, and mask to the frame in Adobe After effects.
Wow! Very Good!
Thank you 😊
Nice work 👌
I love your videos bro ❤️❤️ .
Thank you bro. Stay tuned for more videos.
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
thanks so much....am a begginer they say trust the process
useful chanel
Thanks for appreciation ♥️
you are amazing i loved what you did
I am glad that you liked it.