Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
InvisionのAndroidアプリでみる4つのデザイン基本原則 / Four design...
Search
futabooo
August 07, 2018
Design
2
2.3k
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
560
チームの学びを活かす全社での取り組み / company wide efforts to make use of team's learning
futaboooo
1
670
ペアプロ・モブプロを広めるのに役立ったControl Chartの使い方 / How to use Control Chart which helped spread Pair or Mob Programing
futaboooo
2
280
スクラムチームをやめて、20人でカンバン運用してきた半年間の軌跡 / Stop Scrum Start Kanban
futaboooo
19
18k
Pairsの開発のすべて / all of Pairs development
futaboooo
1
2.5k
モブプログラミングという開発スタイル、あるいは生産性について / On development style called mob programming, or productivity
futaboooo
5
8.6k
Androidでスクレイピングした話 / Talk of scraping with Android
futaboooo
0
5.2k
新人スクラムマスターが開発者と兼任しながらやってきた事と成果/What the newcomer Scrum Master came while concurrently serving as a developer and the result
futaboooo
1
1.8k
What I did for Google IO since then
futaboooo
1
370
Other Decks in Design
See All in Design
発表資料テンプレート / My slide template
thatblue
0
200
ゲーム開発における、Figma活用事例の紹介 / applibot-figma
cyberagentdevelopers
PRO
2
620
Findy - デザイナー向け会社紹介 / Hiring Findy's Designers
findyinc
6
66k
12年続くB2DサービスとUXデザイン / UX Design keeps B2D service alive over 12 years
tnj
0
280
藤本佳子・ポートフォリオ・2025/01
yoshi_designer
0
3.3k
[Designship2024] デザインの力でサービスの価値を追求していたら、組織全体をデザインしていた話
okakasoysauce
2
1.1k
デザインシステム×プロトタイピングで挑む社会的価値の共創 / Designship2024
visional_engineering_and_design
1
330
20250129_DAST28_実空間にデジタル資源の接点をデザインする
majimasachi
0
210
Дизайн современной услуги с Картой процесса-опыта
ashapiro
0
110
portfolio2025_kanakoohata
kanako106
0
660
富山デザイン勉強会_デザイントレンド2025.pdf
keita_yoshikawa
0
150
エンタメ業界からDX領域に飛び込んだデザイナーが今立ち向かっている壁とは / applibot-dx-designer
cyberagentdevelopers
PRO
1
190
Featured
See All Featured
We Have a Design System, Now What?
morganepeng
51
7.4k
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
8
270
Scaling GitHub
holman
459
140k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
366
25k
Fantastic passwords and where to find them - at NoRuKo
philnash
51
3k
Principles of Awesome APIs and How to Build Them.
keavy
126
17k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
29
2.4k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
114
50k
Building Better People: How to give real-time feedback that sticks.
wjessup
366
19k
Performance Is Good for Brains [We Love Speed 2024]
tammyeverts
7
630
Writing Fast Ruby
sferik
628
61k
Adopting Sorbet at Scale
ufuk
74
9.2k
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 :)