UI Design Tutorial - Website From Wireframe
video description
Date: 2022-03-14
Related videos
Comments and reviews: 6
texxs01
Um, this isn't a prototype, this is just a another wireframe. The kind we typically start with. The lone he started with we either dont do it or we use it instead of this. Prototypes actually work. That means the links work, the animations work, slide shows work, forms are built in (not fully functional at this point, but actual forms not just white boxes. etc To further illustrate this note that Bootstrap is a -prototyping framewok- meaning prototypes and made with CSS. HTML and Javascript. Not everything works properly but it will resize etc.
reply
Um, this isn't a prototype, this is just a another wireframe. The kind we typically start with. The lone he started with we either dont do it or we use it instead of this. Prototypes actually work. That means the links work, the animations work, slide shows work, forms are built in (not fully functional at this point, but actual forms not just white boxes. etc To further illustrate this note that Bootstrap is a -prototyping framewok- meaning prototypes and made with CSS. HTML and Javascript. Not everything works properly but it will resize etc.
reply
Adrian
Hope you all enjoy this. Looking at doing color theory and continuing this project in the next one. If you enjoy this content, make sure you check out #freeCodeCamp as they have heaps of great learning material on their website too!
reply
Hope you all enjoy this. Looking at doing color theory and continuing this project in the next one. If you enjoy this content, make sure you check out #freeCodeCamp as they have heaps of great learning material on their website too!
reply
Okwoche
Saving this video.
First time I used figma for a job.. the object kept changing position.. I ended up using Adobe XD.
But you have given me hope on figma. And I will get back to using figma.
reply
Saving this video.
First time I used figma for a job.. the object kept changing position.. I ended up using Adobe XD.
But you have given me hope on figma. And I will get back to using figma.
reply
Sf
hey I noticed you didn't know this but if you select an element then hold alt and hover around on other elements, the spacing will show up, can be useful when try to measure equal spacings/padings.
reply
hey I noticed you didn't know this but if you select an element then hold alt and hover around on other elements, the spacing will show up, can be useful when try to measure equal spacings/padings.
reply
Pranjal
What if i have done half of my work via sketch and now i want to switch to figma, is it possible to switch and continue from where i left or do i need to do the whole thing again?
reply
What if i have done half of my work via sketch and now i want to switch to figma, is it possible to switch and continue from where i left or do i need to do the whole thing again?
reply
Ben
What exactly is 1980 pixel representing? Guess it should be 1920? Other than that: thanks for the tutorial, always interested to see someone's approach!
reply
What exactly is 1980 pixel representing? Guess it should be 1920? Other than that: thanks for the tutorial, always interested to see someone's approach!
reply
Add a review, comment
Other channel videos
