Prototyping in the Browser
Coming September 2017…Watch trailer
About this Course
Before you design a website, it's important to have some kind of a plan or a wireframe to guide your efforts. But sometimes when you go from a simple sketch to digital pixels, the results aren't exactly what you expect. When you work with real HTML and CSS, and you're able to see your site on a real screens, you're able to see a more accurate representation of the final result. In this course, we're going to build a website prototype using the Bootstrap web framework.
What you'll learn
- Prototyping with Bootstrap
- Blocking Content
- Design Patterns
- Fonts and Colors
A webpage doesn't always translate perfectly from a wireframe to the browser. Sometimes proportions or responsive sizes can be different than you expect. We're going to take a wireframe and turn it into code using Bootstrap.
Many design problems share the same characteristics, so premade components and ideas - sometimes called "design patterns" - can be used to create a user experience that is consistent and familiar.
Fonts and Colors
Once a page layout has been established and the interactive components are in place, fonts and colors should be added to make sure that the design is still communicating effectively, even in the early stages.
Nick is a teacher at Treehouse and an independent game developer. His Twitter handle is @nickrp.