1. Let's make diagrams beautiful
Miks Rozenbergs
Exigen Services Latvia
BSC2013

2. “A user forced to use something they don't like because
of how it looks or feels will be unhappy to some
degree…”
“Craft is about details. The rounded corners and smooth
edges. Making sure the pixels line up and nothing is out
of place. Getting the palettes just right so there is no
flashing. Precision is what creates energy and movement
in a design. Users may not notice in a conscious way, but
they will feel the difference between getting the details
right and having bits out of place.”
Scott Berkun, UI That Kills: Swords, Craft, and User Interfaces

3. “A user forced to use something they don't like because
of how it looks or feels will be unhappy to some
degree…”
“Craft is about details. The rounded corners and smooth
edges. Making sure the pixels line up and nothing is out
of place. Getting the palettes just right so there is no
flashing. Precision is what creates energy and movement
in a design. Users may not notice in a conscious way, but
they will feel the difference between getting the details
right and having bits out of place.”
Scott Berkun, UI That Kills: Swords, Craft, and User Interfaces

4. beauty
/ˈ
bjuˈti
/
noun
a combination of qualities, such as
shape, colour, or form, that pleases the
aesthetic senses, especially the sight.
http://www.oxforddictionaries.com/definition/english/beauty

5. beauty
/ˈ
bjuˈti
/
noun
a combination of qualities, such as
shape, colour, or form, that pleases the
aesthetic senses, especially the sight.
http://www.oxforddictionaries.com/definition/english/beauty

6. beauty
/ˈ
bjuˈti
/
noun
a combination of qualities, such as
shape, colour, or form, that pleases the
aesthetic senses, especially the sight.
http://www.oxforddictionaries.com/definition/english/beauty

7. beauty
/ˈ
bjuˈti
/
noun
a combination of qualities, such as shape,
colour, or form, that pleases the aesthetic
senses, especially the sight.
http://www.oxforddictionaries.com/definition/english/beauty

8. Shape

9. Shape

10. Shape

11. Shape

12. Shape

13. Shape

14. Shape

15. Colour

16. Colour

17. Colour

18. Colour

19. Size of Shape

20. Size of Shape

21. Size of Shape

22. Size of Shape

23. Size of Shape

24. More on Size

25. More on Size

26. Layout and Alignment

27. Layout and Alignment

28. Layout and Alignment

29. Layout and Alignment

30. Layout and Alignment

31. Layout and Alignment

32. More on Alignment

33. More on Alignment

34. More on Alignment

35. More on Alignment

36. More on Alignment

37. More on Alignment

38. More on Alignment

39. More on Alignment

40. Tools

41. Size and alignment guides

42. Suggest next shape

43. Automatic layout

44. Automatic layout

45. Smart selection

46. All examples had been made using yEd
http://www.yworks.com/en/products_yed_about.html

47. Not only the diagrams can be
beautiful…

48. Not only the diagrams can be
beautiful…

49. Not only the diagrams can be
beautiful…

50. Not only the diagrams can be
beautiful…

51. Whatever you are working on
these days,
you can make it beautiful!
miks.rozenbergs@exigenservices.com