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 trial

Design

Robert Doyle
Robert Doyle
4,737 Points

How 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

Jeffrey James
Jeffrey James
2,636 Points

If 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.

1 Answer

Anthony Boutinov
Anthony Boutinov
13,844 Points

Try using a scaffolding app. Yeoman or something else, for example.