Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Speaker Deck
PRO
Sign in
Sign up for free
InvisionのAndroidアプリでみる4つのデザイン基本原則 / Four design basic principles seen in Invision's Android application
futabooo
August 07, 2018
Design
2
1.9k
InvisionのAndroidアプリでみる4つのデザイン基本原則 / Four design basic principles seen in Invision's Android application
futabooo
August 07, 2018
Tweet
Share
More Decks by futabooo
See All by futabooo
Android Jetpack Navigation Deep Links Tips
futaboooo
0
420
チームの学びを活かす全社での取り組み / company wide efforts to make use of team's learning
futaboooo
1
480
ペアプロ・モブプロを広めるのに役立ったControl Chartの使い方 / How to use Control Chart which helped spread Pair or Mob Programing
futaboooo
2
210
スクラムチームをやめて、20人でカンバン運用してきた半年間の軌跡 / Stop Scrum Start Kanban
futaboooo
19
17k
Pairsの開発のすべて / all of Pairs development
futaboooo
1
2.1k
モブプログラミングという開発スタイル、あるいは生産性について / On development style called mob programming, or productivity
futaboooo
5
7.8k
Androidでスクレイピングした話 / Talk of scraping with Android
futaboooo
0
4.6k
新人スクラムマスターが開発者と兼任しながらやってきた事と成果/What the newcomer Scrum Master came while concurrently serving as a developer and the result
futaboooo
1
1.6k
What I did for Google IO since then
futaboooo
1
250
Other Decks in Design
See All in Design
Vivliostyle.jsの先行実装から考えるCSS text-spacingプロパティ
terkel
0
640
i3DESIGN_Culture_Book / for Designer
i3design
0
7.7k
Tyler and Tanner
jjps
1
150
Améliorez l'expérience utilisateur de vos formulaires web
geoffreycrofte
1
470
DL2022 Zoe Rose - ‘Scientific design methods’ and ‘applied creativity’: a lost history
uxaustralia
PRO
0
150
メタバース プレゼン講座1. マインドセット編
yusuke_akita
0
140
デザインシステムを使ってプロダクトのデザイン負債を解消する / TechConf2022
kchil
0
3.2k
家族アルバム みてねの企画からリリースまでとデザインの意図
naoyawatanabe
2
21k
保育中心設計でつくる保育ICTの裏側
hiro93n
0
210
noteが目指す創作をつづけるためのエモーショナルデザイン
yumatsushita
0
3.7k
UX ROCKET#4サイボウズ企業説明会資料 / UXRocket4_2022
kamimu
0
200
サービスピボット時におけるデザイナーの役割
vivion
0
900
Featured
See All Featured
What's in a price? How to price your products and services
michaelherold
233
9.7k
How GitHub Uses GitHub to Build GitHub
holman
465
280k
Rails Girls Zürich Keynote
gr2m
87
12k
Docker and Python
trallard
30
1.9k
Navigating Team Friction
lara
177
12k
The Illustrated Children's Guide to Kubernetes
chrisshort
22
42k
Web Components: a chance to create the future
zenorocha
304
40k
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
24
4.5k
ParisWeb 2013: Learning to Love: Crash Course in Emotional UX Design
dotmariusz
101
6.2k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
15
1.2k
Principles of Awesome APIs and How to Build Them.
keavy
117
15k
Learning to Love Humans: Emotional Interface Design
aarron
263
38k
Transcript
InvisionͷAndroidΞϓϦͰΈΔ 4ͭͷσβΠϯجຊݪଇ @futabooo AndroidΤϯδχΞ σβΠϯ෦ #2 #android_engineer_design
2 About me 4FOJPS&OHJOFFS4DSVN.BTUFSBUFVSFLB *OD 'BOUBTZ&BSUI;FSP T$3:FE 4QMBUPPO
GVUBCPPP ɹɹTakahiro Futagawa 2
3 About eureka ձࣾ֓ཁ ैۀһ ໊ʢฏۉྸࡀʣ ࣄۀ༰
ࣗࣾαʔϏεاըɾ։ൃɾӡӦ 1BJST $PVQMFT
4 Agenda *OWJTJPOͱ ͭͷσβΠϯجຊݪଇͱ σβΠϯجຊݪଇΛ࣮ʹམͱ͢ํ๏
5 Agenda *OWJTJPOͱ ͭͷσβΠϯجຊݪଇͱ σβΠϯجຊݪଇΛ࣮ʹམͱ͢ํ๏
6 Invision
7 Invision
4ͭͷσβΠϯجຊݪଇͱ
9 4ͭͷσβΠϯجຊݪଇ Proximity ۙ
10 4ͭͷσβΠϯجຊݪଇ Proximity ۙ Repetition ෮
11 4ͭͷσβΠϯجຊݪଇ Proximity ۙ Alignment ྻ Repetition ෮
12 4ͭͷσβΠϯجຊݪଇ Proximity ۙ Alignment ྻ Repetition ෮ Contrast ίϯτϥετ
13 4ͭͷσβΠϯجຊݪଇ Proximity ۙ Alignment ྻ Repetition ෮ Contrast ίϯτϥετ
ۙ Proximity 14
ۙ Proximity άϧʔϓԽ͍ͨ͠ཁૉۙ͘ʹ ͦ͏͡Όͳ͍ཁૉΑΓԕ͘ʹ 15
ۙ Proximity άϧʔϓԽ͍ͨ͠ཁૉۙ ͘ʹ ͦ͏͡Όͳ͍ཁૉΑΓ ԕ͘ʹ 16
ྻ Alignment 17
ྻ Alignment ը໘ͷͯ͢ͷཁૉ͕ଞͷཁૉͱࢹ֮తͳͭͳ͕ΓΛͭΑ͏ʹ͢Δ 18
ྻ Alignment ը໘ͷͯ͢ͷཁૉ͕ଞ ͷཁૉͱࢹ֮తͳͭͳ͕Γ ΛͭΑ͏ʹ͢Δ 19
෮ Repetition 20
෮ Repetition ΞϓϦͷશମΛ௨ͯ͠ͳʹ͔ͷಛΛ܁Γฦ͢ 21
෮ Repetition ΞϓϦͷશମΛ௨ͯ͠ͳʹ ͔ͷಛΛ܁Γฦ͢ 22
23 ίϯτϥετ Contrast
ίϯτϥετ Contrast 24 ಉ͡ཁૉͰͳ͍ͷ͖ͬΓͱҟͳΒͤΔ
ίϯτϥετ Contrast 25 ಉ͡ཁૉͰͳ͍ͷͬ ͖ΓͱҟͳΒͤΔ
26 Reference ϊϯσβΠφʔζɾσβΠϯϒοΫ[ϑϧΧϥʔ৽૿ิ൛]
Credit: NASA Earth Observatory/NOAA NGDC Thank you :)