About Design guideline - Speaker Deck

About Design guideline

by yuiNamiki

Slide 1

Slide 1 text

σβΠϯΨΠυϥΠϯͷ͸ͳ͠ ฒ໦Ҙ ೥݄೔

Slide 2

Slide 2 text

ࣗݾ঺հ • Keynote • Sketch / illustrator / Photoshop • Invision / Just in mind / Flinto ओͳ࢖༻σβΠϯπʔϧ ฒ໦ҘɹͳΈ͖Ώ͍ 5XJUUFS!ZVJ@OBNJLJ Կͯ͠Δਓʁ w ֆඳ͖ w ݩ)5.-ίʔσΟϯάɿ)5.-ͷલʹ΍Ί·ͨ͠ɻ w άϥϑΟοΫσβΠφʔɿંΓࠐΈ޿ࠂɺνϥγɺϙελʔͳͲ w ݱ৬6*σβΠφʔɿػೳಋઢઃܭʙ࣮૷ϨϏϡʔ·Ͱ΍͍ͬͯ·͢

Slide 3

Slide 3 text

୭ʹฉ͍ͯ΄͍͔͠ʁ ! 6* 8ɺΞϓϦ σβΠφʔΛ࢝Ίͨ͹͔Γͷํ " σβΠϯΨΠυϥΠϯʹԿΛॻ͚͹͍͍ͷ͔Θ͔Βͳ͍ํ ! ଞࣾ͸ͲΜͳσβΠϯΨΠυϥΠϯΛग़͍ͯ͠Δ͔஌Γ͍ͨํ " σβΠφʔͱͷίϛϡχέʔγϣϯ͕গͳ͍ํ

Slide 4

Slide 4 text

͸͡Ίʹ 1 σβΠϯΨΠυϥΠϯͱ͸ʁ 2 σβΠϯΨΠυϥΠϯͰؾΛ෇͚͍ͯΔ͜ͱ 3 ͓ΘΓʹ

Slide 5

Slide 5 text

1σβΠϯΨΠυϥΠϯͱ͸ʁ

Slide 6

Slide 6 text

͸͡Ίʹ 6 1 ͜͜Ͱݴ͏σβΠϯΨΠυϥΠϯͱ͸ʁ ɾσβΠϯΨΠυ ɾ࣮૷ࢦࣔॻ ɾσβΠϯࢦࣔॻ ͳͲݺ͹ΕΔ΋ͷɻ

Slide 7

Slide 7 text

͸͡Ίʹ 7 1 σβΠϯΨΠυϥΠϯͱ͸ʁ ͱ࣮૷ͯͩ͘͠͞Δํʑʹ͓఻͑͢ΔͨΊͷॻྨ ͜͏͍͏σβΠϯʹͨ͠ͷͰɺ ͜ͷ਺஋Ͱ࣮૷͍ͯͩ͘͠͞ʂ

Slide 8

Slide 8 text

σβΠϯΨΠυϥΠϯͱ͸ʁ 8 1 ͍ͭඞཁͳͷʁ ։ൃϑϩʔ اըఏҊ ཁ݅ఆٛ ઃܭ ։ൃ ςετ ೲ඼ αʔϏεઃܭ *"6*ઃܭ 6*σβΠϯ ඞཁੑ ఻͑ํ ࢖ΘΕํ 696* *"ʜ*OGPSNBUJPO"SDIJUFDUVSF ৘ใઃܭͷ͜ͱ

Slide 9

Slide 9 text

σβΠϯΨΠυϥΠϯͱ͸ʁ 9 1 ͍ͭඞཁͳͷʁ ։ൃϑϩʔ اըఏҊ ཁ݅ఆٛ ઃܭ ։ൃ αʔϏεઃܭ *"6*ઃܭ 6*σβΠϯ ඞཁੑ ఻͑ํ ࢖ΘΕํ ςετ ೲ඼ 696* *"ʜ*OGPSNBUJPO"SDIJUFDUVSF ৘ใઃܭͷ͜ͱ ͜͜ͰඞཁʹͳΓ·͢

Slide 10

Slide 10 text

2σβΠϯΨΠυϥΠϯͰ ؾΛ෇͚͍ͯΔ͜ͱ

Slide 11

Slide 11 text

1 શମͷڞ௨ϧʔϧΛ఻͑Δ 2 ΨΠυϥΠϯ͸̍ͭͷυΩϡϝϯτʹ·ͱΊΔ 3 ΠϯλϥΫγϣϯࢦఆ͸ඞͣαϯϓϧΛ͚ͭΔ σβΠϯΨΠυϥΠϯͰؾΛ෇͚͍ͯΔ͜ͱ 11 2 େ͖͘ݴ͏ͱɺ͜ͷ̏ͭ

Slide 12

Slide 12 text

σβΠϯΨΠυϥΠϯͰؾΛ෇͚͍ͯΔ͜ͱ 12 2 ᶃશମͷڞ௨ϧʔϧΛ఻͑Δ w ֤छσόΠεରԠ w εΫϩʔϧ࣌ͷڍಈ w μΠΞϩά w ϚʔδϯϧʔϧɺϑΥϯτϧʔϧ w ৭දݱ w ϗόʔදݱɺΦϯϚ΢εɺλοϓදݱ w Ϙλϯදݱ ͳͲ

Slide 13

Slide 13 text

σβΠϯΨΠυϥΠϯͰؾΛ෇͚͍ͯΔ͜ͱ 13 2 ᶃશମͷڞ௨ϧʔϧΛ఻͑Δ w ֤छσόΠεରԠ w εΫϩʔϧ࣌ͷڍಈ w ϚʔδϯϧʔϧɺϑΥϯτϧʔϧ w ৭දݱ w ϗόʔදݱɺΦϯϚ΢εɺλοϓදݱ w Ϙλϯදݱ ͳͲ w ֤छσόΠεରԠ 1$ εϚϗ λϒϨοτ ॎԣ੾ସ Ϩεϙϯγϒ ϐΫηϧσΟόΠεൺͷఆٛ Ͳ͜Λݻఆʹ͠Ͳ͜ΛՄมʹ͢Δ͔ w εΫϩʔϧ࣌ͷڍಈ ϑολʔϔολʔݻఆ ͳͲ

Slide 14

Slide 14 text

σβΠϯΨΠυϥΠϯͰؾΛ෇͚͍ͯΔ͜ͱ 14 2 ᶃશମͷڞ௨ϧʔϧΛ఻͑Δ w ֤छσόΠεରԠ w εΫϩʔϧ࣌ͷڍಈ w ϚʔδϯϧʔϧɺϑΥϯτϧʔϧ w ৭දݱ w ϗόʔදݱɺΦϯϚ΢εɺλοϓදݱ w Ϙλϯදݱ ͳͲ w ϚʔδϯϧʔϧɺϑΥϯτϧʔϧ ୅දతͳ༨ന λΠτϧ ) ʜ ɺຊจ ɾϗόʔදݱɺΦϯϚ΢εɺλοϓදݱ w ׆ੑɺඇ׆ੑ w Ϙλϯදݱ ৭΍ڍಈͷࢦఆ αϯϓϧ͋Γ

Slide 15

Slide 15 text

σβΠϯΨΠυϥΠϯͰؾΛ෇͚͍ͯΔ͜ͱ 15 2 ᶃશମͷڞ௨ϧʔϧΛ఻͑Δ

Slide 16

Slide 16 text

σβΠϯΨΠυϥΠϯͰؾΛ෇͚͍ͯΔ͜ͱ 16 2 ᶃશମͷڞ௨ϧʔϧΛ఻͑Δ ඇ׆ੑ ԡͨ͠ͱ͖

Slide 17

Slide 17 text

σβΠϯΨΠυϥΠϯͰؾΛ෇͚͍ͯΔ͜ͱ 17 2 ᶃશମͷڞ௨ϧʔϧΛ఻͑Δ Χϥʔϧʔϧ ࢖͍ॴ Χϥʔίʔυ എܠ৭ 999999 จࣈ৭ 999999 ϝΠϯΞΫςΟϒ৭ 999999 બ୒தɺܯࠂɺ஫ҙשى 999999

Slide 18

Slide 18 text

σβΠϯΨΠυϥΠϯͰؾΛ෇͚͍ͯΔ͜ͱ 18 2 ᶃશମͷڞ௨ϧʔϧΛ఻͑Δ σβΠφʔࣗ਎͕ɺσβΠϯͷϧʔϧΛ੔ཧͰ͖Δ ʮશը໘ͷσβΠϯΛࡉ͔֬͘ೝ͠ͳͯ͘΋ྑ͍ͷͰ ։ൃ͠΍͍͢ɻ࣮૷ͷલ͔Βઃܭ΋͠΍͍͢ɻʯ ͜ΜͳϝϦοτ͕͋Γ·͢ɻ

Slide 19

Slide 19 text

σβΠϯΨΠυϥΠϯͰؾΛ෇͚͍ͯΔ͜ͱ 19 2 Ͳ͜ʹԿ͕ ॻ͍ͯ͋ͬͨΜ͚ͩͬ ᶄΨΠυϥΠϯ͸̍ͭͷυΩϡϝϯτʹ·ͱΊΔ

Slide 20

Slide 20 text

σβΠϯΨΠυϥΠϯͰؾΛ෇͚͍ͯΔ͜ͱ 20 2 ;FQMJO 4LFUDI.BSLFUDI 4LFUDI.FBTVSF ΢ΣϒαʔϏεɺΞϓϦ͋Γ 4LFUDIϓϥάΠϯ 4LFUDIϓϥάΠϯ ᶄΨΠυϥΠϯ͸̍ͭͷυΩϡϝϯτʹ·ͱΊΔ 4LFUDIͷ৔߹͜ΜͳαʔϏεɺϓϥάΠϯ͕ศརͰ͢ɻ

Slide 21

Slide 21 text

;FQMJO 4LFUDI.BSLFUDI 4LFUDI.FBTVSF ϝϦοτ w Ӿཡ͸ϒϥ΢βͰӾཡͰ͖Δ w ίϝϯτͷ΍ΓऔΓ͕Ͱ͖Δ w ͍ͭͰ΋ߋ৽Ͱ͖Δ σϝϦοτ w BQQΛ%-͠ͳ͍ͱϓϩδΣΫτΛ࡞Εͳ͍ w Φʔφʔ͡Όͳ͍ͱΞοϓϩʔυͰ͖ͳ͍ w ΦϯϥΠϯͷͨΊडୗͰ͸ཁ֬ೝ ϝϦοτ w ΦϑϥΠϯ׬݁ w ΤϯδχΞଆͰࣗ༝ʹը૾ͷॻ͖ग़͕͠Ͱ͖Δ w [JQు͖ग़͠ͳͷͰड͚౉ָ͕͠ σϝϦοτ w 4LFUDIߋ৽ରԠ͓ͦΊ w ҙਤ͠ͳ͍ը૾ॻ͖ग़͠ʹͳΔͱ͖΋ ϝϦοτ w ΦϑϥΠϯ׬݁ w σβΠφʔ͕ࢦఆͨ͠ը૾ͷΈॻ͖ग़͠ ɾ4LFUDIߋ৽ରԠ͸΍Ί σϝϦοτ w [JQԽ͠ͳ͍ͱ͍͚ͳ͍ σβΠϯΨΠυϥΠϯͰؾΛ෇͚͍ͯΔ͜ͱ 21 2 ᶄΨΠυϥΠϯ͸̍ͭͷυΩϡϝϯτʹ·ͱΊΔ 4LFUDIͷ৔߹͜ΜͳαʔϏεɺϓϥάΠϯ͕ศརͰ͢ɻ

Slide 22

Slide 22 text

σβΠϯΨΠυϥΠϯͰؾΛ෇͚͍ͯΔ͜ͱ 22 2 4LFUDI.FBTVSF ᶄΨΠυϥΠϯ͸̍ͭͷυΩϡϝϯτʹ·ͱΊΔ 4LFUDIʹΨΠυϥΠϯ༻ͷQBHFΛ̍ͭ࡞Γɺ·ͱΊͯॻ͖ग़͢

Slide 23

Slide 23 text

ᶄΨΠυϥΠϯ͸̍ͭͷυΩϡϝϯτʹ·ͱΊΔ σβΠϯΨΠυϥΠϯͰؾΛ෇͚͍ͯΔ͜ͱ 23 2 σβΠφʔ΋ߋ৽͕ૣ͍ ͜ͷυΩϡϝϯτ͚ͩΛݟΕ͹͍͍ΜͩʂͱΘ͔Δ ͜ΜͳϝϦοτ͕͋Γ·͢ɻ

Slide 24

Slide 24 text

σβΠϯΨΠυϥΠϯͰؾΛ෇͚͍ͯΔ͜ͱ 24 2 ྫ͑͹αΠτΛ࢖ͬͯɺಈ͖Λࢦఆ αϯϓϧಈըΛషΔ IUUQJBOMVOOHJUIVCJP)PWFS ᶄΠϯλϥΫγϣϯࢦఆ͸ඞͣαϯϓϧΛ͚ͭΔ

Slide 25

Slide 25 text

σβΠϯΨΠυϥΠϯͰؾΛ෇͚͍ͯΔ͜ͱ 25 2 ࢥͬͨͱ͓Γͷಈ͖ʹͳΔ ͜ΕΛ࠶ݱͯ͠΄͍͠ʂͱίʔυ෇͖Ͱ఻͑ΒΕΔ ᶄΠϯλϥΫγϣϯࢦఆ͸ඞͣαϯϓϧΛ͚ͭΔ ͜ΜͳϝϦοτ͕͋Γ·͢ɻ

Slide 26

Slide 26 text

3͓ΘΓʹ

Slide 27

Slide 27 text

͓ΘΓʹ 27 3 σβΠφʔʹͳΔલͷ σβΠφʔͷΠϝʔδ

Slide 28

Slide 28 text

͓ΘΓʹ 28 3 ( σβΠϯɿײ֮తͳ΋ͷɻηϯεͱ͔͕ඞཁɻ σβΠφʔɿද໘Λ៉ྷʹ͢Δਓ ϐΫηϧ୯ҐͰίμϫϦ͕ڧ͘ɺগ͠Ͱ΋ζϨͯΔͱࢦఠ͞ΕΔ

Slide 29

Slide 29 text

͓ΘΓʹ 29 3 Ͱ΋΍ͬͯΈͨΒશવҧ͏

Slide 30

Slide 30 text

͓ΘΓʹ 30 3 ूதྗ͕ཚΕɺ཭୤ͯ͠͠·͏ʂ ͕໰୊ͳΜͰ͢ɻ ूதͮ͠Β͍ ूத͠΍͍͢ ूதͮ͠Β͍ ूதͮ͠Β͍ ूத͠΍͍͢ ूத͠΍͍͢

Slide 31

Slide 31 text

͓ΘΓʹ 31 3 ͔֬ʹɺը໘Λ៉ྷʹͯ͠Δ͚Ͳ ԿͷͨΊʹͯ͠Δ͔ͱݴ͏ͱɺ ίμϫο͍ͯͨࣄʹؾ͖ͮ·ͨ͠ɻ ʮαʔϏεͷՁ஋Λਖ਼͘͠ಧ͚ΔͨΊʯʹ

Slide 32

Slide 32 text

͓ΘΓʹ 32 3 Ұॹʹྑ͍΋ͷΛ ಧ͚͍͖ͯ·͠ΐ͏ʙʙʙʂʂʂ