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

by futabooo

Slide 1

Slide 1 text

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

Slide 2

Slide 2 text

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

Slide 3

Slide 3 text

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

Slide 4

Slide 4 text

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

Slide 5

Slide 5 text

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

Slide 6

Slide 6 text

6 Invision

Slide 7

Slide 7 text

7 Invision

Slide 8

Slide 8 text

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

Slide 9

Slide 9 text

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

Slide 10

Slide 10 text

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

Slide 11

Slide 11 text

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

Slide 12

Slide 12 text

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

Slide 13

Slide 13 text

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

Slide 14

Slide 14 text

ۙ઀ Proximity 14

Slide 15

Slide 15 text

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

Slide 16

Slide 16 text

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

Slide 17

Slide 17 text

੔ྻ Alignment 17

Slide 18

Slide 18 text

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

Slide 19

Slide 19 text

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

Slide 20

Slide 20 text

൓෮ Repetition 20

Slide 21

Slide 21 text

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

Slide 22

Slide 22 text

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

Slide 23

Slide 23 text

23 ίϯτϥετ Contrast

Slide 24

Slide 24 text

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

Slide 25

Slide 25 text

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

Slide 26

Slide 26 text

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

Slide 27

Slide 27 text

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