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

Transcript

1. 1.

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

2. 2.

   2 About me  4FOJPS
   &OHJOFFS
   
   4DSVN
   .BTUFS
   BU
   FVSFLB
   *OD
    'BOUBTZ&BSUI
   ;FSP
   T$3:FE
   4QMBUPPO
   

    GVUBCPPP
   ɹɹTakahiro Futagawa 2
3. 3.

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

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

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

5. 5.

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

6. 6.

   6 Invision

7. 7.

   7 Invision

8. 8.

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

9. 9.

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

10. 10.

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

11. 11.

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

12. 12.

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

13. 13.

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

14. 14.

    ۙ઀ Proximity 14

15. 15.

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

16. 16.

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

17. 17.

    ੔ྻ Alignment 17

18. 18.

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

19. 19.

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

20. 20.

    ൓෮ Repetition 20

21. 21.

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

22. 22.

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

23. 23.

    23 ίϯτϥετ Contrast

24. 24.

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

25. 25.

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

26. 26.

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

27. 27.

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