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 Web Design Process Exploration Iterating on a Design

It looks here that we are using any sizes? Like judging by eyesight than being 100% accurate.

I am thinking wait and see how this plays out?

2 Answers

Daniel Montgomery
seal-mask
STAFF
.a{fill-rule:evenodd;}techdegree seal-36
Daniel Montgomery
Treehouse Staff

Hey there jas0n

As Nick states in the video, while he's working in this rapid prototyping phase, he is just looking to get the elements organized on the page and he is in fact designing by eye. He is doing this to avoid having to make the content fit within grids or predefined design systems. Again, this is good for moving fast in sketching and wireframing as it helps get ideas and multiple iterations out quickly. But when mocking up and finalizing the design you will certainly want to ensure your spacing and layout is following a system and grid.

You can check out this article for more details on being more precise with your designs if you were interested or curious: https://uxplanet.org/creating-a-ux-design-style-guide-for-your-team-e756210865a4

Thanks for your reply, I'm new to wireframes and so I guess working with them they are a rough example of what we would like our project to end up looking like.

Daniel Montgomery
seal-mask
STAFF
.a{fill-rule:evenodd;}techdegree seal-36
Daniel Montgomery
Treehouse Staff

Yep! That's correct. Wireframes are just rough representations of your idea. But you can start to perfect as you iterate. I would think of wireframes as blueprints for websites.