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
590
チームの学びを活かす全社での取り組み / company wide efforts to make use of team's learning
futaboooo
1
710
ペアプロ・モブプロを広めるのに役立ったControl Chartの使い方 / How to use Control Chart which helped spread Pair or Mob Programing
futaboooo
2
290
スクラムチームをやめて、20人でカンバン運用してきた半年間の軌跡 / Stop Scrum Start Kanban
futaboooo
19
18k
Pairsの開発のすべて / all of Pairs development
futaboooo
1
2.6k
モブプログラミングという開発スタイル、あるいは生産性について / On development style called mob programming, or productivity
futaboooo
5
8.7k
Androidでスクレイピングした話 / Talk of scraping with Android
futaboooo
0
5.3k
新人スクラムマスターが開発者と兼任しながらやってきた事と成果/What the newcomer Scrum Master came while concurrently serving as a developer and the result
futaboooo
1
1.9k
What I did for Google IO since then
futaboooo
1
380
Other Decks in Design
See All in Design
CIRCULAR ECONOMY + SERVICES
jmanooch
0
110
Fem tips om ux-text • WSA-dagen 29 jan 2025
jonas_blind_hen
PRO
0
180
組織で取り組むアクセシビリティのはじめ方
masakiohsumi
0
110
【Firefly Image 4対応版】上手にFireflyにお願いしてウェブデザイン案を出すぞ!
cremacrema
0
1.3k
サービスデザインにおける、 映像活用の可能性(Spectrum Tokyo Meetup #18)
ka71
0
120
タイミーでフィールドワークしたら、サービスデザインが始まった
kenichiota0711
1
1.6k
freee + Product Design FY25Q4
freee
4
14k
今日からできる実践アクセシビリティSNSというかXでaltをつけよう
securecat
1
230
児童相談所における養育里親委託時の親権者同意に向けたコミュニケーションの実態
trivia
0
450
本当に欲しかったのはモノレポツールではなく、tsconfigの設定だった / monorepo-tsconfig
rdlabo
1
150
Light My Fire/ハートに火をつけるコミュニティ
kgsi
1
120
minpaku-community-scrum-patterns
norinity1103
1
110
Featured
See All Featured
Music & Morning Musume
bryan
46
6.6k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
32
5.9k
Rebuilding a faster, lazier Slack
samanthasiow
81
9k
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
tammyeverts
4
200
Docker and Python
trallard
44
3.4k
BBQ
matthewcrist
89
9.7k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
357
30k
How To Stay Up To Date on Web Technology
chriscoyier
790
250k
Balancing Empowerment & Direction
lara
1
340
The Cost Of JavaScript in 2023
addyosmani
51
8.4k
A Tale of Four Properties
chriscoyier
160
23k
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
29
9.5k
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 :)