thanks liking & suggestion.,will keep in mind for next video
@Decademia6 ай бұрын
Hate that I always find musical videos... Why don't you talk and explain?
@Howtodesign215 ай бұрын
Hey, we apologise for inconvenience.. this one is speed art video not talking and if we add talking (vo). then this video became so big that no one would watch this, or even click. Because of this new world shorts and reels content. And for a small channel this you tube algorithm go’s against the channel. Soon Will be uploading talking video on different topic..👍
@Decademia5 ай бұрын
@@Howtodesign21 you should foresee the benefits of doing longer and explained videos. I can asure you it works.
@Howtodesign215 ай бұрын
@Decademia yes sure will try step by step increase length of videos soon, thanks again. Appreciated 😎 bro
@Decademia5 ай бұрын
@@Howtodesign21 I’m sure It’ll work for you. And keep working!
@vincentmichael4996 ай бұрын
Great tutorial. I appreciate the effort put into making this. I have one complaint, it is too fast to follow (even at 0.5 playback speed), and with no verbal explanation to guide the viewer, it makes it a bit hard for one, especially a beginner, to follow through. I do not mind if it was 30 min long but with human verbal interaction.
@mustafawasif12807 ай бұрын
That was amazing and simple . Nicely done. I am looking for an internship in UI/UX. Could you suggest some remote opportunities?
@AdeniyiWaheedАй бұрын
Would you like to design it?
@mustafawasif1280Ай бұрын
@@AdeniyiWaheed yes
@paulgreblick7 ай бұрын
I thank you for design is amazing, but where is the “how to” part? This title was misleading. It should have not said “how to” but “watch me design one”.
@Howtodesign212 ай бұрын
sorry you felt that . its speed art video. will do a detailed code on that
@neiljones51338 ай бұрын
Hey are you available for contract work?
@Howtodesign218 ай бұрын
👍 yes
@mustafakhu9049 ай бұрын
can you send this photo villa ?
@Howtodesign219 ай бұрын
It’s dummy image…. It’s there on unsplash free photo website
@vegatables345710 ай бұрын
why everybody shows how to design simple landings, but no one shows full projects with prototyping all pages to get clear understanding
@Howtodesign2110 ай бұрын
Well full landing page design and prototype… check our this video kzread.info/dash/bejne/inqm2KyQf9ObXZc.htmlsi=X9YgM26lSH8rIiv4 For more detailed video of all websites pages it will be tooo long video for viewers, but in coming days will be doing a part part video of full website design and prototype…
@user-ko6ej5iq2i10 ай бұрын
man you're great!
@Howtodesign2110 ай бұрын
Thanks
@alihassan696910 ай бұрын
why dont you provide data or og file links in any video?
@Howtodesign2110 ай бұрын
Yes we can provide data.. on every video but we don’t know how well the video will perform or people love it and ask for OG files 😕
@alihassan696910 ай бұрын
@@Howtodesign21 but you yourself didn't make it from scratch, so obviously people need little help from og file.... Moreover your video is quite fast ,it's hard for beginners to follow the video this quick without og file.
@Howtodesign2110 ай бұрын
@alihassan6969 well well that’s a big miss understanding. if you looked at all our video have we made it from scratch only.. closer to practical designs we tried to make it.. as far as speed concern, Now a days attention time of people is becoming lesser and lesser.. because of reels and shorts format content .. no one even clicked on long format videos . Tell me which was your last longest video you have seen full without fast forwarding and how long the duration?
@Howtodesign2110 ай бұрын
Will give you the link of our made from scratch file to you in some time… Subscribe to this to get more detailed content assets of all the videos www.buymeacoffee.com/How2design
@yogi12m110 ай бұрын
👍 nice
@moustafamohammed333411 ай бұрын
what's the font name 😍
@Howtodesign2111 ай бұрын
It’s Poppins
@TheBoysMemes12311 ай бұрын
Pls can you send this design
@Howtodesign2111 ай бұрын
Yes
@TheBoysMemes12311 ай бұрын
@@Howtodesign21 then pls send
@Howtodesign2111 ай бұрын
Give us time
@TheBoysMemes12311 ай бұрын
@@Howtodesign21 ok
@TheBoysMemes12311 ай бұрын
I want the design pls can you send it
@Howtodesign2111 ай бұрын
Yes give us time will give you link
@Arthur-mf8lk11 ай бұрын
Great Video. What's the font? Is it poppins or what?
@Howtodesign2111 ай бұрын
Thanks …. Yes its is 👍
@mariunni317411 ай бұрын
Someone help me to find the picture i need it now 😢
@Howtodesign2111 ай бұрын
You will get it websites like unsplash, pxels, and so on.. also you creat anything in mid journey
@parceus475811 ай бұрын
How to add the hover effect on the container of the houses, and also the vertical scrolling of it?
@Howtodesign2111 ай бұрын
Hi, so in figma it will be done in prototype tab.. and also you can check my this video - Design & publish a website kzread.info/dash/bejne/m4Cky7qKfd3gmNo.html Where i showed how to do a later part 👍
@parceus475811 ай бұрын
@@Howtodesign21 Thank you sir. Your work is so awesome btw.
@Howtodesign2111 ай бұрын
Thanks bro 👍
@maurilyrics82911 ай бұрын
This is not a landing page
@Howtodesign2111 ай бұрын
Yes… true landing page can many different way… this just a demo little part you can se.. landing page have your best feature and call to action also other more detailed things depending on your brand.👍 if you want we will upload a new video which has a particle demo of one of my clients landing page✌️
@thecatman9o9 Жыл бұрын
how do i find the top ios icons ... like the wifi, sim network signals and battery and what are the default sizes.?
@Howtodesign21 Жыл бұрын
Hey it’s easy. If you search in Figma community section “ios materials”, or ios components you will get all the things of apple human guidelines or you can go to apple developer website and download human guidelines of apple👍
@daniellegathings7651 Жыл бұрын
How do I get the ruler ?
@Howtodesign21 Жыл бұрын
Go to figma menu select view select ruler 📏 or use shift R
@daniellegathings7651 Жыл бұрын
@@Howtodesign21 okay thank you
@lizzyrufus1934 Жыл бұрын
Thank you so much for this video. I am self-learning and I was able to do the design, but when I added the backgroundnpicture. It covered all that I did. I couldnt view any text again! Pls hiw can I resolve this?
@Howtodesign21 Жыл бұрын
Thanks I think image must’ve stayed up on the text. Just go to layers panel in figma select image layer and draged down below text (all text) layers …👍
@vgbeats2105 Жыл бұрын
i dont know they dont give the images need to make the websites
@Howtodesign21 Жыл бұрын
You talking about unsplash???
@derekbautista1108 Жыл бұрын
the buttons don't have a call to action just wondering
@Howtodesign21 Жыл бұрын
Yup you get it bro. It just made for demo purpose.. not the full final. but the actual commercial clients content to stay practical 👍
@ahmedrabiul8529 Жыл бұрын
Fantastic keep giving us awesome tutorials
@Howtodesign21 Жыл бұрын
Thanks 👍
@sufemeo01 Жыл бұрын
It's very awesome, but tell me how can you use icons in it, is there a extension or another
@Howtodesign21 Жыл бұрын
Yes there’s plug in called feather icon in figma
@sufemeo01 Жыл бұрын
@@Howtodesign21 Thankyou so much
@okonanyang5724 Жыл бұрын
Hey man i wanna be as good as this can i get a response
@Howtodesign21 Жыл бұрын
Well we didn’t understand your question?
@YasserShaaf Жыл бұрын
Two hours or twenty minutes?
@Howtodesign21 Жыл бұрын
Yup 2 hours. We don’t fake people we kept it practical as we tried to replicate how actual client website content could take time put it in framer. It’s not possible 4-6 all page commercial client website done in 20 minutes . We don’t claim fake headlines or thumbnail to attract viewer for views. Like others.
@Howtodesign21 Жыл бұрын
Also by the way if watch full video closely this is 2 or more hours of screen recording fast forwarded into 20 minutes 🙂
@alihassan696910 ай бұрын
where is the template link? @@Howtodesign21
@Howtodesign21 Жыл бұрын
Hello people Well the video is quiet long. as many times people have suggested that speed in our couple video has too much fast so this time kept it slower of screen recording 👍
@uiuxdesigner188 Жыл бұрын
Great
@Howtodesign21 Жыл бұрын
Thanks👍
@wmdavis9101 Жыл бұрын
Where do you get your images from? They're always fantastic!!!!
@Howtodesign21 Жыл бұрын
Thanks man. It’s from unplash, generated in mid journey or some times clients rejected images
@AttiqueAhmad913 Жыл бұрын
Watched your video first time and inspired too you deserve like comment and subscribe channel
@Howtodesign21 Жыл бұрын
Thanks man 👍
@AttiqueAhmad913 Жыл бұрын
Please upload latest trend designs with vocal explanation
@ninnagomarteli Жыл бұрын
This is exactly the video I needed, but its so fast😢
@Howtodesign21 Жыл бұрын
Thanks 🙏 We apologise for the speed of video. It’s purposely kept fast because no one clicks on longer video now a day’s. But still you still watch it. Change the playback speed of video in KZread to from normal to 0.25x. Video will look normal to you.👍
@ninnagomarteli Жыл бұрын
@@Howtodesign21 That's how I watched it. It would be very helpful if it had some captions or explanations. Great job though <3
@Howtodesign21 Жыл бұрын
Appreciated.. will think over your suggestion and used it to our next videos👍
@edw_o9739 Жыл бұрын
And after this? How i can export this landing in a real website
@Howtodesign21 Жыл бұрын
Well after this you can give this file to developer and he will covert to HTML and upload it to web. Or if you have webflow, hostinger, xpert app, or framer app etc if you know all these apps you can do it your own👍☀️
@AdeniyiWaheedАй бұрын
Are you get it?
@relaxmind31 Жыл бұрын
very nice
@Howtodesign21 Жыл бұрын
Thanks
@vladimirbernard6959 Жыл бұрын
how do i add the image inside the wireframe showing the buttons
@Howtodesign21 Жыл бұрын
For placing image you just need to import image or drag the image in the artbord.
@TimandLauren Жыл бұрын
Hey how to design! Are the 1000 rows, 12 columns, pretty standard sizing when making a landing page?
@Howtodesign21 Жыл бұрын
Well 12 columns are standard but 1000 row that i used is with distance of 8 pixel from top to bottom in my artbord is i used for anything I placed in my design is aligned to 8 pixel.
@TimandLauren Жыл бұрын
@@Howtodesign21 Gotcha, now is the 8 pixel standard too or just preference? Thank you man!
@Howtodesign21 Жыл бұрын
@@TimandLauren it's my preference but you should consider iOS & android guidelines while you are working on app design.
@TimandLauren Жыл бұрын
@@Howtodesign21 thank you!!
@TimandLauren Жыл бұрын
How do you know where things get placed, what size the shape/textt should be?
@Howtodesign21 Жыл бұрын
Well that’s your design aesthetic sense, years of design learning and work experience.
@TimandLauren Жыл бұрын
@@Howtodesign21 gotcha Is there a technical rule to follow or do you just go by eye? Read some Ui Design books where like shapes/text have to be a certain pixel apart, etc.
@Howtodesign21 Жыл бұрын
Yes rules comes under design learning part as i said. Then there is experience cones rule i follow is 4x4
@julianudumma5955 Жыл бұрын
Where can I get some of the icons I'm new to UI design it's so difficult for me,and I'm self learning so it's almost like I don't know my way around it. I don't even know how to drag a file from my Google drive to figma in my Hp PC. Please do you have a video on this?
@Howtodesign21 Жыл бұрын
Hey it’s totally fine you don’t know the things it’s. Start using figma app. In figma there there is section called plug-ins where get pre-made icon’s which you can use it for free for your design.
@davidnssien3646 Жыл бұрын
Very soothing music👍
@aniketshukla2426 Жыл бұрын
This is amazing, but I'm confused, Isn't this a hi-fi or a high fidelity mockup something, I'm very new to UI/UX, Figma and everything, and I've read wireframes, are those simple, layouts with boxes and lorem ispum texts, can anyone explain please??
@SnoopDhaliwal Жыл бұрын
Yes wireframes are exactly that, just grey scale boxes with lines and dummy text. However it says in the title of the video "wire-frame AND design" aka user interface design (color, imagery, etc.) This video shows both UX and UI design all in one video. Keep in mind this is not the full process of UX and UI studies but just the end product of it.
@gtxstudio Жыл бұрын
The amount of value your videos provide to those of us new to the industry is insane. Thank you for all the hard work!
@Howtodesign21 Жыл бұрын
Hey thanks 🙏 appreciation motivates.. Since i am not well last 6-7 months couldn’t get time to put more videos consistently. Subscribe and will upload more and more videos to our channel in coming days👍
Пікірлер
nice
Finally I done my assignment thanks bruh❤
Thank you ❤ Sir
i need this Image
It’s on unsplash
nice one
Stop zooming in and out so much.
Yup will cut that✌️
very fast not helpful plus the music
thanks liking & suggestion.,will keep in mind for next video
Hate that I always find musical videos... Why don't you talk and explain?
Hey, we apologise for inconvenience.. this one is speed art video not talking and if we add talking (vo). then this video became so big that no one would watch this, or even click. Because of this new world shorts and reels content. And for a small channel this you tube algorithm go’s against the channel. Soon Will be uploading talking video on different topic..👍
@@Howtodesign21 you should foresee the benefits of doing longer and explained videos. I can asure you it works.
@Decademia yes sure will try step by step increase length of videos soon, thanks again. Appreciated 😎 bro
@@Howtodesign21 I’m sure It’ll work for you. And keep working!
Great tutorial. I appreciate the effort put into making this. I have one complaint, it is too fast to follow (even at 0.5 playback speed), and with no verbal explanation to guide the viewer, it makes it a bit hard for one, especially a beginner, to follow through. I do not mind if it was 30 min long but with human verbal interaction.
That was amazing and simple . Nicely done. I am looking for an internship in UI/UX. Could you suggest some remote opportunities?
Would you like to design it?
@@AdeniyiWaheed yes
I thank you for design is amazing, but where is the “how to” part? This title was misleading. It should have not said “how to” but “watch me design one”.
sorry you felt that . its speed art video. will do a detailed code on that
Hey are you available for contract work?
👍 yes
can you send this photo villa ?
It’s dummy image…. It’s there on unsplash free photo website
why everybody shows how to design simple landings, but no one shows full projects with prototyping all pages to get clear understanding
Well full landing page design and prototype… check our this video kzread.info/dash/bejne/inqm2KyQf9ObXZc.htmlsi=X9YgM26lSH8rIiv4 For more detailed video of all websites pages it will be tooo long video for viewers, but in coming days will be doing a part part video of full website design and prototype…
man you're great!
Thanks
why dont you provide data or og file links in any video?
Yes we can provide data.. on every video but we don’t know how well the video will perform or people love it and ask for OG files 😕
@@Howtodesign21 but you yourself didn't make it from scratch, so obviously people need little help from og file.... Moreover your video is quite fast ,it's hard for beginners to follow the video this quick without og file.
@alihassan6969 well well that’s a big miss understanding. if you looked at all our video have we made it from scratch only.. closer to practical designs we tried to make it.. as far as speed concern, Now a days attention time of people is becoming lesser and lesser.. because of reels and shorts format content .. no one even clicked on long format videos . Tell me which was your last longest video you have seen full without fast forwarding and how long the duration?
Will give you the link of our made from scratch file to you in some time… Subscribe to this to get more detailed content assets of all the videos www.buymeacoffee.com/How2design
👍 nice
what's the font name 😍
It’s Poppins
Pls can you send this design
Yes
@@Howtodesign21 then pls send
Give us time
@@Howtodesign21 ok
I want the design pls can you send it
Yes give us time will give you link
Great Video. What's the font? Is it poppins or what?
Thanks …. Yes its is 👍
Someone help me to find the picture i need it now 😢
You will get it websites like unsplash, pxels, and so on.. also you creat anything in mid journey
How to add the hover effect on the container of the houses, and also the vertical scrolling of it?
Hi, so in figma it will be done in prototype tab.. and also you can check my this video - Design & publish a website kzread.info/dash/bejne/m4Cky7qKfd3gmNo.html Where i showed how to do a later part 👍
@@Howtodesign21 Thank you sir. Your work is so awesome btw.
Thanks bro 👍
This is not a landing page
Yes… true landing page can many different way… this just a demo little part you can se.. landing page have your best feature and call to action also other more detailed things depending on your brand.👍 if you want we will upload a new video which has a particle demo of one of my clients landing page✌️
how do i find the top ios icons ... like the wifi, sim network signals and battery and what are the default sizes.?
Hey it’s easy. If you search in Figma community section “ios materials”, or ios components you will get all the things of apple human guidelines or you can go to apple developer website and download human guidelines of apple👍
How do I get the ruler ?
Go to figma menu select view select ruler 📏 or use shift R
@@Howtodesign21 okay thank you
Thank you so much for this video. I am self-learning and I was able to do the design, but when I added the backgroundnpicture. It covered all that I did. I couldnt view any text again! Pls hiw can I resolve this?
Thanks I think image must’ve stayed up on the text. Just go to layers panel in figma select image layer and draged down below text (all text) layers …👍
i dont know they dont give the images need to make the websites
You talking about unsplash???
the buttons don't have a call to action just wondering
Yup you get it bro. It just made for demo purpose.. not the full final. but the actual commercial clients content to stay practical 👍
Fantastic keep giving us awesome tutorials
Thanks 👍
It's very awesome, but tell me how can you use icons in it, is there a extension or another
Yes there’s plug in called feather icon in figma
@@Howtodesign21 Thankyou so much
Hey man i wanna be as good as this can i get a response
Well we didn’t understand your question?
Two hours or twenty minutes?
Yup 2 hours. We don’t fake people we kept it practical as we tried to replicate how actual client website content could take time put it in framer. It’s not possible 4-6 all page commercial client website done in 20 minutes . We don’t claim fake headlines or thumbnail to attract viewer for views. Like others.
Also by the way if watch full video closely this is 2 or more hours of screen recording fast forwarded into 20 minutes 🙂
where is the template link? @@Howtodesign21
Hello people Well the video is quiet long. as many times people have suggested that speed in our couple video has too much fast so this time kept it slower of screen recording 👍
Great
Thanks👍
Where do you get your images from? They're always fantastic!!!!
Thanks man. It’s from unplash, generated in mid journey or some times clients rejected images
Watched your video first time and inspired too you deserve like comment and subscribe channel
Thanks man 👍
Please upload latest trend designs with vocal explanation
This is exactly the video I needed, but its so fast😢
Thanks 🙏 We apologise for the speed of video. It’s purposely kept fast because no one clicks on longer video now a day’s. But still you still watch it. Change the playback speed of video in KZread to from normal to 0.25x. Video will look normal to you.👍
@@Howtodesign21 That's how I watched it. It would be very helpful if it had some captions or explanations. Great job though <3
Appreciated.. will think over your suggestion and used it to our next videos👍
And after this? How i can export this landing in a real website
Well after this you can give this file to developer and he will covert to HTML and upload it to web. Or if you have webflow, hostinger, xpert app, or framer app etc if you know all these apps you can do it your own👍☀️
Are you get it?
very nice
Thanks
how do i add the image inside the wireframe showing the buttons
For placing image you just need to import image or drag the image in the artbord.
Hey how to design! Are the 1000 rows, 12 columns, pretty standard sizing when making a landing page?
Well 12 columns are standard but 1000 row that i used is with distance of 8 pixel from top to bottom in my artbord is i used for anything I placed in my design is aligned to 8 pixel.
@@Howtodesign21 Gotcha, now is the 8 pixel standard too or just preference? Thank you man!
@@TimandLauren it's my preference but you should consider iOS & android guidelines while you are working on app design.
@@Howtodesign21 thank you!!
How do you know where things get placed, what size the shape/textt should be?
Well that’s your design aesthetic sense, years of design learning and work experience.
@@Howtodesign21 gotcha Is there a technical rule to follow or do you just go by eye? Read some Ui Design books where like shapes/text have to be a certain pixel apart, etc.
Yes rules comes under design learning part as i said. Then there is experience cones rule i follow is 4x4
Where can I get some of the icons I'm new to UI design it's so difficult for me,and I'm self learning so it's almost like I don't know my way around it. I don't even know how to drag a file from my Google drive to figma in my Hp PC. Please do you have a video on this?
Hey it’s totally fine you don’t know the things it’s. Start using figma app. In figma there there is section called plug-ins where get pre-made icon’s which you can use it for free for your design.
Very soothing music👍
This is amazing, but I'm confused, Isn't this a hi-fi or a high fidelity mockup something, I'm very new to UI/UX, Figma and everything, and I've read wireframes, are those simple, layouts with boxes and lorem ispum texts, can anyone explain please??
Yes wireframes are exactly that, just grey scale boxes with lines and dummy text. However it says in the title of the video "wire-frame AND design" aka user interface design (color, imagery, etc.) This video shows both UX and UI design all in one video. Keep in mind this is not the full process of UX and UI studies but just the end product of it.
The amount of value your videos provide to those of us new to the industry is insane. Thank you for all the hard work!
Hey thanks 🙏 appreciation motivates.. Since i am not well last 6-7 months couldn’t get time to put more videos consistently. Subscribe and will upload more and more videos to our channel in coming days👍