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
Design
2
1.6k

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

97370d6641bedd9849c3974c65935c0d?s=128

futabooo

August 07, 2018
Tweet

More Decks by futabooo

See All by futabooo
97370d6641bedd9849c3974c65935c0d?s=48 futaboooo
0
300
97370d6641bedd9849c3974c65935c0d?s=48 futaboooo
1
330
97370d6641bedd9849c3974c65935c0d?s=48 futaboooo
2
170
97370d6641bedd9849c3974c65935c0d?s=48 futaboooo
18
16k
97370d6641bedd9849c3974c65935c0d?s=48 futaboooo
1
1.7k
97370d6641bedd9849c3974c65935c0d?s=48 futaboooo
5
6.3k
97370d6641bedd9849c3974c65935c0d?s=48 futaboooo
0
4.1k
97370d6641bedd9849c3974c65935c0d?s=48 futaboooo
1
1.3k
97370d6641bedd9849c3974c65935c0d?s=48 futaboooo
1
140

Other Decks in Design

See All in Design
2bd8a98ec6d131cc4b1a9a7b6ad6cfc7?s=48 kino
1
170
362300e15ba385af5ad8275335120362?s=48 meecho
0
1.2k
5c1aa8f171374b061b1a811f62568dc9?s=48 angelofalls
0
140
C6860c38adec703e995505b9afa12c83?s=48 yumemi
0
450
07d788425ce835a38da4ab23a537b407?s=48 gavaru
0
190
128d92bf74fbf395ac55960f19f92176?s=48 anamisanga
0
110
7c38faccc2ffcb1f5d2a4344a09d69da?s=48 clow211
0
120
6dc9d93f9686439079e45277848c1d67?s=48 chadwickw
0
150
E75506cfbe3108e09d15acc7eaa7e3a2?s=48 reeyama
0
230
9a68eab73b8a6f3a0939355a3fb7ee34?s=48 choponsan
0
1.1k
20803dc53663fbffd3b21ca22b541ce3?s=48 niachan12
0
260
381ea09c5a26fb7d63ddfc3ccb1d746b?s=48 kgsi
1
390

Featured

See All Featured
E14f55d3f939977cecbf51b64ff6f861?s=48 keithpitt
401
20k
761be20b5ebd271008bcee1244fc5b52?s=48 matthewcrist
72
7.4k
282d599b414022eba5096510f675b6e2?s=48 chrislema
231
16k
170b760e0147792d0140e59ec78e9893?s=48 eitanlees
109
9.7k
5b6a2bd86ef643786a381a212e0ef2f1?s=48 geoffreycrofte
12
630
79acae287842acf29084005533a7fb3b?s=48 hursman
105
9.2k
E837d2996f52008ace055a08fbfff992?s=48 frogandcode
125
20k
812e1705ff0f8bc1bcf18587bde687d5?s=48 62gerente
585
200k
C157b16234f1e75e8eac3698c1d4414a?s=48 ddemaree
274
31k
E195ae45320d9202eaa01c9f1d31a416?s=48 marktimemedia
5
260
96270e4c3e5e9806cf7245475c00b275?s=48 addyosmani
310
21k
Dad095ea7038f89f760419ce475d5d14?s=48 michaelherold
225
8.4k

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