Upgrade to Pro — share decks privately, control downloads, hide ads and more …

InvisionのAndroidアプリでみる4つのデザイン基本原則 / Four design...

Sponsored · Your Podcast. Everywhere. Effortlessly. Share. Educate. Inspire. Entertain. You do you. We'll handle the rest. →
Avatar for futabooo futabooo
August 07, 2018
Design
2.5k
2

InvisionのAndroidアプリでみる4つのデザイン基本原則 / Four design basic principles seen in Invision's Android application

Avatar for futabooo

futabooo

August 07, 2018

More Decks by futabooo

See All by futabooo
Android Jetpack Navigation Deep Links Tips
Avatar for futabooo futaboooo
0
630
チームの学びを活かす全社での取り組み / company wide efforts to make use of team's learning
Avatar for futabooo futaboooo
1
750
ペアプロ・モブプロを広めるのに役立ったControl Chartの使い方 / How to use Control Chart which helped spread Pair or Mob Programing
Avatar for futabooo futaboooo
2
330
スクラムチームをやめて、20人でカンバン運用してきた半年間の軌跡 / Stop Scrum Start Kanban
Avatar for futabooo futaboooo
19
19k
Pairsの開発のすべて / all of Pairs development
Avatar for futabooo futaboooo
1
2.7k
モブプログラミングという開発スタイル、あるいは生産性について / On development style called mob programming, or productivity
Avatar for futabooo futaboooo
5
8.9k
Androidでスクレイピングした話 / Talk of scraping with Android
Avatar for futabooo futaboooo
0
5.4k
新人スクラムマスターが開発者と兼任しながらやってきた事と成果/What the newcomer Scrum Master came while concurrently serving as a developer and the result
Avatar for futabooo futaboooo
1
2k
What I did for Google IO since then
Avatar for futabooo futaboooo
1
470

Other Decks in Design

See All in Design
大企業インハウスデザイン組織における DesignOps改革の現在地 / DesignOps at Scale: Navigating Transformation in Large Enterprises
Avatar for NTT docomo Business nttcom
0
720
CULTURE DECK／Frontend Engineer
Avatar for M-HAND,Inc. mhand01
0
1.3k
絵や写真から学ぶ、要素がもたらす副作用
Avatar for keigo kspace
0
380
CULTURE DECK／Marketing Director
Avatar for M-HAND,Inc. mhand01
0
1.3k
生成AIの不確実性を価値に変える、「ビズリーチ」の体験設計 / KNOTS2026
Avatar for Visional Engineering ＆ Design visional_engineering_and_design
6
1.3k
20260309_3月ICTデザイン勉強会_地域創生2.0
Avatar for Kimura Atsunobu a2k
0
130
空間アプリ開発のフィードバックをCodexにするための抽象的なデザインツールの模索
Avatar for kazuhiro hara karad
0
150
「ツール」から「パートナー」へ。AI伴走時代のUXデザインとは？～操作を減らし、成果を最大にするための設計～
Avatar for NCDC ncdc
1
670
ISO 9241-171:2025っていうのがあってな
Avatar for Shoji Ohashi shosira
1
190
20251217リビングラボ・トークin尼崎（尼崎おせっかい会議＆オトナテラコヤ）
Avatar for Kimura Atsunobu a2k
0
140
From the Visible Crossroads: Turning Outputs into Outcomes
Avatar for takai_kanako takaikanako
2
1.4k
はじめての演奏会フライヤーデザイン
Avatar for Kaito Kikuchi chorkaichan
1
310

Featured

See All Featured
How People are Using Generative and Agentic AI to Supercharge Their Products, Projects, Services and Value Streams Today
Avatar for Helen Beal helenjbeal
1
220
世界の人気アプリ100個を分析して見えたペイウォール設計の心得
Avatar for Akihiro Kokubo akihiro_kokubo
PRO
71
40k
Side Projects
Avatar for Sacha Greif sachag
455
43k
AI in Enterprises - Java and Open Source to the Rescue
Avatar for ivargrimstad ivargrimstad
0
1.3k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
Avatar for Irina Nazarova irinanazarova
9
1.4k
Test your architecture with Archunit
Avatar for Yoan thirion
1
2.3k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
Avatar for Rebecca Miller-Webster rmw
35
3.5k
Learning to Love Humans: Emotional Interface Design
Avatar for Aarron Walter aarron
275
41k
Applied NLP in the Age of Generative AI
Avatar for Ines Montani inesmontani
PRO
4
2.3k
Reflections from 52 weeks, 52 projects
Avatar for Jefferson Lam jeffersonlam
356
21k
DBのスキルで生き残る技術 - AI時代におけるテーブル設計の勘所
Avatar for soudai sone soudai
PRO
66
55k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
Avatar for Joe Casabona jcasabona
34
2.8k

Transcript

  1. InvisionͷAndroidΞϓϦͰΈΔ 4ͭͷσβΠϯجຊݪଇ @futabooo AndroidΤϯδχΞ σβΠϯ෦ #2 #android_engineer_design

  2. 2 About me  4FOJPS&OHJOFFS4DSVN.BTUFSBUFVSFLB *OD  'BOUBTZ&BSUI;FSP T$3:FE 4QMBUPPO

     GVUBCPPP ɹɹTakahiro Futagawa 2

  3. 3 About eureka ձࣾ֓ཁ  ैۀһ਺  ໊ʢฏۉ೥ྸࡀʣ  ࣄۀ಺༰

     ࣗࣾαʔϏεاըɾ։ൃɾӡӦ  1BJST  $PVQMFT

  4. 4 Agenda  *OWJTJPOͱ͸  ͭͷσβΠϯجຊݪଇͱ͸  σβΠϯجຊݪଇΛ࣮૷ʹམͱ͢ํ๏

  5. 5 Agenda  *OWJTJPOͱ͸  ͭͷσβΠϯجຊݪଇͱ͸  σβΠϯجຊݪଇΛ࣮૷ʹམͱ͢ํ๏

  6. 6 Invision

  7. 7 Invision

  8. 4ͭͷσβΠϯجຊݪଇͱ͸

  9. 9 4ͭͷσβΠϯجຊݪଇ Proximity ۙ઀

  10. 10 4ͭͷσβΠϯجຊݪଇ Proximity ۙ઀ Repetition ൓෮

  11. 11 4ͭͷσβΠϯجຊݪଇ Proximity ۙ઀ Alignment ੔ྻ Repetition ൓෮

  12. 12 4ͭͷσβΠϯجຊݪଇ Proximity ۙ઀ Alignment ੔ྻ Repetition ൓෮ Contrast ίϯτϥετ

  13. 13 4ͭͷσβΠϯجຊݪଇ Proximity ۙ઀ Alignment ੔ྻ Repetition ൓෮ Contrast ίϯτϥετ

  14. ۙ઀ Proximity 14

  15. ۙ઀ Proximity  άϧʔϓԽ͍ͨ͠ཁૉ͸ۙ͘ʹ  ͦ͏͡Όͳ͍ཁૉ͸ΑΓԕ͘ʹ 15

  16. ۙ઀ Proximity  άϧʔϓԽ͍ͨ͠ཁૉ͸ۙ ͘ʹ  ͦ͏͡Όͳ͍ཁૉ͸ΑΓ ԕ͘ʹ 16

  17. ੔ྻ Alignment 17

  18. ੔ྻ Alignment  ը໘಺ͷ͢΂ͯͷཁૉ͕ଞͷཁૉͱࢹ֮తͳͭͳ͕ΓΛ΋ͭΑ͏ʹ͢Δ 18

  19. ੔ྻ Alignment  ը໘಺ͷ͢΂ͯͷཁૉ͕ଞ ͷཁૉͱࢹ֮తͳͭͳ͕Γ Λ΋ͭΑ͏ʹ͢Δ 19

  20. ൓෮ Repetition 20

  21. ൓෮ Repetition  ΞϓϦͷશମΛ௨ͯ͠ͳʹ͔ͷಛ௃Λ܁Γฦ͢ 21

  22. ൓෮ Repetition  ΞϓϦͷશମΛ௨ͯ͠ͳʹ ͔ͷಛ௃Λ܁Γฦ͢ 22

  23. 23 ίϯτϥετ Contrast

  24. ίϯτϥετ Contrast 24  ಉ͡ཁૉͰͳ͍΋ͷ͸͸͖ͬΓͱҟͳΒͤΔ

  25. ίϯτϥετ Contrast 25  ಉ͡ཁૉͰͳ͍΋ͷ͸͸ͬ ͖ΓͱҟͳΒͤΔ

  26. 26 Reference ϊϯσβΠφʔζɾσβΠϯϒοΫ[ϑϧΧϥʔ৽૷૿ิ൛]

  27. Credit: NASA Earth Observatory/NOAA NGDC Thank you :)