$30 off During Our Annual Pro Sale. View Details »

web制作とコピーの関係

Sogitani Tsutomu
June 03, 2020
14k

 web制作とコピーの関係

社内のライター職向けにレクチャーした、web制作におけるコピーの位置付けと、4種類の領域などの話をまとめた資料です。

Sogitani Tsutomu

June 03, 2020
Tweet

More Decks by Sogitani Tsutomu

Transcript

  1. XFC੍࡞ͱίϐʔͷؔ܎
    ϕΠδࣾ಺༻φϨοδڞ༗ࢿྉ
    ೥݄೔

    View Slide

  2. 2
    ίϐʔͱϕΠδͷؔ܎

    View Slide

  3. 3
    اۀͷχʔζ
    ͍͍ϗʔϜϖʔδΛ࡞ͬͯ΄͍͠ʂ
    XFC੍࡞ձࣾʹର͢Δاۀͷχʔζ͸ͱͯ΋γϯϓϧͰ͢ɻ

    View Slide

  4. 4
    XFCαΠτͷߏ੒ཁૉ
    ৬छ اۀ ϕΠδͷྖҬ
    αΠτઓུ ίϯαϧλϯτ XFCϚʔέςΟϯάձࣾ ʓ
    αΠτاը ϓϥϯφʔ
    XFCϚʔέςΟϯάձࣾ
    XFC੍࡞ձࣾ
    ʓ
    αΠτઃܭ *"ʢΠϯϑΥϝʔγϣϯɾΞʔΩςΫτʣ XFC੍࡞ձࣾ ʓ
    ϏδϡΞϧσβΠϯ XFCσβΠφʔ XFC੍࡞ձࣾ ʓ
    ίϐʔ ίϐʔϥΠλʔ
    XFC੍࡞ձࣾʁ
    ίϯςϯπ੍࡞ձࣾʁ
    ˚ ˠ ʓ
    ຋༁ ຋༁Ո ຋༁ձࣾ ˚
    ࣸਅࡱӨ ΧϝϥϚϯ ࡱӨձࣾ ˚
    ಈըࡱӨ ө૾ΫϦΤΠλʔ ө૾੍࡞ձࣾ ˚
    Πϥετ ΠϥετϨʔλʔ Πϥετ੍࡞ձࣾ ˚ ˠ ʓ
    ίʔσΟϯά ϑϩϯτΤϯυΤϯδχΞ XFC੍࡞ձࣾ ʓ
    γεςϜ։ൃ αʔόʔαΠυΤϯδχΞ
    XFC੍࡞ձࣾ
    γεςϜ։ൃձࣾ
    ʓ
    ςετ ςελʔ
    XFC੍࡞ձࣾ
    γεςϜ։ൃձࣾ
    ʓ
    ʓɿϕΠδ͕࢓ࣄΛ੥͚Δ͠ɺࣾ಺ʹ΋୲౰ऀ͕͍Δ
    ˚ɿϕΠδ͕࢓ࣄΛ੥͚Δ͕ɺࣾ಺ʹ͸୲౰ऀ͕͍ͳ͍
    ʷɿϕΠδͰ͸࢓ࣄΛ੥͚ͳ͍
    Ͱ΋ɺϗʔϜϖʔδΛ࡞Δ޻ఔ͸γϯϓϧͰ͸͋Γ·ͤΜɻಛʹXFC੍࡞ձࣾʹίϐʔϥΠλʔ͕ॴଐ͍ͯ͠Δ
    ͜ͱ͸গͳ͘ɺίϐʔ͸୭͕୲౰͠ɺ୭͕඼࣭Λอূ͢Δͷ͔ɺͦͷ໾ׂ͕ᐆດʹͳΓ͕ͪͰ͢ɻ

    View Slide

  5. 5
    XFCαΠτʹ͓͚Δίϐʔ
    ίϯςϯπɾΠζɾΩϯά
    $POUFOUT*T,JOH
    XFCαΠτͷੈքʹ͸ɺੲ͔Β͜Μͳݴ༿͕͋Γ·͢ɻ
    ίϯςϯπ͸Ԧ༷Ͱ͋Δɺͭ·Γ͸ίϯςϯπͦ͜Ұ൪େࣄͩɺͱ͍͏ߟ͑ํͰ͢ɻ͜Ε͸εϚϗ࣌
    ୅ʹͳΓɺ4/4࣌୅ʹͳΓɺϚʔέςΟϯάͷσδλϧԽ͕ਐΜͰ΋ɺͣͬͱݴΘΕଓ͚͍ͯ·͢ɻ
    ͦΕͳͷʹXFC੍࡞ʹ͓͍ͯ͸ɺະͩʹίϐʔ͸୭͕୲౰͢Δͷ͔ᐆດͰ͢ɻίϐʔ·Ͱखֻ͚ΒΕ
    Δ੍࡞ձࣾ͸গͳ͘ɺίϯςϯπ੍࡞ձࣾ͸Φ΢ϯυϝσΟΞͳͲͷಛघͳXFCαΠτ͔͠खֻ͚·
    ͤΜɻίϯςϯπ͸Ԧ༷ͳͷʹɺ୭΋Ԧ༷ͷ໘౗ΛݟΑ͏ͱ͠·ͤΜɻίϐʔ͸୭΋੹೚ΛෛΘͳ͍
    άϨʔκʔϯʹͳͬͯ͠·͍ͬͯΔͷͰ͢ɻ

    View Slide

  6. 6
    XFCαΠτʹ͓͚Δίϐʔͷ໰୊
    • ΢ΣϒͳΒͰ͸ͷಛघੑ͕͋Γɺࡶࢽ΍޿ࠂͷੈքͷίϐʔͷ஌͕ࣝ௨༻͠ͳ͍
    • 4&0Ͱ্Ґදࣔ͞Ε΍͍͢ɺ4/4ͰΫϦοΫ͞Ε΍͍͢ॻ͖ํͳͲ΋ٻΊΒΕΔ
    • ී௨ʹจষΛॻ͘ͷͱ͸ҟͳΔɺ6*ͷ෦඼ͱͯ͠ͷίϐʔͷྖҬ΋ଘࡏ͢Δ
    • ւ֎Ͱ͸69ϥΠςΟϯάͱ͍͏ݴ༿΋ੜ·ΕͯΔΑ͏ʹɺϢʔβʔମݧͷࢹ఺͕ඞཁ
    • ҰํͰऔࡐ͔Β௕จΛ૊ΈཱͯΔ౳Ͱ͸ɺچདྷͷϥΠλʔʹ͍ۙεΩϧ͕ٻΊΒΕΔ
    • ͜ΕΒσδλϧ࣌୅ͷϥΠςΟϯάʹ͍ͭͯɺମܥཱͯͯ਎ʹ෇͚͍ͯΔਓ͕ۃΊͯগͳ͍
    ϕΠδ͸σδλϧ࣌୅ͷϥΠςΟϯά͕
    ΩνϯͱͰ͖ΔXFC੍࡞ձࣾΛ໨ࢦ͍ͨ͠

    View Slide

  7. 7
    ϕΠδ͕໨ࢦ͢૊৫ߏ੒
    Ϛʔέλʔ
    ઓུΛཱͯΔ
    σβΠφʔ
    6*΍ϏδϡΞϧΛ࡞Δ
    ΤϯδχΞ
    ϓϩάϥϜΛ࡞Δ
    ϥΠλʔ
    ίϯςϯπΛ࡞Δ
    ੍࡞Λࢧ͑Δຊ໨ͷபͱͯ͠
    ҭ͍͖͍ͯͯͨʂ
    XFCαΠτͷϓϩ͸ɺίϯςϯπͷϓϩͰͳ͚Ε͹͍͚ͳ͍ͱࢥ͓ͬͯ
    ΓɺͦΕͷͨΊʹϥΠλʔνʔϜΛ࡞Δ͜ͱ͕ෆՄܽͱߟ͍͑ͯ·͢ɻ

    View Slide

  8. 8
    XFC੍࡞ʹ͓͚Δίϐʔͷ෼ྨ

    View Slide

  9. 9
    Ϣʔβʔମݧͱίϐʔ
    ݕࡧ݁Ռ
    4/4
    ϗʔϜ ΧςΰϦ هࣄ $7
    4/4Ͱࣝผ͠΍͍͢λ
    Πτϧɺ4/4Ͱ֦ࢄ͞
    Ε΍͍͢ຊจ
    ݕࡧ݁Ռʢ4&31TʣͰ
    ࣝผ͠΍͍͢λΠτϧɺ
    ݕࡧΤϯδϯʹධՁ͞
    Ε΍͍͢ຊจ
    ๚໰ऀ͕΄͍͠৘ใʹ୧Γண͚Δɺ৘ใͷҊ಺܎ͱͳΓ
    ͑ΔϚΠΫϩίϐʔʢφϏήʔγϣφϧίϐʔʣ
    ๚໰ऀͷ৺ΛͱΒ͑Δɺ
    ࣭ ͷ ߴ ͍ ຊ จ ʢ Π ϯ
    ϑ Υ ϝ ʔ γ ϣ φ ϧ ί
    ϐʔʣ
    αΠτͷΰʔϧʹ༠ಋ
    ͢ Δ Ϛ Π Ϋ ϩ ί ϐ ʔ
    ʢφϏήʔγϣφϧί
    ϐʔͷ$5"ʣ
    ΢ΣϒαΠτ͕ϚʔέςΟϯάతʹػೳ͢ΔͨΊʹ͸ɺҎԼͷΑ͏ͳཁ݅Λຬͨ͢ίϐʔ͕ඞཁ͕͋Γ·͢ɻ͜Ε
    ͸ɺσδλϧ࣌୅ʹඞཁͳίϐʔϥΠςΟϯάͷεΩϧΛ΄΅໢ཏ͢Δ΋ͷͱߟ͍͑ͯ·͢ɻ

    View Slide

  10. 10
    4/4ɿ֓ཁ
    5XJUUFS 'BDFCPPL ͸ͯͳϒοΫϚʔΫ
    Φ΢ϯυϝσΟΞͷΑ͏ʹ4/4͕ॏཁͳྲྀೖܦ࿏ͱͳΔαΠτͰ͸ɺʮ4/4ʹ༗རͳίϐʔͷ࡞ΓํʯΛ͋Δఔ౓
    ౿ऻ͢Δඞཁ͕͋Γ·͢ɻϙΠϯτ͸ɺ4/4ͰྲྀΕ͖ͯͨͱ͖ʹࢥΘͣΫϦοΫͨ͘͠ͳΔλΠτϧͱɺ4/4Ͱࢥ
    ΘͣγΣΞͨ͘͠ͳΔτʔΧϏϦςΟʢ5BMLBCJMJUZʣʹ༏Εͨهࣄ಺༰Ͱ͢ɻ

    View Slide

  11. 11
    4/4ɿඞཁͳεΩϧ
    ඞཁͳ஌ࣝɾεΩϧ ࠲ֶ ࣮ફ
    • 4/4ϚʔέςΟϯάͷ஌ࣝ
    • όζΔϒϩάͷॻ͖ํ
    • 4/4ϚʔέςΟϯάؔ࿈ͷॻ੶
    • 4/4ؔ࿈ͷϊ΢ϋ΢هࣄ
    • ϗοτϦϯΫࣾͷηϛφʔ΍ࢿྉ
    ˞ॻ੶͸ίϐʔ΍ίϯςϯπʹ·Ͱݴٴ࣮ͨ͠຿త
    ͳϞϊ͕΄ͱΜͲͳ͍ͷͰɺωοτ͕ओͳ৘ใؾʹ
    ͳΔͱࢥ͍·͢ɻ
    • όζͳͲΛૂͬͯ5XJUUFSΛӡ༻͢Δ
    • όζͳͲΛૂͬͯOPUF΍ϒϩάΛॻ͘
    4/4ʹڧ͍ίϐʔͷςΫχοΫΛ਎ʹ෇͚Δʹ͸ɺҎԼ͕༗ޮͰ͋Δͱߟ͑ΒΕ·͢ɻ
    ˙ࢀߟॻ੶

    View Slide

  12. 12
    4&0ɿ֓ཁ
    ϦεςΟϯά޿ࠂ
    (PPHMF.BQ
    ݕࡧ݁Ռʢ4&31T4FBSDI&OHJOF
    3FTVMU1BHFʣʹ্Ґදࣔͤ͞ΔͨΊ
    ͷςΫχοΫ͕4&0ʢ4FBDI&OHJOF
    0QUJNJ[BUJPOɿݕࡧΤϯδϯ࠷దԽʣ
    Ͱ͢ɻ
    (PPHMFͷΞϧΰϦζϜ͸Ҏ্ͷࢦ
    ඪͷ૊Έ߹Θͤͱ͍ΘΕ͓ͯΓɺ׬શ
    ʹίϯτϩʔϧ͢Δ͜ͱ͸೉͍͠Ͱ͢ɻ
    ͨͩ͠ݱࡏ͸ɺςΫχΧϧͳϋοΫͰ
    ͸ͳ͘ɺ(PPHMF͕ਪ঑͢Δج४ʹ৐ͬ
    औͬͯྑ࣭ͳهࣄΛॻ͘ɺͱ͍͏ͷ͕
    4&0ͷجຊͱͳ͍ͬͯ·͢ɻ

    View Slide

  13. 13
    4&0ɿඞཁͳεΩϧ
    ඞཁͳ஌ࣝɾεΩϧ ࠲ֶ ࣮ફ
    • 4&0ʹؔ͢Δશൠతͳ஌ࣝ • 4&0ؔ࿈ͷॻ੶
    • ΢ΣϒϚελʔ޲͚ΨΠυϥΠϯ
    ʢ(PPHMFʣ
    • 4&0ؔ࿈ͷهࣄ
    • 4&0ͷஶ໊ਓͷϑΥϩʔ
    • ݕࡧ݁Ռ্ҐΛૂͬͯOPUF΍ϒϩάΛ
    ॻ͘
    4&0ʹڧ͍ίϐʔͷςΫχοΫΛ਎ʹ෇͚Δʹ͸ɺҎԼ͕༗ޮͰ͋Δͱߟ͑ΒΕ·͢ɻ
    ˙ࢀߟॻ੶

    View Slide

  14. 14
    φϏήʔγϣφϧίϐʔɿ֓ཁ
    XFCαΠτʹ͸ɺϢʔβʔΛ༠ಋ͢ΔͨΊͷίϐʔʢφϏήʔγϣφϧίϐʔʣ͕਺ଟ͘഑ஔ͞Ε͍ͯ·͢ɻจࣈ
    ਺͕গͳ͍ͨΊϚΠΫϩίϐʔͱ΋͍ΘΕ·͢ɻಛʹάϩʔόϧφϏήʔγϣϯɺϗʔϜͳͲͷϝΠϯΩϟονˍ
    αϒΩϟονɺ$5"ʢ$BMM 5P "DUJPOʣ͸ɺ੒Ռʹܨ͕ΔॏཁͳϚΠΫϩίϐʔͱ͍͑·͢ɻ
    άϩʔόϧφϏήʔγϣϯ
    $5"
    Ωϟον
    $5"

    View Slide

  15. 15
    φϏήʔγϣφϧίϐʔɿεΩϧ
    ඞཁͳ஌ࣝɾεΩϧ ࠲ֶ ࣮ફ
    • ৘ใઃܭ
    • ϢʔβϏϦςΟ
    • ೝ஌৺ཧֶ
    • ݴ༿ͷϚΠϯυηοτ
    • Ϣʔβʔମݧʢ69ʣ
    • ࠨهؔ࿈ͷॻ੶
    • ࠨهؔ࿈ͷϊ΢ϋ΢هࣄ
    • ੈͷதͷαΠτ΍ΞϓϦͷར༻ମݧ
    • ࢓ࣄͷத͡Όͳ͍ͱ࣮ફ͠ʹ͍͘
    φϏήʔγϣφϧίϐʔ͸ෳࡶͳεΩϧηοτΛཁ͠ɺ6*σβΠφʔʹ͍ۙ஌ࣝ΋ٻΊΒΕ·͢ɻ
    ˙ࢀߟॻ੶

    View Slide

  16. 16
    ΠϯϑΥϝʔγϣφϧίϐʔɿ֓ཁ
    ͍ΘΏΔίϯςϯπͱݺ͹ΕΔ΋ͷͰ͋Γɺຊจɻੲͳ͕ΒͷίϐʔϥΠςΟϯάɺจষज़͕Ұ൪ޮ͘ྖҬͰ͢ɻ
    ෼͔Γ΍͘͢৘ใΛߏ଄Խ͢ΔϩδΧϧͳࢥߟͱɺਓͷ৺Λ௫Ή৘ॹతͳηϯεͷ྆ํ͕ٻΊΒΕ·͢ɻ
    ϩϯάςΩετ ΠϯλϏϡʔ ηʔϧείϯςϯπ
    ˞ηʔϧείϯςϯπ͸ɺθϩ͔Β࡞Δͱ͍͏Α
    ΓɺϦϥΠτ΍ఏڙݪߘͷ࠶ߏ੒͕ओʹͳΓ·͢ɻ

    View Slide

  17. 17
    ΠϯϑΥϝʔγϣφϧίϐʔɿεΩϧ
    ඞཁͳ஌ࣝɾεΩϧ ࠲ֶ ࣮ફ
    • จষߏ੒ྗ
    • ޠኮྗ
    • දݱྗ
    • اըྗ
    • จষज़ؔ࿈
    • ޿ࠂ޲͚ίϐʔؔ࿈
    • ೔ຊޠʹؔ͢Δॻ੶
    • OPUF΍ϒϩά౳Ͱ೔ࠒ͔ΒจষΛॻ͘
    • ಛʹ௕จΛॻ͘ܦݧΛ૿΍͢
    • ϑΟʔυόοΫΛ΋Β͑Δ৔ʹ౤ߘ͢Δ
    ΠϯϑΥϝʔγϣφϧίϐʔʹ͍ͭͯ͸ɺैདྷ·Ͱͷจষज़ɺηʔϧε޲͚ͷίϐʔϥΠςΟϯάྗ͕ଘ෼ʹൃش
    Ͱ͖Δ෼໺Ͱ͢ɻͦͷ্ͰɺσδλϧͳΒͰ͸ͷηΦϦʔΛ਎ʹ෇͚Δͱྑ͍Ͱ͠ΐ͏ɻ
    ˙ࢀߟॻ੶

    View Slide

  18. 18
    σδλϧ࣌୅ͷϥΠλʔͷ஌ࣝྖҬ
    ϥΠςΟϯά
    ݴޠԽྗɺจষߏ੒ྗɺޠኮྗ
    දݱྗɺاըྗ
    ϚʔέςΟϯά
    451ɺϒϥϯσΟϯά
    ΫϦΤΠςΟϒɺ޿ࠂ
    #UP#ɺ13ɺ69ɺϦαʔν
    ίϯςϯπϚʔέςΟϯά
    ςΫϊϩδʔ
    ωοτؔ࿈ٕज़ɺΞυςΫ
    ϏοάσʔλɺΫϥ΢υ
    ਓ޻஌ೳɺ4&0ɺ4/4
    ڭཆ
    ৺ཧֶɺྺ࢙ɺܦࡁֶɺ๏཯
    αΠΤϯεɺΞʔτɺαϒΧϧνϟʔ
    ීวతೳྗ
    ࿦ཧతࢥߟɺϝλೝ஌ɺ૑଄ྗ
    ಡղྗɺ஌ੑɺϢʔϞΞ

    View Slide

  19. גࣜձࣾϕΠδ
    ˟ ౦ژ౎ੈా୩۠୅ా
    UFMGBY
    VSMIUUQTCBJHJFNF

    View Slide