StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

PO
text
Body
copied!<p>As <a href="https://stackoverflow.com/questions/1600822/tool-for-webpage-ui-design/1600955#1600955">David Dorward</a> has already mentioned there is really no substitute for a pencil and a couple of pieces of paper. My best designs always come from a couple of sketches and in my eyes no designer is truly above sketching their ideas out.</p> <p>Once I draw out what I intend my application to do I typically scan it onto my computer and open it in a graphics program, typically Photoshop because it's what I have available to me (feel free to replace it with any other program). From there I set up my layers and start designing. I always find it good to have some design galleries (deviantART is a favourite of mine) just so I can gain some inspiration from what others have designed for purely artistic purposes. Some of the best user interfaces I've used have their roots in art and natural/mechanical design.</p> <p>Whilst I am doing this I typically use a small whiteboard to jot down changes and properties of my designs. This approach has served me well on several occasions and I'll typically catch out any major issues before testing.</p> <p>In short, if you're using just one tool then you're going to suffer a lot of problems with the flexibility of your design. The most flexible approach is by using a pen and paper but I'd recommend that you use everything you can to plan out what you're trying to do, then to press on with a raster graphics tool and start building.</p>

Querying!

Guidance

An individual column

Larger individual text columns get their own page to allow for proper reading.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload