1. Don't Design Mobile Apps Without Wireframe ( Wireframe, User Interface Design and Prototype )
Vložit
- čas přidán 11. 07. 2024
- In this video you will learn how to create wireframes for mobile applications. Wireframes are the skeleton of the eventual User Interface Design. It conveys the main features, contents and functions of the main User Interface.
---------------------------------------------------------------------------------------------------------------------------
This is a series that consist of 3 videos, namely :
1. Wire-framing - • 1. Don't Design Mobile...
2. User Interface Design - • 2. Design Mobile Apps ...
3. Prototyping
---------------------------------------------------------------------------------------------------------------------------
Design Files
---------------------------------------------------------------------------------------------------------------------------
Download the files using this links : mailchi.mp/ac4e109cfdc6/headp...
---------------------------------------------------------------------------------------------------------------------------
Social Media
Website: www.hyginusukeh.com
Facebook: / hyginusukeh2
Twitter: / hyginusukeh
Instagram: / hyginusukeh
CZcams: / @buildingamazingthings
Remember to like, share, comment and subscribe. Also, hit on the notification bell to get notified when I upload a new video.
Wow thanks so so much #doing amazing things
I will keep sharing your video to other who are lacking in some areas in ui. Thank you 🙏🙏🙏🙏
Thank you 😊
I’ve learned so much from you for the past 6 months and I just had my first client last week. Thank you man
Congratulations
Thanks alot.your video's are the best
Thank you so much for this , your teaching. This is so well explained and detailed. Thank you so much my knowledge has increased on wireframes.
I had an abandoned project I stopped at wireframes I’m
Going back to finish it. Thank you so much ❤❤❤❤
thank god i found your channel! you're really helping me build my app. cheers! (hope you come back with more design content hehee)
Thanks for this!!!
I really enjoy your videos thank you 👌🏻👌🏻👌🏻
Thanks for videos bro, this is video detailed🔥🔥🔥🔥🔥
This video was really fun! I was following along and was very easy to follow. Thanks a lot!
I’m glad you enjoyed it
How can I like this video again please?? I’ve been struggling with designing a wireframe for a while and this was my breakthrough. Thank you so much❤️
Boss man. Thanks.
This is great content. Made me understand how to use Figma when I was totally lost!
You are welcome
The breakdown of how to do things in figma is great! Thanks for the tutorial!
Thanks for the feedback
I've seen a couple of your videos and it's been quite educative for me. I have a degree in Micro Biology, just picked up UI UX Design couple weeks ago, downloaded a bunch of tutorial videos but for some reason, I just couldn't grasp the whole idea till I serendipitously ran into your videos and boy have I learnt a lot already. Since I ran into your video I think I now prefer Figma to Adobe XD.... Keep up the good work!!!
Welcome aboard! Thanks for the feedback.
Thank you so much for sharing this. You are amazing!
Thanks for watching!😍
Thank you for your videos, and for being very detailed and very calm in teaching :)
Thanks
Thank you very sir. This is the type of video I have be desiring to see here in CZcams. I actually wanted a video or series where the concept or idea of the mobile app or page or website will be explained, then the rough sketch wireframe, and the digital wireframe. Which is what you've just done now, and the final UI design part of it.
Glad you got value!
So creative i love it
We love your work sir, you teach very simply and it's easy to understand what you are doing. We benefit a lot from the information. May GOD continue blessing you and giving you HIS speed. Keep posting.
Thank you very much
Thank you so much for creating this detailed video! learnt a lot on figma skills and how to structure wireframe. May I know how you determine which color to use for each component? like the button and photo with darker color, and the categories background with lighter color. I know this question sounds a bit stupid :/
My favourite. You're a great teacher.
Wow, thank you! 😊
Perfect.
This is go great
thank you for the video
i feel apart from doing digital wireframing you should also show us how to do physical hand-drawn wire framing so people learn how to do both
Thanks for sharing...
You're welcome.
Exactly what I needed.. thnks
You are welcome
Great Video. Watched till the end.
Thanks man
Lol
Didn't even notice the mistakes
I was fully invested in your designs
Great work boss!🙏
Thank you for all your videos 🙏
You are welcome 😀
I cant wait for this.
Thanks man 🤗
Very well explained. Nice tut dude. thanks
You are welcome
Thanks for sharing this..its amazing
You are welcome
Thanks you so much
You're welcome!
amazin bro
Love your channel
😊😊
Awesome. I am happy to see your channel, May Allah Bless you.
Many many thanks
thank you for sharing! it is really hepful for me. and I want to say you, I don't know very well English but I totally understand you:)
I'm so glad! to see your comment. Thank you for watching.
Really superv! you are becoming a great mentor. Requesting you please please make some tutorial about SITEMAP, MOODBOARD, FIRST DRAFT. want to increase knowledge about those mentioned topic from you. thanks
Sure I will
Looking forward to
Yeah yeah 🕺
And also you made mentioned of a video you did on how to install plugins. Please can you drop the video link
ameia sua didática!!
Muito obrigado
May I know what tool u showing? It looks amazing
Dude, i like your style of talking truth and the timing how fast your tuts are 25- 60 minutes i spend on them . Could you please make a mobile app with ALL pages, not 3-5, but all that exist in the mobile application. Peace.
Peace. Thanks for the compliment and the suggestions 😊🕺
Nice one bro🔥
Thank you 💥💥
Well done keep it up
Thank you 😊
Excellent👍
Thank you. Also check out my video: Building a Furniture Website 🕺🕺
do we have to make all screens of an app for portfolio or 2/3 screens are enough?
Hi, thank you for the video. Question: when I download icons, some appear like images and I cant change their color(may be I dont know how) Why and how to fix it. I dont have the same issue with the vector ones.
Thank you for this! I was wondering if you ever plan on doing more personal videos/videos where you talk about your design journey or q&a's, etc?
Yes I will definitely
@@BuildingAmazingThings awesome!!
🤗
Thanks you 💜
You are welcome 🤗
Sir which video did you teach how to use wireframes on paper?
thank you so much
You are welcome
you are great, I have permission to study and permission to save, thank you
Go ahead!
I am facing problems in using the pen tool how are you making the cross? it becomes curvy for me!! can you help?
Which software u r using
What software are you using to create wireframe?
What application are using to create this?
where can one get a complete sample, template of ui/ux design? samples on dribbles are not always complete. once again well done, you have made ui/ux simple to understand
Check behance
hi. i cant seem to access the modeboard link. any help?
Pls am a ux designer beginner, I need paper wireframe you draw for this work I want to use it to learn. Thanks
Which Software is this ?
Superb
Thanks 🤗
@@BuildingAmazingThings welcome
You are wonderful.
Can I mention the below point, if you don't mind?
Eclipse ❌️
Ellipse ✅️
Thanks and sure
Your channel is a valuable treasure
Thank you
You're so fucking underrated...
Wow.. thanks for the kind words
I'm not gotten an email containing the files
Please look into this
SUPEB DESIGN
Thanks a lot
Please make a video on how to select and combine colors
I will do that. Thanks for the feedback.
Please Sir , I cant seem To Control then Pen and Please how Do i Delete Frames
Use the delete key on your keyboard.
Why exactly we need Wire frame? Is it just to have the Idea of design before making the final product?
Wireframes are the final products of the UX designers. It tells how content and information are arranged in the product. Usually in a company that has different roles for UI and UX designer - the UX designer produces the wireframes and the UI designer works with the wireframes to produce the user interface. I hope you understand this 😆
Software which used to create this wireframe ? Please mention that
Thanks
Figma
Can you please upload the prototype link for this design?
I don't have plans for creating the video. But more request will make me do so.
3:05 bro how do we exit out of the pen tool? I drew from one corner to another but it still keeps drawing lines. I'm unable to exit out of it and draw a new lline.
Use the esp key on the keyboard
@@BuildingAmazingThings But when I do that the line also disappears and it exits from the edit object mode :(
@@soulreaperichig0 once you are done using the pen tool ,you can click done which appears in the NAV and moreover left click once the mouse to draw and left click once when you are done." Hopes this helps"
what is the diffrence between prototype and wireframe
Prototype shows you how the app or website will function.
While wireframes is a sketch of application. Wireframes are usually end result of your UX Research
I'm new here, what application does he use?
Welcome to the team Princess... I use Figma for my designs.. But I plan on introducing Adobe XD as soon as possible.
what is the frame selection for?
Frame or wireframes?
@@BuildingAmazingThings you selected certain things and clicked on frame selection..what does that mean?
@@bhavyalalwani5565 This frame selection is used for grouping layers together. It is similar to grouping but difference. I hope you understand this?
sounds Nigerian, finally
I am missing the why, what for, why something and the meaning behind it. This video is no different from the other 100k videos on youtube. It was not dealt with the headline. i do it because i can. In other words Trash
Hey, please take off your headpones. I'VE BEEN TRYING TO ASK YOU TO CHANGE THE SPELLING!!!!!!!!!!!!!
And also you made mentioned of a video you did on how to install plugins. Please can you drop the video link