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

HTML How to Make a Website Customizing Colors and Fonts Resize Text

Posted by A X
A X
12,842 Points

Envisioning your site design: how in the world does Nick do it?

Hi all, I'm working through Nick's website design track, and I'm more and more confused by something that Nick isn't explaining: how he knew how to conceptualize the website before hand. Like he's able to just seemingly intuitively know exactly what he needs to do to get his website that he's making look exactly how he wants it to, but I'm sure that a lot of work went on behind the scenes to get him to the point of saying things like the pixels in the header have to be negative .5. I wonder how he/or any other website designer starts off learning how to conceptualize how their website will look...and how in the world you learn every single little thing you'll need to do in code to make your website look how you want it to. Any ideas?

2 Answers

Billy Bellchambers
Billy Bellchambers
21,689 Points
Billy Bellchambers
Billy Bellchambers
21,689 Points

Hi,

In most of these courses the sites have already been mapped out and planned previously and are not just plucked out of thin air as they go along.

If you want to learn more about the planning and design of sites there's some great resources in the design section of Treehouse.

https://teamtreehouse.com/library/topic:design

Similarly elements of this are included in some of the learning tracks too such as the web design track.

https://teamtreehouse.com/tracks/web-design

It can all be a bit overwhelming at first but there are definitive steps in the design and implementation that can make this alot easier to manage.

Hope this helps you.

Meg Matty
seal-mask
.a{fill-rule:evenodd;}techdegree seal-36
Meg Matty
Front End Web Development Techdegree Graduate 22,928 Points
Meg Matty
.a{fill-rule:evenodd;}techdegree seal-36
Meg Matty
Front End Web Development Techdegree Graduate 22,928 Points

If you struggle with design, a good way to practice I've been told is to find existing websites that you like and try to recreate them. I am focusing more on practicing coding right now, so taking the "design" part out of it so I can just practice making the page has been helpful. Having something to work off of lets me concentrate on seeing real time changes in the code as I work on it, so that I figure out all those magical margin and padding numbers for myself.