How to Design & Prototype a Mobile App - Adobe Xd Tutorial
HTML-код
- Опубликовано: 26 июл 2018
- Most of y'all have some sort of app idea. The next step in the software development process is design. Today, I teach y'all how to design a mobile iOS app using Adobe XD.
Download Adobe Xd FREE --- www.adobe.com/products/xd.html
Follow & Tag --- / adobestudents
Follow & Tag --- / forrest.swift
⭐ Check out Kite:
A Free AI-powered Coding Assistant (download link): www.kite.com/get-kite/?...
Get Adobe CC HERE --- clkuk.tradedoubler.com/click?p...
This video was in partnership with Adobe Students.
Original Thumbnail Mockup made by Anthony Boyd --- www.anthonyboyd.graphics/
----------------------------------------------------------
I share and document my experiences on a topics including computer science, software engineering, and iOS development. I'm a full-time Software Engineer and a part-time RUclipsr & iOS developer. My hobbies outside of what's been mentioned include surfing, snowboarding, and playing video games.
Subscribe, so you don't miss a thing!
Become an algorithms expert with AlgoExpert --- algoexpert.io/forrest (use promo code "forrest" for 30% off)
Receive free coding questions from Daily Coding Problem --- www.dailycodingproblem.com/fo... (use promo code "forrest" for 10% off premium)
Learn with Coursera! --- bit.ly/forrest-coursera
Learn with Udemy! --- bit.ly/udemy-forrest
Sellfy Store --- sellfy.com/forrestknight
My Office --- www.amazon.com/shop/influence...
---------------------------- SOCIAL MEDIA ----------------------------
Twitch --- / forrestknight
GitHub --- github.com/ForrestKnight
Instagram --- / forrest.swift
Twitter --- / forrestpknight
Discord --- / discord
Medium --- / forrestknight
---------------------------- PRODUCTS ----------------------------
Design Store --- sellfy.com/forrestknight
Recommended - Udemy iOS 11 & Swift 4 Course --- tinyurl.com/y8b7nhmn
---------------------------- DESK SETUP ----------------------------
Monitor --- amzn.to/2E9sioB
Monitor Arm --- amzn.to/2E8UckG
Standing Desk --- amzn.to/2C3T3oG
Desk Chair --- amzn.to/2EaWTy5
Keyboard --- amzn.to/2EaSxHa
Mouse --- amzn.to/2C3Bbud
Mousepad --- amzn.to/2GWASVB
Microphone --- amzn.to/2C4Upzj
---------------------------- VIDEO GEAR ----------------------------
Camera --- amzn.to/2dS8uYi
Microphone --- amzn.to/2eHr7xj
Tripod --- amzn.to/2jgbaOI
Bendy Tripod --- amzn.to/2eO2r5S
Lighitng --- amzn.to/2LqrqPv
---------------------------- OUTRO MUSIC ----------------------------
Country Cue 1 by Audionautix is licensed under a Creative Commons Attribution license (creativecommons.org/licenses/...)
Artist: audionautix.com/ - Наука
Did you have an app idea come to mind during this video? Let me know below!
PS - The game I have in store will be held on Instagram! Be sure to follow & tag me @Forrest.Swift and Adobe @AdobeStudents (both are linked in the description). Enjoy!!
Nice Video Tutorial. I submitted my entry earlier. I hope you check it out on Instagram. I'm a bit obsessed about this software and this video helped a lot.
How can I submit my app idea? Sorry, but I can't find it :/
Just upload it to IG and follw & tag @Forrest.Swift and @AdobeStudents
I have a whole idea and sketched out but im having trouble finding a designer.
I tried to design myself but it looks horrible. so if you an experience designer and want to partner with me please leave a comment
I have an idea for an app.. email me at metaglobeproductdevelopment@gmail.com
wonderful, i didnt know i could just design some art and it would program itself! Next level prototyping!
I'm a Graphic & Web Designer, and this really helped: I wasn't super clear on whether XD was JUST UI or if it also had dev elements. I'm wanting to make an app to control any specified one of multiple media playback apps (Audible, Spotify, Apple Music, Pandora, etc) using a fullscreen iOS app (specifically, iPad scaling) . I used to have an app that did this, but it is extremely hard to find, doesn't have an iPad version, and doesn't work properly anymore. Because of my prior experience with that app, I already know what all of the most intuitive gestures & controls would be, for a totally eyes-on-the-road experience: Vol. up/down, skip track, change app/source, etc. I'm great at learning languages, but I'm up to my eyeballs in Javascript and JQuery and other web stuff and don't have the bandwidth in my life to learn Swift (someday!). I'd love to partner with someone to make this app free for everyone, to be able to drive and jam safely.
Great explanation! Helped me a lot with an upcoming assignment!
Just found your channel. You deserve way more reorganization.
Thanks so much for this video 😭💕 . Adobe xD has me trying for next level prototyping and has helped me with a future assignment
This is great! really helpful!...Gonna start my own portfolio now.
P.S. you can hold shift and drag the shape you want and it will proportionally resize it. :)
Thanks A TON!
... or even SHIFT+ALT and drag for 'proportionally resizing + keeping its center'
After searching online for what I was looking for, I finally found it!! And I learned about a new software! Thanks, I subscribed!
Uploading more coding tutorials would also make this a very unique channel. As a computer science it would be very convenient to have help on certain things that are typically hard for programming students right now
You have to know cs concepts in order to program…
That was a FANTASTIC introduction to XD. Thank you.
That was just fantastic .... Honestly every minute of it was to the point. Thanks brother!
Whooaaa just found your video exactly when i need it. Crystal clear instruction...♥️
Need more of this adobe xd tutorial 😁
10 minutes in and it's such a delightful watch!
It is amazing how much one can do with this software. Thanks a lot Forrest, very helpful and informational video!
Thank you Forrest. Completely new to Adobe Xd, this was very helpful for getting started.
Cool video but I wonder if you've ever heard about holding shift while creating shapes
Thank you man, very helpful tutorial to design mobile app using Adobe XD. Keep up the good works.
The last time I used the app, I couldn't fix the footer buttons in a scroll and it ruined the whole game. Glad to see they added it.
wow you are first non-indian app development teacher i've ever seen
Greatest tutorial ive ever got
This is what I am looking for, thank you very much.
Thanks, Forrest for this awesome tutorial.
Amazing video. How to get those icons for the fixed tab, like home, search, etc.?
Hi Forrest, great tutorial! I've been doing research in how to design and develop an app and I am glad I found this video. I've designed and developed websites (self-taught) and currently continue designing and developing intranet sites for various departments at a large company. As I previously mentioned, this will be my first time creating an app that was requested by a friend. So yeah, I am helping her with her idea which is a great idea for an app. I do have the adobe creative cloud and I've only had it for 3 months. Been using it for different projects and also watching tons of tutorials. Basically, what I'm trying to get to (this is where I need to stop rambling and get to the point :))... is there any advice or suggestions you would give a 100% NOVICE in this area?
Thanks again for the video and keep them coming. Happy Holidays!!!!
Thanks for sharing, your videos have been very helpful. I just had a question, is it possible to design a drag and rearrange experience on XD? Like a list of things that users could reorder.
this content is pure gold.
very simple, very informing thank you man!
You save me from headache...thanks man
You are a Guru...explained it well.
@ForrestKnight I just learned alot from this video. Thanks!
this is I incredible!!! I can't wait to start using this!!!
Thank you man, this was very insightful.
Very good I am searching similar to this since last year 👍
thanks for the video, really helpful intro to XD, top work
Excellent!! Thank you for sharing. 👍
I made a pet dev based on your tutorial, and it looks awesome, thank you very much.
Amazing video ! Loved it !
@ForrestKnight, Saw this video in fast forward 2 x mode and must admit very clear instructions to follow in your tutorial:) I am going to try and do a mockup soon!
Thank you. Good luck!
Thank you man! Amazing
To get the fixed position in the newer updates : select your group or element, go to prototype and somewhere to the right you see the checkbox 'fix to position when scrolling' , select that and you are good to go!
Very effective video. Thanks!
Dude, you have the coolest name ever :D
Very nice tutorial bro. It helps me a lot on how to use Adobe XD properly.
grape. krazy hundred percent
Thx for this neat tutorial! One question, how do I put that heart into the tab bar? You just showed us how to make the heart, but not, how to replace the stars in the tab bar with a heart... thanks so much!!
Very nice and informative. Keep it up mate.
Good job 👍🏻
You slam that little Enter button too hard 😂😂
4:00 Let's get started! You are welcome
Thanks
this is great, Xd seems very helpful tool
I like Forrest. Well Done.
can I also do the design with photoshop and the prototype motion or function with Adobe xd??
great help. thanks!
I am new to app design and was designing them on Powerpoint :/ till I came across Adobe XD. Thanks for the tutorial.
Thank you, now I have a starting point
This is really awesome
EXCELLENT!!! So well explained! Totally LOVED IT! Thank you!
Just one question though how do I create several layouts on the same page.. like you have..
I don't know the technical term
I hope you see what I mean
On the left-hand-side, there are a few tools that we use. The tool at the bottom of that list is a new artboard. Click on the tool and click on the page to create another.
Adobe work ... i love it
this is so helpful, thank you.
Really nice tutorial !
Great video! Thank you
Small question, can you make the canvas or screen size bigger in the program if you technically wanted to use it for another mock-up
I would love that have a in built asset libary for andriod and ios where did you get your assits from ?.
the first one minute already like this guy...
wow! thank you for the video it is really helpful
Hey man, I really like the way you explain these things. Very easy to understand and good to follow. you have a new subscriber. Keep it up bro!
Such a useful and cool video .Thanks
I really like your work. Ten !
Forrest. I have an app idea and I've somewhat mapped it out in Adobe XD. Would you suggest hiring someone to clean it up and fix all of the "mistakes" before having someone build the app? Is it important to have the wireframe pretty detailed before building the app?
thank you so muchhhhh
It's really useful for me.
keep going bro.
Man, you are so generous to spend the time to share this with us, lots of love and appreciation, now if anyone who's reading this comment, I'm not a developer and I have an idea for an app that is a little bit complex (uber-like app) and I'm struggling to find a trustworthy company to hire. any suggestion ?
Thank you sir I got a project for college!
thank you very helpful!
very nice! I really like this video. Now I following you. Keep going.
Me too and you can go there also #techwake360
Hey, great tutorial!
Mind giving me a link for that sunset photography picture you used?
Thank youuu it's realy helpful
Great video ! Thanks :)
thank you, it was helpful
I am a corporate recruiter and I place XD professionals at our company in the U.S. Many of the portfolios that I see temporarily get me excited that I can enter the field and build awesome things, too. Then I realize that I am not the creative type. Doh!
You just need more time for practice and learning references. Good luck
excellent work keep more videos its helps us
يا له من شرح ! لقد أحببت البرنامج بسبب شرحك الرائع
Excellent!
thank you so much sir
Very helpful!
For people arguing that this is shittyfor prototyping because it doesn’t include functionality for making actual apps; for people that can’t program, you could bring this to devs as what you want it to look like. This is the kinda thing you need when talking to development companies.
Thanks so much I can create a great portfolio
ty for the tutorial!
Great explanation
great, descriptive video
DOPE video!!! Thanks a lot
Thank you so much
nice video, congratulations, Im from Colombia, amigo
Please upload some more mobile app designs
Hello, Could you please make a video of how to link a client app to a shop app or Head quarter App
You gained a subscriber
Super video!!!👍❤️❤️❤️
Hey Forrest, great video! idk if you'll read this but i'm having a bit of an issue. I downloaded the UI kit for IOS but when I try to drag it or ctrl-C the "status bar" it highlights everything around it and therefore not letting me drag any of the UI kits. Do you have a solution for this? (I'm new to this)
TRY DOWNLOADING THE IMAGE OF THE STATUS BAR AND JUST IMPORT THE IMAGE WITHOUT DRAGING OR CTRL C.
Hi ForestKnight. I will graduate sooner and my final project is E-commerce app. I am about to choose Xd. am I on the right track to choose Xd? Thank you.
nice channel here,subscribed!
Is that ui template included in xd?
Can I do a analogic watch only with Adobe XD? Thanx great video👍👍👍👍
thanks you so muchhh!!!!!!