![hampson russell new project workflow hampson russell new project workflow](https://docplayer.net/docs-images/57/40097689/images/5-0.png)
Are you making a brochure website, a CMS, or a single-page design with tiered layers driven by JavaScript scrolling? Sketching your designs can help cultivate your ideas and reduce design time.
#Hampson russell new project workflow pro#
Pro tip: Sketches can help define site maps and user flows in the absence of a project brief. The “big pads of paper” mentioned by Fried in the video can be found on Edward Tufte’s website. Gray drew the notes of their conversation, and this fascinating sketched conversation can be seen on Gray’s website. Quick aside: When David Gray interviewed Jason Fried of 37signals, they spoke about exactly this type of low-fi sketching. Throwing away or recycling these drawings is not a problem either - they’re not exactly pages in a sketchbook. You can pick up a Sharpie and a huge pad of paper at a local office-supply shop. This lets you capture big ideas and quickly define broad concepts in the design. Using a simple Sharpie or other marker and a big pad of paper is quick, inexpensive and fairly low-fi (meaning there doesn’t need to be as much detail). I’ve used these for both mobile and desktop website designs, and they can really help keep your UI consistent and speed your sketching along.ĭon’t be afraid to explore many concepts and iterations. For those of you who truly enjoy the old-school ways of pencil and paper, here’s a selection of templates built specifically for that purpose. Remember, Fireworks is all about speed and production, and dropping back to pencil and paper is both a fast and easy way to get your ideas out so that you can start iterating. The reason is because getting caught up in pixel-precision this early on in a project by going straight to digital is just too easy, and it’ll cost a bit of time in the long run. “But why should we start with sketching?” you might ask.
![hampson russell new project workflow hampson russell new project workflow](https://ars.els-cdn.com/content/image/1-s2.0-S1110062116300563-gr2.jpg)
Hi-fi sketches of mobile screens and interactions But by all means, make copies of your work I wouldn’t want to get angry emails saying that I told you to let others draw all over your beautiful illustrations!
![hampson russell new project workflow hampson russell new project workflow](https://www.gulfoilandgas.com/main/images/News/CGG.gif)
Because high-fidelity sketches exist on paper, they have permanence and collaborating on sketches is easy by passing them around, drawing on them and making notes about necessary changes. Peter Buick’s recent post “The Messy Art of UX Sketching” outlines this in far greater detail than we can here, so check it out. It allows the designer to forgo the digital tools and break out the pencil, pens and paper. I start most projects with sketching in some shape or form, and I use a few different techniques depending on the time and materials available. Sketched designs can be done simply with paper and pen or created directly in Fireworks, and they can end up being works of art in and of themselves. In terms of workflow, this step isn’t specific to Fireworks, but it’s still a crucial part of getting my ideas flowing. Sketching is arguably the most valuable part of my design process. Read on to get a glimpse of my project workflow (sketches → wireframes → graphic comps → export) and to see how Fireworks fits into these different stages. While Photoshop has made great strides lately by adding some vector support, it simply has not been able to match the speed and reusability of Fireworks for production work.