Welcome to the Treehouse Community
Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.
Looking to learn something new?
Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.
Start your free trialRobert Doyle
4,737 PointsHow should I decide on what style of site design I should use for a project?
I am still a new student to web design and was curious on how people approach a web design blueprint for their projects.
- How do you decide on the most suitable layouts? (single page, multiple pages, grids)
- How do you approach wire framing and mock-ups?
- Do you use mood-boards?. If so what do you use to create them?
- Where can you find premade mock-ups that I can focus on HTML CSS coding practice?
My focus is going to be more on the coding, but I do want to understand these concepts better to help my job prospects and possible freelance work. Thanks
Brendan Whiting
Front End Web Development Techdegree Graduate 84,738 PointsHere's a website where people post their Sketch files: https://www.sketchappsources.com/, you could take some of those mockups for inspiration, modify them, code them out.
1 Answer
Anthony Boutinov
13,844 PointsTry using a scaffolding app. Yeoman or something else, for example.
Jeffrey James
2,636 PointsJeffrey James
2,636 PointsIf you're trying to hack something together for yourself, perhaps to make money or learn something, the layout will likely come from something you found on the net, which you'll customize. (eg, bootstrap layouts, etc...). It is unlikely you'll do any wire framing or mood boards.
If you're working with a team in a more corporate environment, typically you'll get the design from a graphics person and they'll have you implement it. Chances are you'll be implementing it not from scratch, but from a similar layout someone else coded a while back.
So, I would recco finding existing templates that get you kinda of where you want to go, but you make major modifications to arrive at what you conceptually like. For instance, maybe https://startbootstrap.com/template-overviews/sb-admin/ you want to make a dashboard, but you need a grid of 4 charts and don't want the alerts on top. You also need to reskin the whole thing to make sure the colors match your company's colors.
My 2 cents.