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 Mobile First Design

Shin Miy
Shin Miy
4,181 Points
Posted by Shin Miy
Shin Miy
4,181 Points

How do you settle on a specific layout/font size?

In the video, a specific font size was chosen for the text, and the rounded square social media icons were chosen and placed at the bottom center of the page. Those choices seemed rather arbitrary, and having no background in design, I don't think I could have made that choice on my own.

Is there a defining factor to the specific choices made in the video? How would one go about making such choices?

1 Answer

Susan Furest
Susan Furest
783 Points
Susan Furest
Susan Furest
783 Points

I don't think there was a ton of thought in the actual visual design of the iconography choices. The concept of wireframing is just about general layout and navigation. I would say for the size of the text, he clearly wanted to distinguish the top header and the rest just needed to be about the approximate size to fit his layout it needed to be legible. I wouldn't worry about making the correct decisions about the size of font and style of icons until you design high fidelity mockups.