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

Transcript

1. InvisionͷAndroidΞϓϦͰΈΔ 4ͭͷσβΠϯجຊݪଇ @futabooo AndroidΤϯδχΞ σβΠϯ෦ #2 #android_engineer_design
2. 2 About me  4FOJPS
   &OHJOFFS
   
   4DSVN
   .BTUFS
   BU
   FVSFLB
   *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 :)