ワイヤーフレームから フィニッシュワークまで Adobe XDの使い所

Adobe XD Meeting #02 の発表資料です

Transcript

1. 
   "EPCF
   9%
   .FFUJOH
    ωο τύΠϩςΟϯάגࣜձࣾ 6*σβΠφʔ ౬ޱΓ͞ ϫΠϠʔϑϨʔϜ͔Β ϑ Οχογϡ ϫʔΫ·Ͱ "EPCF
   9%ͷ࢖͍ॴ
2. ϑϩϯτΤϯυΤϯδχΞ +4"4 ˠ6*σβΠφʔ 8IP ݱࡏͷϓϩδΣΫτ ɿ খചۀ޲͚ͷάϧʔϓ΢ΤΞ
   6*σβΠϯ ΄΅ຖ݄"EPCF9%ษڧձ Ծ
   ͷਓ 5XJUUFS ɿ
   !SJTBZ ͍͍ͩͨ"EPCF
   9%ͷ࿩
3. 9%ΛීஈͲ͏࢖ͬ ͯΔ ʁ ##޲͚ͷ6*σβΠϯ εϥΠυ࡞੒ ϋοΧιϯͰϓϩτλΠϓ
4. ຊ೔ͷ͓୊ ࠷ۙͷ9%ͷදݱྗ Ͱ͖Δ͜ͱͰ͖ͳ͍͜ͱ σϞ
5. ࠷ۙͷ9%ͰͰ͖Δ͜ͱ Cake Catalogue
6. Ͱ͖ͳ͍͜ͱ͸छྨ 6*͕ଘࡏ͠ͳ͍͔Β9%͚ͩͰ͸Ͱ͖ͳ͍ ػೳΛඋ͑ͯͳ͍͔ΒͰ͖ͳ͍ ɾ ഁઢ ɾ ԁܗάϥσʔγϣϯͳͲ ɾ CSSͷॻ͖ग़͠ͳͲ ɾ ॎॻ͖ςΩετ ɾ ݻఆϔομʔʗϑολʔʗϙο ϓΞο ϓʗ ϚΠ ΫϩΠϯλϥΫγϣϯͳͲ
7. ϝϯόʔ͕8JOEPXTͷΈˠϓϩτλΠϓͰ΍ΊΔ ڞಉ࡞ۀͷ9% ҰਓͰ࡞ۀͰ͖ΔˠϑΟχογϡϫʔΫ·Ͱ खͰ)5.-$44Λ૊ΊΔϝϯόʔ͕ډͳ͍ ˠϓϩτλΠϓͰ΍ΊΔ
8. ͦͷલʹ ʂ 6*ΩοτΛ࢖͏ͳΒϑΥϯτΛ४උ
   ˞ೖͬͯͳ͚Ε͹ ɾ San Francisco (SF UI Display / SF UI Text) https://developer.apple.com/fonts/ ɾ Roboto Typekit or https://github.com/google/roboto ɾ Noto Typekit or https://www.google.com/get/noto/ ɾ Segoe UI 8JOEPXT൛͔ΒͰ͍͍͔΋
9. ϑΥ ϯτ͸ͳͥඞཁʁ ϞόΠϧΞϓϦϓϨϏϡʔͰ͸ɺ σβΠϯͰ࢖ΘΕ͍ͯΔ ϑΥϯτΛ୺຤ʹμ΢ϯϩʔυͯ͘͠ΕΔ  Android iOS F F a
10. ΞΠσΞεέονΛ9%Ͱ ϑΥϯτ͸มߋ͠ͳ͍ γΣΠϓͷ৭΋ม͑ͳ͍ ΞΠίϯͷԾ౰ͯ͸ΞΠίϯϑΥϯτ΋࢖͑Δ
11. ϫΠϠʔϑϨʔϜΛ9%Ͱ Ϙλϯ ɾ ΞΠίϯϘλϯ͸άϧʔϓԽ͢Δ ελΠϧઐ༻ͷΞʔτϘʔυʹඞͣϑΥϯτ໊Λ ʂ άϧʔϓʹը໘ભҠઃఆ͢Ε͹ɺ ϘλϯͷσβΠϯมߋ͕͋ͬͯ΋࠶ઃఆෆཁ
12. ΞΠίϯϑΥ ϯτ 'POUBXFTPNF (JUIVC͔Β05'·ͨ͸55'ܗࣜͷϑΥϯτ ϑΝΠϧΛ μ΢ϯϩʔυ͢Δ ϦϐʔτάϦουͱςΩετ ϑΝΠϧͱ'POUBXFTPNF
13. ΞΠίϯϑΥ ϯτ 'POUBXFTPNF ȍ +FU#SBJOTܥͷ*%&͸ࣗಈͰ 'POUBXFTPNFͷදࣔΛߦ͏ ςΩετ ϑΝΠϧ͔Β ϦϐʔτάϦου΁
14. ΞΠίϯϑΥ ϯτΛ࢖͑͹ ȍ ȍ ϦϐʔτάϦουͰ ৭ସ͑ࣗࡏ ϦϐʔτάϦουͰ ԣˠॎ΋มߋͰ͖Δ ϑΥϯτʹ͓͚ͯ͠͹ ৭ସ͑ࣗࡏ
15. ελΠϧͷෳ੡ ϑΥ ϯτ ɿ ϓϧμ΢ϯ͸ఘΊͯίϐϖ ϑΥϯτҎ֎ͷελΠϧ ɿ ෳ߹γΣΠϓΛ࡞Γղআ͢Δ
16. ϑΥ ϯτ ɿ 5ZQFLJUͰબͿͱ͖ ϑΥϯτͷݸผը໘ʹӳޠͷϑΥϯτ໊͕ॻ͍ͯ͋Δ ࠷ޙͷ ϒϩοΫҎ֎͕ ϑΥϯτ໊
17. ελΠϧΛ೚ҙͷγΣΠϓʹෳ੡ ෳ੡͍ͨ͠ελΠϧͷγΣΠϓ͸ ඞͣର৅γΣΠϓΑΓԼʹ ʂ άϥσʔγϣϯ΋ ઢͷελΠϧ΋
18. ελΠϧઐ༻ͷΞʔτϘʔυΛ࡞Δ Ұ൪࠷ॳʹ࡞ΔΞʔτϘʔυ͸શͯͷ֊૚ͰҰ൪Լ ѻ͍ʹͳΔ ϑΥϯτҎ֎ͷελΠϧΛूΊ͓͚ͯ͹޾ͤʹ ʂ
19. ؾΛ͚ͭΔ͜ͱ ଠࣈʹରԠ͢Δ΢ΣΠτ͕Πϯετʔϧ͞Ε͍ͯΔ ʁ ࣼମʹରԠ͢Δ΢ΣΠτ͕Πϯετʔϧ͞Ε͍ͯΔ ʁ
20. ࠓճೖΒͳ͔ͬͨ࿩
21. ϦϐʔτάϦ ο υ͋Ε͜Ε OK Ωϟϯηϧ ϝοηʔδૹ৴ NO γΣΞ OK Ωϟϯηϧ ϝοηʔδૹ৴ NO γΣΞ OK Ωϟϯηϧ ϝοηʔδૹ৴ NO γΣΞ OK Ωϟϯηϧ ϝοηʔδૹ৴ ϦϐʔτάϦουͰϘλϯσβΠϯΛ·ͱΊͯνΣοΫ ౓ճసͯ͠ύϯͣ͘Ϧετ
22. ϦϐʔτάϦ ο υ͋Ε͜Ε ϦϐʔτάϦουʴϚεΫ ϦϐʔτάϦου ʴ։࢝ҐஔͣΒ͠ ͋͋͋͋͋͋͋͋͋ ͋͋͋͋͋͋͋͋͋
23. ΦʔϓϯύεΛ׆༻ͯ͠λϒ࡞੒ ෳ߹ύεΛ࡞Δ ϖϯπʔϧͰϙΠϯτ ɹͷ݁߹Λ։͘ ΦϒδΣΫτʼύεʼ ɹύεʹม׵ ෆཁͳϙΠϯτΛ࡟আ