Which tools should you use to design? DESIGN FUNDAMENTALS

Transcription

1 Which tools should you use to design? DESIGN FUNDAMENTALS

2 VS. Software Browser

3 Software Pros

4 Software Pros What you see is what you get

5 What you see is what you get More likely to push the boundaries of design Software Pros

6 What you see is what you get More likely to push the boundaries of design Software Pros Much faster to try different ideas

7 Software Cons

8 Risk designing something impossible to implement Software Cons

9 Risk designing something impossible to implement You can t design responsively as you go Software Cons

10 Risk designing something impossible to implement You can t design responsively as you go Harder to keep assets consistent Software Cons

11 Risk designing something impossible to implement You can t design responsively as you go Harder to keep assets consistent Software Cons Adds an extra step to the process

12 Risk designing something impossible to implement You can t design responsively as you go Harder to keep assets consistent Software Cons Adds an extra step to the process If you don t know the software, it can be frustrating to learn

13 Browser Pros

14 Your making design decisions based on what s currently possible Browser Pros

15 Your making design decisions based on what s currently possible You re designing and building at the same time - no extra step Browser Pros

16 Your making design decisions based on what s currently possible You re designing and building at the same time - no extra step Browser Pros You can work responsive and interact with your design

17 Your making design decisions based on what s currently possible You re designing and building at the same time - no extra step Browser Pros You can work responsive and interact with your design Easier to make big, global design changes

18 Browser Cons

19 Switching between design and build thinking is hard Browser Cons

20 Switching between design and build thinking is hard More likely to have bland designs Browser Cons

21 Switching between design and build thinking is hard More likely to have bland designs Less possibilities for imagery Browser Cons

22 Switching between design and build thinking is hard More likely to have bland designs Less possibilities for imagery Browser Cons Get hung up on a technical issue rather than focusing on the design

23 VS. Software Browser 3 PROS 5 CONS 4 PROS 4 CONS

24 VS. Software Browser 3 PROS 5 CONS Winner! 4 PROS 4 CONS

25 AN OBSERVATION: The best results always seem to happen when there s been something designed in software first

26

27 <3 Software Browser Use as a sketch pad to visualize ideas. Treat as disposable. Iterate, edit, debug. Make your big decisions here.

28 Or not. That s just how I do it. You do whatever works for you.

29 Which software should you use?

30 Sketch or Photoshop?

31 Browser + GIMP + Sketch + GIMP Affinity Pro Creative Cloud Inkscape Mac/PC Mac only Mac/PC Mac/PC Free or low cost UI design specific One-time payment Highest cost Less advanced image editing Smaller learning curve Photo and vector editing in one Extras like Typekit and stock photos $0 $99/year $49 $49/month

32 Browser + GIMP + Sketch + GIMP Affinity Pro Creative Cloud Inkscape Mac/PC Mac only Mac/PC Mac/PC Free or low cost UI design specific One-time payment Highest cost Less advanced image editing Smaller learning curve Photo and vector editing in one Extras like Typekit and stock photos $0 $99/year $49 $49/month

33 Browser + GIMP + Sketch + GIMP Affinity Pro Creative Cloud Inkscape Mac/PC Mac only Mac/PC Mac/PC Free or low cost UI design specific One-time payment Highest cost Less advanced image editing Smaller learning curve Photo and vector editing in one Extras like Typekit and stock photos $0 $99/year $49 $49/month

34 Browser + GIMP + Sketch + GIMP Affinity Pro Creative Cloud Inkscape Mac/PC Mac only Mac/PC Mac/PC Free or low cost UI design specific One-time payment Highest cost Less advanced image editing Smaller learning curve Photo and vector editing in one Extras like Typekit and stock photos $0 $99/year $49 $49/month

35 Browser + GIMP + Sketch + GIMP Affinity Pro Creative Cloud Inkscape Mac/PC Mac only Mac/PC Mac/PC Free or low cost UI design specific One-time payment Highest cost Less advanced image editing Smaller learning curve Photo and vector editing in one Extras like Typekit and stock photos $0 $99/year $49 $49/month

36 Choose your tools of choice and let s get started!