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 :)