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 basic principles seen in Invision's Android application
Search
futabooo
August 07, 2018
Design
2
2.2k
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
520
チームの学びを活かす全社での取り組み / company wide efforts to make use of team's learning
futaboooo
1
620
ペアプロ・モブプロを広めるのに役立ったControl Chartの使い方 / How to use Control Chart which helped spread Pair or Mob Programing
futaboooo
2
250
スクラムチームをやめて、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.4k
Androidでスクレイピングした話 / Talk of scraping with Android
futaboooo
0
5k
新人スクラムマスターが開発者と兼任しながらやってきた事と成果/What the newcomer Scrum Master came while concurrently serving as a developer and the result
futaboooo
1
1.7k
What I did for Google IO since then
futaboooo
1
330
Other Decks in Design
See All in Design
SUKEDACHI DESIGN NIGHT発表スライド
sugiyama_sukedachi
0
340
生成AIのデザイン活用
asakohs
1
200
私たちが取り組んできたアクセシビリティと これから取り組んでいくアクセシビリティについて
securecat
1
250
Tuzukuru解説ブック
atsumaru1377
0
240
プロジェクトを成功に導く、デザイナーの仕事
akaneyoshikawa
1
290
🇫🇷 Design Leadership en eaux troubles
morganepeng
2
340
アクセシビリティって何だろう? -アクセシビリティの概念、そして向き合い方まで-
securecat
5
930
Les petites aventures de CSS, saison 2024
goetter
2
3.7k
共創のための地域基盤としての非公式組織の形成 / Informal community as an infrastructure for co-creation
fumiyaakasaka
2
340
Amebaデザインシステム Spindleの開発 / The Development of Spindle
spindle
5
920
興味関心と組織とリサーチ #ResearchConf / 20240419
minamitary
1
130
インターフェースのユーザビリティ概論および調査手法について
readymadegogo
0
130
Featured
See All Featured
RailsConf 2023
tenderlove
16
720
Intergalactic Javascript Robots from Outer Space
tanoku
266
26k
The Straight Up "How To Draw Better" Workshop
denniskardys
229
130k
The Invisible Side of Design
smashingmag
294
50k
BBQ
matthewcrist
82
9k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
224
21k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
502
140k
How to Think Like a Performance Engineer
csswizardry
4
590
Automating Front-end Workflow
addyosmani
1362
200k
Designing for humans not robots
tammielis
247
25k
The Cult of Friendly URLs
andyhume
75
5.9k
What's in a price? How to price your products and services
michaelherold
239
11k
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 :)