事例に学ぶAdobe XDフル活用の極意。 Photoshop / Illustratorとの 連携から仕様書作成まで

Adobe MAX Japan 2 017 S ES S I O N [ux4 ] ࣄྫʹֶͿ"EPCF
9%ϑϧ‫༻׆‬ͷ‫ۃ‬ҙɻ
1IPUPTIPQ

*MMVTUSBUPSͱͷ
࿈‫͔ܞ‬Β࢓༷ॻ࡞੒·Ͱ σβΠφʔɹాத
೜

‫ࣜג‬ձࣾ
-*'6-ΫϦΤΠςΟϒ෦ΫϦΤΠςΟϒ( σβΠφʔ ాத
೜ ˞σΟϨΫλʔɺϑϩϯτΤϯυ࣮૷ʹ
ɹճΔ͜ͱ΋͋Γ·͢ɻ

ෆಈ࢈ɺΠϯςϦΞɺհ‫ޢ‬ɺۚ༥ɺɺɺ
฻Β͠ͷαʔϏεΛத৺ʹɺ
༷ʑͳྖҬͰࣄ‫ۀ‬ల։͍ͯ͠·͢ɻ

ຊ೔͓࿩͢͠Δ͜ͱ σΟϨΫλʔɺσβΠφʔͷํ޲͚ʹ
9%ͷັྗΛ
ࣄྫΛަ͓͑ͯ࿩͠·͢ɻ ͜ͷηογϣϯΛ௨ͯ͠
ʮ9%ɺ࢖ͬͯΈ͍ͨʂʯͱࢥͬͯ΋Β͑ͨΒ޾͍Ͱ͢ɻ

"EPCF
9%
ͭͷັྗ

ϑϧ‫ͨ͑ݟͰ༻׆‬ "EPCF
9%
ͭͷັྗ 1 2 3 ϫʔΫϑϩʔͷ
த৺ʹͳΔʂ ίϛϡχέʔγϣϯ͕
ָʹͳΔʂ ੺ೖΕπʔϧͷ
৽ఆ൪ʂ

ϑϧ‫ͨ͑ݟͰ༻׆‬ "EPCF
9%
ͭͷັྗ 1 2 3 ϫʔΫϑϩʔͷ
த৺ʹͳΔʂ ίϛϡχέʔγϣϯ͕
ָʹͳΔʂ ੺ೖΕπʔϧͷ
৽ఆ൪ʂ

1 ϫʔΫϑϩʔͷ
த৺ʹͳΔʂ

1 ϫʔΫϑϩʔͷத৺ʹͳΔʂ ͭ·ΓɺͲ͏͍͏͜ͱʁ

1 ϫʔΫϑϩʔͷத৺ʹͳΔʂ ϓϩδΣΫτਐߦʹ͓͚Δར༻πʔϧ͕ɺ
΄΅9%Ͱ‫݁͢׬‬ΔΑ͏ʹͳΓ·͢ɻ

ࣄྫ঺հ ίʔϙϨʔταΠτϦχϡʔΞϧ ‫ࣜג‬ձࣾ-*'6--

ίʔϙϨʔταΠτϦχϡʔΞϧ
ࣄྫͷഎ‫ܠ‬ ϒϥϯυҠߦϓϩδΣΫτ ೥݄
d
೥݄

ϒϥϯυҠߦϓϩδΣΫτͱ͸

໊ࣾɾ$*มߋ αʔϏε໊শมߋ ৽ࣾ԰ϦϊϕʔγϣϯɾҠస શͯΛ̍೥ؒͰ‫ྃ͢׬‬Δ ೥݄
d
೥݄

໊ࣾมߋʹ൐͏ɺίʔϙϨʔταΠτ։ൃΛ୲౰͢Δ͜ͱʹɻ σΟϨΫλʔ݉
σβΠφʔ

ίʔϙϨʔταΠτ։ൃͷϓϩδΣΫτମ੍ ։ൃձࣾ" w 8PSE1SFTT࣮૷ ։ൃձࣾ# w ‫ا‬ը
w ίϯςϯπ
w σβΠϯ w αʔόʔ؅ཧɾอक ϥΠλʔ w ίϯςϯπ

ίʔϙϨʔταΠτ։ൃͷεέδϡʔϧ 2016 2 0 17 12 1 ϦϦʔε 2 ‫ا‬ըίϯςϯπ ࢓༷ σβΠϯ ࣮૷ɾςετ 3 3/28

1 ϫʔΫϑϩʔͷத৺ʹͳΔʂ 9%Λಋೖͯ͠Ͳ͏มΘ͔ͬͨʁ ಋೖࣄྫɿίʔϙϨʔταΠτϦχϡʔΞϧ

ϫʔΫϑϩʔʛ9%ಋೖલ ‫ا‬ը ࢓༷ σβΠϯ ࣮૷ɾςετɾϦϦʔε

ϫʔΫϑϩʔʛ9%ಋೖ‫ޙ‬ ʴ ϓϩτλΠϓɾ࢓༷ɾσβΠϯ ࣮૷ɾςετɾϦϦʔε ಋೖࣄྫɿίʔϙϨʔταΠτϦχϡʔΞϧ

ಋೖࣄྫɿίʔϙϨʔταΠτϦχϡʔΞϧ ϫʔΫϑϩʔΛͬ͘͟Γ࠶‫ݱ‬ʂ


࢓༷Λ֬ఆɾσβΠϯ ঝೝ


ίϯςϯπͷड౉͠ ϥΠςΟϯά ঝೝ UYUϑΝΠϧ


σΟςΟʔϧ੍࡞ ϥΠςΟϯά UYUϑΝΠϧ ඍௐ੔ɾॻग़͠ ঝೝ


࣮૷΁ड౉͠ ϥΠςΟϯά UYUϑΝΠϧ ϑϩϯτ࣮૷΁
ड͚౉͠ ඍௐ੔ɾॻग़͠ ঝೝ

‫ا‬ը ࢓༷ σβΠϯ ࣮૷ɾςετɾϦϦʔε ϓϩτλΠϓɾ࢓༷ɾσβΠϯ ࣮૷ɾςετɾϦϦʔε ʴ

‫ا‬ը ࢓༷ σβΠϯ ࣮૷ɾςετɾϦϦʔε ར༻πʔϧ͕9%ʹू໿͞Εɺ
ϓϩδΣΫτͷத৺ʹ࠲Δ͜ͱʹɻ ʴ ϞοΫɾ࢓༷ɾσβΠϯ ࣮૷ɾςετɾϦϦʔε

΋͠ɺར༻πʔϧ͕όϥόϥͩͱʜ ‫ͳٸ‬मਖ਼ɺσβΠϯʹ͸൓ө͚ͨ͠Ͳɺ
࢓༷ॻ͕Ξοϓσʔτ͞Εͯͳ͍ʂ ‫͔ͨͬͩٸ‬Β
ͬͪ͜Ͱमਖ਼ͪ͠Όͬͨʂ ͋Εʁ࢓༷มΘͬͨΑͶʁ
࢓༷ॻ͚ͩҎલͷ··ʜ

9%͕ϓϩδΣΫτͷத৺ʹͳΕ͹ʜ ͱΓ͋͑ͣ9%‫ݟ‬Ε͹0, ࡉ͔͍࡞‫ۀ‬͸೚ͤͯʂ

͞Βʹ ֶशίετ΋௒௿͍ʂ σΟϨΫλʔ ✕ σβΠφʔ ΤϯδχΞ ͔ͩΒɺ৬छΛ໰Θͣ୭ʹͰ΋࢖͍΍͍͢ɻ

1 ϫʔΫϑϩʔͷத৺ʹͳΔʂ ·ͱΊ ࢓༷ॻ࡞੒ɺσβΠϯɺ
Ξηοτड౉͠·Ͱ‫ؙ‬ʑରԠɻ
9%த৺ͷϫʔΫϑϩʔʹɻ ύϫϙˠΤΫηϧˠϑΥτγϣͱ͍ͬͨ੾Ε໨͕ͳ͍ɻ
εςʔλε؅ཧɺϑΝΠϧ؅ཧ΋γϯϓϧʹɻ

ϑϧ‫ͨ͑ݟͰ༻׆‬ "EPCF
9%
ͭͷັྗ 1 2 3 ϫʔΫϑϩʔͷ
த৺ʹͳΔʂ ίϛϡχέʔγϣϯ͕
ָʹͳΔʂ ੺ೖΕπʔϧͷ
৽ఆ൪ʂ

ϑϧ‫ͨ͑ݟͰ༻׆‬ "EPCF
9%
ͭͷັྗ 1 2 3 ϫʔΫϑϩʔͷ
த৺ʹͳΔʂ ίϛϡχέʔγϣϯ͕
ָʹͳΔʂ ੺ೖΕπʔϧͷ
৽ఆ൪ʂ

2 ίϛϡχέʔγϣϯ
ָ͕ʹͳΔʂ

2 ίϛϡχέʔγϣϯָ͕ʹͳΔʂ ɹ͋Δʮಛ௃ʯͷԸ‫
ܙ‬ ɹ͋Δʮ‫ػ‬ೳʯͷԸ‫ܙ‬

2 ίϛϡχέʔγϣϯָ͕ʹͳΔʂ ɹ͋Δʮಛ௃ʯͷԸ‫
ܙ‬ ɹ͋Δʮ‫ػ‬ೳʯͷԸ‫ܙ‬

2 ίϛϡχέʔγϣϯָ͕ʹͳΔʂ νʔϜʹ͓͚Δίϛϡχέʔγϣϯʹɺ
9%ͷʮ͋Δಛ௃ʯ͕େ͍ʹߩ‫ͨ͠·͠ݙ‬ɻ

ʮ଎͞ʯ

2 ίϛϡχέʔγϣϯָ͕ʹͳΔʂ 9%ͷಛ௃ ͱʹ͔͍ܰ͘ʂ଎͍ʂ ‫ى‬ಈɺ‫ڍ‬ಈɺશ͕ͯ଎͍ɻ
େྔʹΞʔτϘʔυ࡞ͬͯ΋଎͍ɻ
࢖ͬͯҰ൪࠷ॳʹ‫͘ڻ‬ϙΠϯτ͔΋ɻ

2 ίϛϡχέʔγϣϯָ͕ʹͳΔʂ Ͱ͸ɺಈ࡞ͷ଎͕͞
Ͳ͏ίϛϡχέʔγϣϯͷվળʹͭͳ͕Δͷ͔ʁ

ίʔϙϨʔταΠτ։ൃʹ͓͚Δ
9%ಋೖͷ‫ܦ‬Ң

ͦ΋ͦ΋ɺίʔϙϨʔταΠτͷϦχϡʔΞϧ࣌ɺ
9%Λಋೖͨ͠࠷ॳͷཧ༝͸ʮ͔ܰͬͨʯ͔Βɻ

໊ࣾɾ$*มߋ αʔϏε໊শมߋ ৽ࣾ԰ϦϊϕʔγϣϯɾҠస શͯΛ̍೥ؒͰ‫ྃ͢׬‬Δ ˠຫੑతͳϦιʔεෆ଍ɻ

͞Βʹʜ ࢲ͸࠷ॳɺσΟϨΫλʔͱͯ͠ࢀՃɻ
͚ͩͲσβΠφʔ͕ผ1+ṧഭͷͨΊ཭୤ɻ
σβΠφʔ΋݉຿͢Δ͜ͱʹɻ

͞Βʹʜ ࢲ͸࠷ॳɺσΟϨΫλʔͱͯ͠ࢀՃɻ
͚ͩͲσβΠφʔ͕ผ1+ṧഭͷͨΊ཭୤ɻ
σβΠφʔ΋݉຿͢Δ͜ͱʹɻ ΍͹͍

Ͳ͏͠Α͏ʜ

͋ɺ ࢖ͬͯΈΑ͏ɻ

ίʔϙϨʔταΠτ΁ͷಋೖ‫ܦ‬Ң ಈ࡞͕ܰ͘ɺ
ෳ਺ϖʔδΛ୹࣌ؒͰ੍࡞͢Δࣄʹ
޲͍͍ͯΔͱ൑அɻ
͜Ε͕ɺಋೖͷ͖͔͚ͬɻ

ίʔϙϨʔταΠτ΁ͷಋೖ‫ܦ‬Ң ͔͠͠ʮ଎͞ʯͷԸ‫ܙ‬͸
࡞‫ۀ‬εϐʔυ͚ͩͰ͸ͳ͘ɺ
ίϛϡχέʔγϣϯʹ΋‫ݱ‬Εͨɻ

Ωʔϫʔυ lҪ‫୺ށ‬ձٞz

ίʔϙϨʔταΠτ։ൃͰ͸ʜ lҪ‫୺ށ‬ձٞz͕ଟ͔ͬͨ ঝೝΛऔΓͨͯ͘΋ɺ
ͦ΋ͦ΋.UH༧ఆ͕߹Θͳ͍ঢ়‫گ‬ɻ

ίʔϙϨʔταΠτ։ൃͰ͸ʜ lҪ‫୺ށ‬ձٞz͕ଟ͔ͬͨ ͳͷͰɺ
ͦͷ৔ͦͷ৔ͰϝϯόʔΛั·͑ͯ͸
9%ͷը໘Λ‫͍ͨͯͤݟ‬

ίʔϙϨʔταΠτ։ൃͰ͸ʜ lҪ‫୺ށ‬ձٞz͕ଟ͔ͬͨ ͳͷͰɺ
ͦͷ৔ͦͷ৔ͰϝϯόʔΛั·͑ͯ͸
9%ͷը໘Λ‫͍ͨͯͤݟ‬ ͭͬͯ͘‫ͯͤݟ‬ɺͦͷ৔Ͱ௚͢ɻ
9%ͷ਎ܰ͞ͷԸ‫ܙ‬ɻ

2 ίϛϡχέʔγϣϯָ͕ʹͳΔʂ 
·ͱΊ ಈ࡞ͷ଎͕͞
ίϛϡχέʔγϣϯͷ
଎͞ʹ௚݁ɻ ͭͬͯ͘ɺΈͤͯΛ̍ͭͷπʔϧͰɻ
Ҫ‫୺ށ‬ձٞ΋େ‫׆‬༂ɻ

2 ίϛϡχέʔγϣϯָ͕ʹͳΔʂ ɹ͋Δʮಛ௃ ଎͞ ʯͷԸ‫
ܙ‬ ɹ͋Δʮ‫ػ‬ೳʯͷԸ‫ܙ‬

2 ίϛϡχέʔγϣϯָ͕ʹͳΔʂ ɹ͋Δʮಛ௃ ଎͞ ʯͷԸ‫
ܙ‬ ɹ͋Δʮ‫ػ‬ೳʯͷԸ‫ܙ‬

2 ίϛϡχέʔγϣϯָ͕ʹͳΔʂ ͋Δʮ‫ػ‬ೳʯͱ͸ʜ ʮ‫ڞ‬༗ʯ‫ػ‬ೳ ΋͸΍
આ໌ෆཁ

9%ͷ໨‫ػۄ‬ೳ ʮ‫ڞ‬༗ʯ ϦϯΫҰຊͰ
ϓϩτλΠϓͷ


‫ڞ‬༗͕Մೳɻ

ࣄྫ঺հ Մಈ࢈ʮ.PWBCMF
4IFMM
)PVTFʯ ‫ࣜג‬ձࣾ-*'6--

ʮՄಈ࢈ʯͱ͸ ଄‫ޠ‬ɻlࣾձΠϯϑϥʹ੍‫͞ݶ‬Εͳ͍z͋Δ͍͸
lఆॅ͠ͳ͍z฻Β͠Λ࣮‫͢ݱ‬Δॅ୐ࢿ࢈ɻ

Մಈ࢈ʮ.PWBCMF
4IFMM
)PVTFʯ ʮ࣋ͪӡͼՄೳͳlՈzͰʯ
ʮఆॅ͠ͳ͍ʯͱ͍͏ɺ
฻Β͠ํͷఏҊɻ

Մಈ࢈ʮ.PWBCMF
4IFMM
)PVTFʯͷϓϩδΣΫτମ੍ ө૾੍࡞ձࣾ w ‫ا‬ը
w XFC։ൃ
w ө૾‫؂‬म ઃ‫ܭ‬ʗ੡଄ձࣾ ւͷՈ

Մಈ࢈ʮ.PWBCMF
4IFMM
)PVTFʯͷϓϩδΣΫτମ੍ ө૾੍࡞ձࣾ w ‫ا‬ը
w XFC։ൃ
w ө૾‫؂‬म ઃ‫ܭ‬ʗ੡଄ձࣾ ւͷՈ

ಋೖࣄྫɿՄಈ࢈ʮ.PWBCMF
4IFMM
)PVTFʯ ੍࡞෺ XFCϖʔδ ө૾ ྆ํͰ9%Λ࢖͍·ͨ͠ɻ

ө૾੍࡞ͷϓϩηε ࡱӨ४උ ฤू Ͱ9%Λར༻ ཁ݅ఆٛ
ˣ
ίϯς
ˣ
ࡱӨ४උ
ˣ
ࡱӨ
ˣ
ฤू
ˣ
'*9

ө૾ΤϦΞ -1ΤϦΞ

2 ίϛϡχέʔγϣϯָ͕ʹͳΔʂ ‫ڞ‬༗‫ػ‬ೳͰԿ͕վળ͞Εͨʁ ಋೖࣄྫɿՄಈ࢈ʮ.PWBCMF
4IFMM
)PVTFʯ

ө૾੍࡞ͷߦఔͰ
ࡉ͔͍΍ΓऔΓ͕ੜ·ΕΔ ˠͦͷ౓ϑΝΠϧतड΋ൃੜ

ී௨͸ʜ ຖճɺผϑΝΠϧΛ࡞ͬͨΓɺ
ඞཁʹԠͯ͡ύϒϦογϡͨ͠Γɺ
ϝʔϧ΍νϟοτʹఴ෇ͨ͠Γʜ

ී௨͸ʜ ͦͯ͠࢒Δ
ຖճɺผϑΝΠϧΛ࡞ͬͯɺ
ຖճɺඞཁʹԠͯ͡ύϒϦογϡͯ͠ɺ
େྔͷϑΝΠϧ ຖճɺϝʔϧ΍νϟοτʹఴ෇ͯ͠ʜ

͜ΕΛ9%Ͱ΍ͬͨΒʁ XFC ө૾

͜ΕΛ9%Ͱ΍ͬͨΒʁ XFC 9%ͳΒɺϑΝΠϧͰ‫݁׬‬Մೳɻ
‫ڞ‬༗‫ػ‬ೳͰɺॻ͖ग़͠͸ϦϯΫ̍ຊ͚ͩɻ ө૾

2 ίϛϡχέʔγϣϯָ͕ʹͳΔʂ 
·ͱΊ ‫ڞ‬༗͸ৗʹϦϯΫຊɻ
ྖҬ໰Θͣɺ༷ʑͳࢿྉ͕
9%ϑΝΠϧͭͰ؅ཧՄೳɻ ࢿྉ΍ࢦࣔॻͷ‫ڞ‬༗͕ɺ
νϟοτʗϝʔϧʹҰߦషΔ͚ͩͰࡁΉΑ͏ʹɻ

2 ίϛϡχέʔγϣϯָ͕ʹͳΔʂ ɹ଎͞ɺܰ͞ͷԸ‫
ܙ‬ ˠಈ࡞ͷ଎͕͞ίϛϡχέʔγϣϯʹ௚݁
ɹ‫ڞ‬༗‫ػ‬ೳͷԸ‫
ܙ‬ ˠ༷ʑͳࢿྉΛू໿ͭͭ͠ϦϯΫҰຊͰ‫ڞ‬༗Մೳ

ϑϧ‫ͨ͑ݟͰ༻׆‬ "EPCF
9%
ͭͷັྗ 1 2 3 ϫʔΫϑϩʔͷ
த৺ʹͳΔʂ ίϛϡχέʔγϣϯ͕
ָʹͳΔʂ ੺ೖΕπʔϧͷ
৽ఆ൪ʂ

ϑϧ‫ͨ͑ݟͰ༻׆‬ "EPCF
9%
ͭͷັྗ 1 2 3 ϫʔΫϑϩʔͷ
த৺ʹͳΔʂ ίϛϡχέʔγϣϯ͕
ָʹͳΔʂ ੺ೖΕπʔϧͷ
৽ఆ൪ʂ

3 ੺ೖΕπʔϧͷ
৽ఆ൪ʂ

3 ੺ೖΕπʔϧͷ৽ఆ൪ʂ ଞͷπʔϧͰ͸΍Γʹ͍͘ɺ
9%ͳΒͰ͸ͷཤྺ؅ཧ͕Մೳɻ

ࣄྫ঺հ ϦΫϧʔταΠτ‫؂‬म ‫ࣜג‬ձࣾ-*'6--

ϦΫϧʔταΠτ1+ͷ֓ཁ ‫ط‬ϦϦʔεͷϦΫϧʔταΠτʹ͍ͭͯɺ  σβΠϯΛमਖ਼
 ίϯςϯπϖʔδΛ֦ॆ ͯ͠ɺ࣍ϦϦʔε͢Δɻ

ϦΫϧʔταΠτ1+ͷମ੍ σβΠϯձࣾ w ґཔʗ‫؂‬म w ‫ا‬ը
w σβΠϯ
w ։ൃ࣮૷

ԿΛ୲౰͔ͨ͠ʁ ͣ͹Γʮ੺ೖΕʯɻ ͜ͷ੺ೖΕΛɺ9%ͰରԠͯ͠Έͨɻ

3 ੺ೖΕπʔϧͷ৽ఆ൪ʂ 9%Λ੺ೖΕʹಋೖ͢ΔϝϦοτͱ͸ʁ ಋೖࣄྫɿϦΫϧʔταΠτ‫؂‬म

ࠓ·Ͱ͸ঢ়‫߹ʹگ‬Θͤͯ
खॻ͖ɺ"DSPCBUɺ1IPUPTIPQ౳Λར༻ɻ

ࠓ·Ͱ͸ঢ়‫߹ʹگ‬Θͤͯ
9%ͳΒฤूཤྺ͝ͱ࢒ͤΔɻ
खॻ͖ɺ"DSPCBUɺ1IPUPTIPQ౳Λར༻ɻ ίϝϯτ΋ιʔεͷϝϞ΋ࣗࡏɻ
‫ڞ‬༗͸౰વɺϦϯΫຊͰɻ

ฤूཤྺ͕៉ྷʹ؅ཧͰ͖Δͱʜ ʮ‫ݴͨͬݴ‬Θͳ͍ʯʮઌ૆ฦΓʯ
͕‫͜ى‬ΓͮΒ͘ͳΔɻ

3 ੺ೖΕπʔϧͷ৽ఆ൪ʂ ·ͱΊ ΞʔτϘʔυ͕૿͑ͯ΋Ө‫͠ͳڹ‬ɻ
ཤྺΛͭͷϑΝΠϧʹ‫ه‬࿥ɻ
ϑΝΠϧ΋͖ͬ͢Γɻ ‫ݴͨͬݴ‬Θͳ͍ɺઌ૆ฦΓ΋ͮ͠Β͍ɻ
·͞ʹ੺ೖΕπʔϧͷ৽ఆ൪ʂ

·ͱΊ

ϑϧ‫ͨ͑ݟͰ༻׆‬ "EPCF
9%
ͭͷັྗ 1 2 3 ϫʔΫϑϩʔͷ
த৺ʹͳΔʂ ίϛϡχέʔγϣϯ͕
ָʹͳΔʂ ੺ೖΕπʔϧͷ
৽ఆ൪ʂ

·ͱΊ 9%Λ࢖͍࢝ΊΔͱɺ৭ʑͳൃ‫͕͋ݟ‬Γ·͢ɻ
ख‫ݩ‬ͷ੍࡞ϓϩηεʹ΋େ͖ͳӨ‫ݱ͕ڹ‬ΕΔͰ͠ΐ͏ɻ

·ͱΊ σβΠφʔͷํ΋ɺσΟϨΫλʔͷํ΋ɺ
͋Δ͍͸ΤϯδχΞͷํ΋ɻ
·ͣ͸Ұ౓ɺ࢖ͬͯΈ͍ͯͩ͘͞ʂ

͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠ɻ