Sketch with Sanity
- Use the papers with resolution markers on it instead of plain white paper. If you are designing for an app of 1260 max. resolution; use the paper which has indicators marked for pixels.
- Using grid paper or dotted paper will make it easier to draw straight lines.
- Use stencils to make the sketch look more realistic and detailed.
- Do not just draw boxes, add details to your sketch as iterate your design.
- Use sticky notes to show slide out windows and dropdowns.
- Use actual titles in the sketch instead of scribbling.
- Use grey highlighters to show disabled effect.
- Sketch in layers using grey highlighters.
- Use colored pens and markers to make your sketch look more finished.
- Use different colors to show different kinds of interaction on a screen.
- Try to cover as many interactions as possible onto one sketch and then annotate them thoroughly.
- If on a sticky note there is lot of extra space, rip off that extra space to make your sketch look cleaner.
- If longer page is needed to explain an interaction for a long screen, attach an extra half or 1/4 page at the bottom of the page.
- Do not use lot of erasers, instead re-sketch. Every time you sketch, more design juices will flow into your brain.
- Use call out shaped sticky notes for call outs on sketch.
- Add lots of callouts to explain the behavior envisioned.
- Document your sketches. Have screen name, date, version number, people involved in the design, people involved in the review.
