Pro Yearly is on sale from $80 to $50! »

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

97370d6641bedd9849c3974c65935c0d?s=47 futabooo
August 07, 2018

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

97370d6641bedd9849c3974c65935c0d?s=128

futabooo

August 07, 2018
Tweet

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