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.