Just started on the #sketchnotes for 's upcoming course 'Web Security Essentials'
About to learn how to protect cookies from phishermen, and ward off flying swarms of cursor arrows. π£πͺπͺπͺπ£
Conversation
Also tiny tip for starting a #sketchnote - I like laying down a loose set of layout guides to build the structure inside.
These are fairly abstract but I try to create a balanced set of big and small areas.
Helps align things into distinct sections.
2
36
Working more on the web security sketchnotes.
The blue underlay is my lazy rough version - mostly to plan the composition and make sure itβs all going to fit.
Then I do final lines and neater lettering over the top
These are still in progress - now learning about CSRF and XSS π
2
6
34
Iβm guilty of this method (especially when Iβm taking digital notes). I love that you are taking the comic-book-like βblue lineβ approach... and I love your use of the term #illustratednotes! Very nice work. #sketchnotes
GIF
1
2
Blue lines make it all more satisfying somehow π
Why βguiltyβ though?
Only curious as Iβve never been hesitant to plan first and do more coherent drawings over the top.
Whatβs the argument against sketching down a first pass layer?
1
1
1/ I guess Iβm a purist when it comes to the βsketchβ part of sketchnotes. As eluded to, Iβm in the camp of βone-and-doneβ sketchnoters. I rarely do a second pass at them. Once I go back to back to them, I find myself spending too much time making them look βniceβ...
2
1
Interesting - do you do the same for written work? Eg. For an essay or blog post would you consider the first draft written in a linear flow the best version of your thoughts and ideas?
No. A sketchnote is a sketchnote. An essay is an essay. An article is an article. A painting is a painting. An illustration is an illustration. Each has a process. Some processes are set forth by governing bodies (review boards, institutions, etc). Some are open to interpretation
1
I would take it as the true capture of my exploration,before it gets processed and related to other work. One reason i don't overthink layouts so much because often insights force to reconsider how ideas connect and need proximity?. ...
1
1
my sketches may include things not in the book I read or the webinar I attend & a contrario I may very well ignore whole part of the source if they don't resonate or relate to what I'm working on. It's very utilitarian, not artistic or meant to be shared. Often on draft paper
1


