Best Design Workflow

Editor 's note: Keaton Herzer introduced the design process from sketch to prototype, and recommended tools for each stage. As for the fit, designers use to see it again.

As designers, we are constantly experimenting with tools and processes to find the best fit. After a lot of experiments, I have found the perfect design workflow, I would like to share with you here. Design is a process, and the process I'm sharing is the process I use to develop a variety of products that everyone loves.

1. Sketch (with paper and pen)-Every great design begins on paper. Take out your paper and stroke out the approximate shape.

2. The next step is to take the sketch off the phone and then put your child on the pop to test the prototype.

3, Next is. It is not enough to have a sketch. is indispensable at all times. Continue to open OmniGraffle and draw your.

4. Now realize that you need a drop-down menu? Had to re-draw with Balsamiq.

5. Not satisfied with the Balsamiq? You can try the axure.

6, or not satisfied?! That can be changed to adobeillustrator with its UI wireframing kit, warning you, for $89.

7. Now export those to PNG and import them into Invision so you can share them with the team.

8, do not want to use Invision again? Then you have to try it with Marvel, and hope this time they don't know how to write a review.

9, you succeeded, and finally got the approval. Next you can do the HD version of the prototype.

10, to everyone's use of the gallery to find a map and then use Photoshop to optimize.

11. Now open sketch and start creating UI for your app. Starting to look like a real product, huh?

12. Now export the screen to PNG and import it into Flinto Lite.

13. Oh, do you need gesture design? Buy a flintofor Mac for $99.

14. Your ceo/stakeholders/clients "do not need one more app on the phone" and refuse to download Flinto.

15, import the design to principle to increase the interaction.

16, rely on, Principle export is the video AH?! No, use pixate, it's free anyway, good luck to you.

17, you are going crazy?! Well then download framer and try it for free.

18, forgot to tell you, Framer trial time only 32 minutes. Let's change justinmind.

Well, it's done, finally the clearance.

Best Design Workflow