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
530
チームの学びを活かす全社での取り組み / company wide efforts to make use of team's learning
futaboooo
1
630
ペアプロ・モブプロを広めるのに役立ったControl Chartの使い方 / How to use Control Chart which helped spread Pair or Mob Programing
futaboooo
2
260
スクラムチームをやめて、20人でカンバン運用してきた半年間の軌跡 / Stop Scrum Start Kanban
futaboooo
19
18k
Pairsの開発のすべて / all of Pairs development
futaboooo
1
2.4k
モブプログラミングという開発スタイル、あるいは生産性について / On development style called mob programming, or productivity
futaboooo
5
8.5k
Androidでスクレイピングした話 / Talk of scraping with Android
futaboooo
0
5.1k
新人スクラムマスターが開発者と兼任しながらやってきた事と成果/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
340
Other Decks in Design
See All in Design
興味関心と組織とリサーチ #ResearchConf / 20240419
minamitary
1
180
Night Shift concept 9/15/2024
cpineda57
0
140
デザインスプリントを活かすチームの在り方
mixi_design
PRO
1
680
AIイラスト生成・編集テクニック紹介
piyo7
2
210
知を活かせるチームづくりとは?-MIMIGURIで実践している「全員探究」の仕組みと文化づくり-
chiemitaki
1
540
Shinjuku.rb #91 好きなもの紹介LT大会 "便利"や"役に立つ"とは別方面のRubyをつかったプログラミングがたのしい話
bash0c7
0
160
Памятка-раздатка по Карте процесса-опыта, А4
ashapiro
1
120
Cardápio - Caraguá A Gosto 2024 - De 01/08 a 08/09/2024
caraguatatuba
0
5.5k
Ubie Vitalsの取り組み紹介
8845musign
0
650
Bridging the Design Gap: How Collaborative Modelling removes blockers to flow between stakeholders and teams @FastFlow conf
baasie
0
120
accfes2024_torque_yamasaki
yuuyamasakiyuu
2
770
みんなでブラッシュアップするDesign Sprint_BASE BANKチームの場合
base
PRO
3
520
Featured
See All Featured
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
190
16k
How to Ace a Technical Interview
jacobian
274
23k
Web Components: a chance to create the future
zenorocha
309
42k
Reflections from 52 weeks, 52 projects
jeffersonlam
346
20k
Designing Experiences People Love
moore
138
23k
The Invisible Customer
myddelton
119
13k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
227
52k
jQuery: Nuts, Bolts and Bling
dougneiner
61
7.4k
Design by the Numbers
sachag
277
19k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
158
15k
Adopting Sorbet at Scale
ufuk
73
8.9k
Build The Right Thing And Hit Your Dates
maggiecrowley
30
2.3k
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 :)