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

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. ΦʔϓϯύεΛ׆༻ͯ͠λϒ࡞੒ ෳ߹ύεΛ࡞Δ ϖϯπʔϧͰϙΠϯτ ɹͷ݁߹Λ։͘ ΦϒδΣΫτʼύεʼ ɹύεʹม׵ ෆཁͳϙΠϯτΛ࡟আ