'Let's make diagrams beautiful! By Miks Rozenbergs, LV

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

description

 

Transcript of 'Let's make diagrams beautiful! By Miks Rozenbergs, LV

Page 1: 'Let's make diagrams beautiful! By Miks Rozenbergs, LV

Let's make diagrams beautiful

Miks Rozenbergs Exigen Services Latvia

BSC2013

Page 2: 'Let's make diagrams beautiful! By Miks Rozenbergs, LV

“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

Page 3: 'Let's make diagrams beautiful! By Miks Rozenbergs, LV

“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

Page 4: 'Let's make diagrams beautiful! By Miks Rozenbergs, LV

beauty/ˈbjuːti/nouna combination of qualities, such as shape, colour, or form, that pleases the aesthetic senses, especially the sight.

http://www.oxforddictionaries.com/definition/english/beauty

Page 5: 'Let's make diagrams beautiful! By Miks Rozenbergs, LV

beauty/ˈbjuːti/nouna combination of qualities, such as shape, colour, or form, that pleases the aesthetic senses, especially the sight.

http://www.oxforddictionaries.com/definition/english/beauty

Page 6: 'Let's make diagrams beautiful! By Miks Rozenbergs, LV

beauty/ˈbjuːti/nouna combination of qualities, such as shape, colour, or form, that pleases the aesthetic senses, especially the sight.

http://www.oxforddictionaries.com/definition/english/beauty

Page 7: 'Let's make diagrams beautiful! By Miks Rozenbergs, LV

beauty/ˈbjuːti/nouna combination of qualities, such as shape, colour, or form, that pleases the aesthetic senses, especially the sight.

http://www.oxforddictionaries.com/definition/english/beauty

Page 8: 'Let's make diagrams beautiful! By Miks Rozenbergs, LV

Shape

Page 9: 'Let's make diagrams beautiful! By Miks Rozenbergs, LV

Shape

Page 10: 'Let's make diagrams beautiful! By Miks Rozenbergs, LV

Shape

Page 11: 'Let's make diagrams beautiful! By Miks Rozenbergs, LV

Shape

Page 12: 'Let's make diagrams beautiful! By Miks Rozenbergs, LV

Shape

Page 13: 'Let's make diagrams beautiful! By Miks Rozenbergs, LV

Shape

Page 14: 'Let's make diagrams beautiful! By Miks Rozenbergs, LV

Shape

Page 15: 'Let's make diagrams beautiful! By Miks Rozenbergs, LV

Colour

Page 16: 'Let's make diagrams beautiful! By Miks Rozenbergs, LV

Colour

Page 17: 'Let's make diagrams beautiful! By Miks Rozenbergs, LV

Colour

Page 18: 'Let's make diagrams beautiful! By Miks Rozenbergs, LV

Colour

Page 19: 'Let's make diagrams beautiful! By Miks Rozenbergs, LV

Size of Shape

Page 20: 'Let's make diagrams beautiful! By Miks Rozenbergs, LV

Size of Shape

Page 21: 'Let's make diagrams beautiful! By Miks Rozenbergs, LV

Size of Shape

Page 22: 'Let's make diagrams beautiful! By Miks Rozenbergs, LV

Size of Shape

Page 23: 'Let's make diagrams beautiful! By Miks Rozenbergs, LV

Size of Shape

Page 24: 'Let's make diagrams beautiful! By Miks Rozenbergs, LV

More on Size

Page 25: 'Let's make diagrams beautiful! By Miks Rozenbergs, LV

More on Size

Page 26: 'Let's make diagrams beautiful! By Miks Rozenbergs, LV

Layout and Alignment

Page 27: 'Let's make diagrams beautiful! By Miks Rozenbergs, LV

Layout and Alignment

Page 28: 'Let's make diagrams beautiful! By Miks Rozenbergs, LV

Layout and Alignment

Page 29: 'Let's make diagrams beautiful! By Miks Rozenbergs, LV

Layout and Alignment

Page 30: 'Let's make diagrams beautiful! By Miks Rozenbergs, LV

Layout and Alignment

Page 31: 'Let's make diagrams beautiful! By Miks Rozenbergs, LV

Layout and Alignment

Page 32: 'Let's make diagrams beautiful! By Miks Rozenbergs, LV

More on Alignment

Page 33: 'Let's make diagrams beautiful! By Miks Rozenbergs, LV

More on Alignment

Page 34: 'Let's make diagrams beautiful! By Miks Rozenbergs, LV

More on Alignment

Page 35: 'Let's make diagrams beautiful! By Miks Rozenbergs, LV

More on Alignment

Page 36: 'Let's make diagrams beautiful! By Miks Rozenbergs, LV

More on Alignment

Page 37: 'Let's make diagrams beautiful! By Miks Rozenbergs, LV

More on Alignment

Page 38: 'Let's make diagrams beautiful! By Miks Rozenbergs, LV

More on Alignment

Page 39: 'Let's make diagrams beautiful! By Miks Rozenbergs, LV

More on Alignment

Page 40: 'Let's make diagrams beautiful! By Miks Rozenbergs, LV

Tools

Page 41: 'Let's make diagrams beautiful! By Miks Rozenbergs, LV

Size and alignment guides

Page 42: 'Let's make diagrams beautiful! By Miks Rozenbergs, LV

Suggest next shape

Page 43: 'Let's make diagrams beautiful! By Miks Rozenbergs, LV

Automatic layout

Page 44: 'Let's make diagrams beautiful! By Miks Rozenbergs, LV

Automatic layout

Page 45: 'Let's make diagrams beautiful! By Miks Rozenbergs, LV

Smart selection

Page 46: 'Let's make diagrams beautiful! By Miks Rozenbergs, LV

All examples had been made using yEdhttp://www.yworks.com/en/products_yed_about.html

Page 47: 'Let's make diagrams beautiful! By Miks Rozenbergs, LV

Not only the diagrams can be beautiful…

Page 48: 'Let's make diagrams beautiful! By Miks Rozenbergs, LV

Not only the diagrams can be beautiful…

Page 49: 'Let's make diagrams beautiful! By Miks Rozenbergs, LV

Not only the diagrams can be beautiful…

Page 50: 'Let's make diagrams beautiful! By Miks Rozenbergs, LV

Not only the diagrams can be beautiful…

Page 51: 'Let's make diagrams beautiful! By Miks Rozenbergs, LV

Whatever you are working on these days,

you can make it beautiful!

[email protected]