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

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

futabooo
August 07, 2018
Design
2
2k

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

futabooo

August 07, 2018
Tweet

More Decks by futabooo

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

Other Decks in Design

See All in Design
decksh object reference
ajstarks
2
610
東京女子プロレス「愛される団体」のためのリブランディング
cyberagentdevelopers
PRO
0
360
サツドラ社CDOと語る協業DX ドラッグストアアプリNo1評価を得るまでの取り組み
cyberagentdevelopers
PRO
0
520
Graphic Recording - Andy Budd
uxevents
PRO
0
120
デザイナー向けLoglass会社紹介
loglass2019
2
210
いい感じのアニメーション研究会 / Good Feeling Animation Research Group
akwkm
0
1.2k
Diederick Geers - Story Portfolio 2024 (in progress)
dieckg
0
230
Rettyとオレンジの歩み
y__ri9813
0
420
UXA2023 Eva Plaisted, Klaus Paiva and Maria Christley - oing smaller, to go bigger: A design system evolution
uxevents
PRO
0
120
SHM Illustration
thebloggart
0
260
230726_MIERUNE BBQ #03_kato
hjmkth
1
200
AAA11Yコソコソ話
marset
0
390

Featured

See All Featured
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
10
1.2k
Art Directing for the Web. Five minutes with CSS Template Areas
malarkey
197
11k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
184
15k
Robots, Beer and Maslow
schacon
154
7.6k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
17
1.3k
Three Pipe Problems
jasonvnalue
89
9.2k
How to Ace a Technical Interview
jacobian
272
22k
The Cost Of JavaScript in 2023
addyosmani
9
1.5k
Agile that works and the tools we love
rasmusluckow
323
20k
What’s in a name? Adding method to the madness
productmarketing
PRO
14
2.2k
Building a Scalable Design System with Sketch
lauravandoore
453
31k
Fantastic passwords and where to find them - at NoRuKo
philnash
34
2.2k

Transcript

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

    View Slide

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

    View Slide

  3. 3
    About eureka
    ձࣾ֓ཁ
    ैۀһ਺
    ໊ʢฏۉ೥ྸࡀʣ
    ࣄۀ಺༰
    ࣗࣾαʔϏεاըɾ։ൃɾӡӦ
    1BJST
    $PVQMFT

    View Slide

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

    View Slide

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

    View Slide

  6. 6
    Invision

    View Slide

  7. 7
    Invision

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

  14. ۙ઀
    Proximity
    14

    View Slide

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

    View Slide

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

    View Slide

  17. ੔ྻ
    Alignment
    17

    View Slide

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

    View Slide

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

    View Slide

  20. ൓෮
    Repetition
    20

    View Slide

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

    View Slide

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

    View Slide

  23. 23
    ίϯτϥετ
    Contrast

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide