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

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

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

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

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

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

6 Invision

7 Invision

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

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

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

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

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

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

ۙ઀ Proximity 14

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

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

੔ྻ Alignment 17

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

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

൓෮ Repetition 20

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

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

23 ίϯτϥετ Contrast

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

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

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

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

InvisionのAndroidアプリでみる4つのデザイン基本原則 / Four design...