Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Sketcnotes: The Art of Visual Notes

Avatar for Yury Nino Yury Nino
July 28, 2021
Design
1
340

Sketcnotes: The Art of Visual Notes

Avatar for Yury Nino

Yury Nino

July 28, 2021
Tweet

More Decks by Yury Nino

See All by Yury Nino
Golden Paths for Chaos Engineering in Platform Engineering
Avatar for Yury Nino yurynino
0
35
Security Chaos Engineering to Avoid Payments Ransom Gangs
Avatar for Yury Nino yurynino
0
28
Security Chaos Engineering to Avoid Payments Ramsomware
Avatar for Yury Nino yurynino
0
33
Proactive Cost Management Detecting Anomalies
Avatar for Yury Nino yurynino
1
23
Provisioning Cell-based Architectures with Terraform
Avatar for Yury Nino yurynino
0
91
Chaos Engineering or DiRT
Avatar for Yury Nino yurynino
0
82
Adding Smiles to the DevEx Equation with SRE
Avatar for Yury Nino yurynino
0
230
#ImpactTheFuture Implementing Planet Friendly Applications
Avatar for Yury Nino yurynino
1
110
Fake Google Ads that pretend to be your brand
Avatar for Yury Nino yurynino
0
5

Other Decks in Design

See All in Design
事例で学ぶ！今日から使えるWebサービスUI改善ポイント
Avatar for NCDC ncdc
0
280
Meet, Learn, Grow × AI ― コミュニティで加速するスキル循環 「コミュニティと関わり方」
Avatar for ため tame
0
260
数理的アプローチで挑むスマホUIのデザイン改善：タップ成功率推定ツール「Tappy」の社内活用事例 / Improving Smartphone UI Design with a Mathematical Approach: In-house Use Case of the Tap Success Rate Estimation Tool "Tappy"
Avatar for LINEヤフーTech (LY Corporation Tech) lycorptech_jp
PRO
0
850
Portfolio 齋藤明敏 Hiroyuki Saito_守秘義務あり
Avatar for HIROYUKI SAITO crearedesign
0
310
佐藤千晶｜ポートフォリオ
Avatar for 佐藤千晶 chimi_chia
0
170
逆向きUIの世界 〜iOSアプリのRTL言語対応〜
Avatar for akatsuki174 akatsuki174
1
240
Bulletproof Design System with TypeScript
Avatar for takanorip takanorip
7
4.2k
1年目デザイナーが実践する、チーム貢献のための2つのアプローチ
Avatar for kinomi kinomidesign
0
110
Hatena Engineer Seminar #33 チームと開発するためのモック
Avatar for takuwolog takuwolog
1
440
Yahoo!フリマ：生成AI利用機能ならではのインターフェース設計について / Yahoo! JAPAN Flea Market: Interface Design Specific to Generative AI Utilization Features
Avatar for LINEヤフーTech (LY Corporation Tech) lycorptech_jp
PRO
0
500
minpaku-community-scrum-patterns
Avatar for Noriaki Kawanishi norinity1103
1
440
Designing User Experience through Interaction Design
Avatar for LINEヤフーTech (LY Corporation Tech) lycorptech_jp
PRO
0
400

Featured

See All Featured
Bash Introduction
Avatar for André Augusto Costa Santos 62gerente
615
210k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
Avatar for Sam Stephenson sstephenson
162
15k
Reflections from 52 weeks, 52 projects
Avatar for Jefferson Lam jeffersonlam
352
21k
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
Avatar for Tammy Everts tammyeverts
9
580
Art, The Web, and Tiny UX
Avatar for Lynn Fisher lynnandtonic
303
21k
Agile that works and the tools we love
Avatar for Rasmus Luckow-Nielsen rasmusluckow
331
21k
Easily Structure & Communicate Ideas using Wireframe
Avatar for Afnizar Nur Ghifari afnizarnur
194
16k
How STYLIGHT went responsive
Avatar for nonsquared nonsquared
100
5.8k
A Tale of Four Properties
Avatar for Chris Coyier chriscoyier
160
23k
Raft: Consensus for Rubyists
Avatar for Patrick Van Stee vanstee
139
7.1k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
Avatar for Stéphanie Walter stephaniewalter
285
14k
Designing for Performance
Avatar for Lara Hogan lara
610
69k

Transcript

  1. None

  2. AGENDA * What are Sketchnotes? * Types of Sketchnotes *

    Process * Skills & Techniques * Materials & Resources

  3. ¿What are Sketch notes?

  4. SKETCHNOTING 75% of our brain is designed to better process

    information through images. Sketchnoting is a technique, framed within Visual Thinking, which consists of taking notes in a more creative way by combining the use of text with graphic elements.

  5. Types of Sketchnotes

  6. None

  7. Skills & Techniques

  8. LINES & ROWS

  9. CONTAINERS

  10. PERSONS

  11. ANIMALS

  12. ICONS

  13. FONTS

  14. FONTS https://za.pinterest.com/cristhianarias/letras-varias/ https://za.pinterest.com/pin/346988346289073758/

  15. COLOR

  16. STEPS

  17. Materials & Resources

  18. https://courses.sketchnoteac ademy.com/courses/beginner -sketchnote-drawing WEB

  19. https://linktr.ee/benjaminfelis https://thesketcheffect.com/ WEB

  20. BOOKS

  21. TOOLS

  22. APPS

  23. Inspiration

  24. Inspiration

  25. Inspiration

  26. HOME WORK