Upload
phamnguyet
View
255
Download
7
Embed Size (px)
Citation preview
Technical Drawingwith Inkscape
Ted Gould@tedjgouldJuly 8th, 2016Texas Linux Fest
ISBN-13: 978-1593271817 http://tavmjong.free.fr/INKSCAPE/MANUAL/html/index.php
https://inkscape.org/en/learn/
Engineering
http://calick.deviantart.com/art/TF2-Headshots-Engineer-204356964
Engineering Management
Idea
http://de.matrix.wikia.com/wiki/Datei:Agentsmith_mr.jpg
Engineering Management
Idea
Protip:Focus
https://raw.githubusercontent.com/for-GET/http-decision-diagram/master/httpdd.png
Simplify the Slide
● One slide, one piece of information
● What is that piece of information?
● Am I showing anything else?
● Is that other stuff avoidable?
Protip:Show Movement
https://raw.githubusercontent.com/snapcore/snapcraft/master/docs/images/snapcraft_overview.svg
Source Code
snapcraft yaml
Binaries
package metadata
Snappy Store
Snapcraft
Binaries
package metadata
digital signature
Snapcraft Cloud Parts
Common Repositories
……
https://raw.githubusercontent.com/snapcore/snapcraft/master/docs/images/snapcraft_overview.svg
Source Code
snapcraft yaml
Binaries
package metadata
Snappy Store
Snapcraft
Binaries
package metadata
digital signature
Snapcraft Cloud Parts
Common Repositories
……STARTHERE!!!
https://raw.githubusercontent.com/snapcore/snapcraft/master/docs/images/snapcraft_overview.svg
Source Code
snapcraft yaml
Binaries
package metadata
Snappy Store
Snapcraft
Binaries
package metadata
digital signature
Snapcraft Cloud Parts
Common Repositories
……
A B C
D
A B C
D
● Arrow head on ONE line● Duplicate curves and Object Flip Horizontal→● Move end points in
https://www.flickr.com/photos/126288307@N05/26334944553/
Protip: Alignment
A B C
D
A B C
D
What is wrong with the diagram on the left?
https://www.flickr.com/photos/16210667@N02/16607544549/
Protip: Grow & Iterate
A
D
B Cdigraph {A -> D;B -> D;C -> D;
}
Graphvizhttp://graphviz.org/
$ dot -Tsvg abcd.dot > abcd.svg
A
D
B Cdigraph {
a [shape=box, label=A];b [shape=box, label=B];c [shape=box, label=C];d [shape=box, label=D];a -> d;b -> d;c -> d;
}
digraph {node [shape=box];
{ node [shape=plaintext]; edge [style=invis]; lev1 -> lev2 -> lev3; lev1 [label="Level 1"]; lev2 [label="Level 2"]; lev3 [label="Level 3"];}
{ rank=source; lev1; a; b; c; }{ rank=same; lev2; d; }{ rank=sink; lev3; x; y; z; }
{ a b c } -> d;d -> { x y z };
}
Level 1
Level 2
Level 3
a
d
b c
x y z
Protip:ReduceColor
https://www.flickr.com/photos/20255774@N05/3295178379
Color Tips
● Avoid using color
● Okay, you can’t avoid it, only use a few
● Make color mean something
● Choose a palette
http://www.colourlovers.com/palettes
●Focus●Show Movement●Alignment●Grow & Iterate●Reduce Color
Recap
© Stéfan — CC-BY-SA — https://www.flickr.com/photos/st3f4n/143623934