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

Posted by Raymond Donnell
Raymond Donnell
Courses Plus Student 263 Points

sorry if this is stupid question

Hello is there any software out there that can help me sketch a mock up site for example a client that is not sure what he/she wants, So this could help me and the client sketch it out on the computer rather than paper.

Sorry for the stupid question thanks.

Andi Wilkinson
Andi Wilkinson
26,822 Points
Andi Wilkinson
Andi Wilkinson
26,822 Points

Not a stupid question at all. balsamiq, lovelycharts, mockflow, mockingbird were all recommended to me to look at recently

4 Answers

Raymond Donnell
Raymond Donnell
Courses Plus Student 263 Points

thank you

Rebecca Bompiani
Rebecca Bompiani
16,996 Points
Rebecca Bompiani
Rebecca Bompiani
16,996 Points

Hi Raymond-

Certainly not a stupid question! Often, designers will mock up site pages in software such as Adobe Photoshop or Indesign. Being free of html, these softwares can be a little easier to generate quick roadmaps for the client to review, and you to eventually translate into code.

There are also WYSIWYG (what you see is what you get) editors that will allow you to drag and drop content for websites and generate the html for you. While these editors may allow you to quickly generate layouts, I certainly would not recommend using its code, but would advocate using it as a visual roadmap. The html you create will be more flexible and elegant.

Hope that helps!

Raymond Donnell
Raymond Donnell
Courses Plus Student 263 Points

Thank you

Joel David Crouse
Joel David Crouse
9,062 Points
Joel David Crouse
Joel David Crouse
9,062 Points

I would direct you to this wireframing website: https://wireframe.cc/

Raymond Donnell
Raymond Donnell
Courses Plus Student 263 Points

Cheers Joel

Thas Eagans
PLUS
Thas Eagans
Courses Plus Student 2,533 Points
Thas Eagans
Thas Eagans
Courses Plus Student 2,533 Points

I use photoshop for wire framing and prototypes. I used to use Fireworks as it was made for that kind of work, but adobe has stopped improving it.

As mentioned by Joel...there are free online wire framing sites that allow collaboration and viewing.

</TREagans>

Raymond Donnell
Raymond Donnell
Courses Plus Student 263 Points

thank you