とあるデザイナーの脳内 -キービジュアル制作編-

2018年5月10日(木)に開催された「Webデザイン・Web制作に関する勉強会 #1」
(https://kfug.connpass.com/event/84180/)
にて登壇しました。

「とあるデザイナーの脳内 ～キービジュアル制作編～」というタイトルでお話しました。詳しい構成としては以下にまとめました。

キービジュアルを作る時に、何考えてどうやって作ってるかという内容です。
ご縁が会ってIT系イベントのキービジュアルを作らせていただくことが多く、その経験の中で培った制作フローを紹介しました。

1.キービジュアルとは？
2.キービジュアルの役割は？
3.実例を交えてどうやって仕事を進めるか？
　▼考えるフェーズ
　　情報の読み解き方、仮説のたて方
　　情報からどうやってビジュアルを考えていくか
　▼手を動かすフェーズ
　　色について何を考えているか？
　　配置についてどうやって考えているか？

4.まとめ

Transcript

1. ͱ͋ΔσβΠφʔͷ೴಺ ʙ Ω ʔ Ϗ δϡ Ξϧ ੍ ࡞ ฤ ʙ  IUUQTLGVHDPOOQBTTDPNFWFOU 8FCσβΠϯɾ8FC੍࡞ʹؔ͢Δษڧձ
    :BTVJ
   3JTB
2. :BTVJ
   3JTB 蔓遭㣐㷕
   ؎ٓأزٖ٦ءّٝ걄㚖 吳䒭⠓爡
   DIBUCPYխ爡ⰻرؠ؎ش٦ؿٗٝزؒٝسؒٝآص، !DPUPMJFS@SJTB DPUPMJFS3JTB
3. ΩʔϏδϡΞϧΛ࡞Δ࣌ ͲΜͳ͜ͱΛߟ͍͑ͯΔ͔ ࠓ೔࿩͢͜ͱ
4. 4DBMBؔ੢
   4VNNJU 1)1ΧϯϑΝϨϯεؔ੢
    άϥϯϑϩϯτΤϯυେࡕ
    -BSBWFM
   0TBLB
    ϑϩϯτΤϯυΧϯϑΝϨϯε
    ࠓ·Ͱ੍࡞ͨ͠ΩʔϏδϡΞϧ
5. ΩʔϏδϡΞϧͱ͸ 8IBUʁ
6. σβΠϯΛల։͢Δͱ͖ͷϕʔεʹͳΔ΋ͷ
7. ࠃͰݴ͏ࠃضͷΑ͏ͳ΋ͷ ׉ך⚅歲錁׾爙ׅءٝنٕ ׫׿זָずׄ׮ך׾䟝⫷דֹ׷湡⽩ 傈劤
8. ΩʔϏδϡΞϧͷ໾ׂ 8IZʁ
9. ϢʔβʔʹΞϓϩʔν 鋅אֽג׮׵ֲ湡׾䒷ֻ 莆㄂׾䭯׏ג׮׵ְװֻׅׅ׷
10. ϢʔβʔͷهԱʹ࢒͢ ⠗ִג׮׵ְ װֻׅׅ׷  أة٦ ؎كٝز ׉ְֲִל 鋅׋״ֲז˘ 鋙ִג׮׵ֲ
11. σβΠϯΛ౷Ұ͢Δ 窟♧ׅ׷ֿהד 㸜䗰䠬װ٥⥋걾䠬׾♷ִ׷
12. Ͳ͏΍ͬͯ࡞͍ͬͯΔ͔ ࣮ྫ
13. 㹋ꥷח剑鵚ⵖ⡲׃׋׮ך
14. )5.-
    "11
    $0/'&3&/$&
    խ
    )5.-،فٔך剑⯓畭
    
    剢
    傈
    傈 խ
    匌❨
    ؟؎نؐؤ吳䒭⠓爡
    匌❨ؔؿ؍أ չ
    
    
    8FCⵖ⡲
    –
    ،فٔ
    
    պ׾ذ٦وחծ
    
    
    )5.-،فٔⵖ⡲ך圫ղזظؐعؐⰟ剣ׅ׷؎كٝز
15. ґཔ͞Εͨ಺༰ չ
    
    )5.-
    "11
    $0/'&3&/$&
    
    պ ؗ٦ؽآُ،ٕ׾⡲׏ג妜׃ְ 
    DPOOQBTTך⹫꧊ل٦آ 
    أهٝ؟٦项俱 
    䔲傈ꂁ䋒ךػٝؿٖحز ח⢪欽דֹ׷׮ך
16. ґཔ͔Β෼ੳ͢Δ ِ٦ؠ٦כוְֲֲ䕎ד湡חׅ׷ַ ػا؝ٝדխأومխةـٖحز 秵簚埆 ו׿ז؟؎ؤծ嫰桦 㜥さח״׏גכزٔىׁؚٝ׸׷
17. ͲΜͳܗࣜͷϏδϡΞϧ͕ඞཁ͔ߟ͑Δ ֮׷玎䏝嫰桦ָ㢌׻׏ג׮ 锃侭דֹ׷ֿה 秵ה8FCד㼎䘔דֹ׷ֿה
18. ৘ใΛಡΈղ͘ 
    ؎كٝزة؎زٕ 
    ؟ـة؎زٕ 
    嚊銲הذ٦و 
    傈儗 
    㜥䨽 
    鋉垷խFUD ة٦؜حزِ٦ؠ٦כ ו׿ז⽩韋׾⠗ִ׋ְ 荈ⴓז׶ח䟝⫷׃ծ⟎铡׾甧ג׷
19. ώΞϦϯάʢ૬ஊʣ͢Δ 湱锑׃זָ׵钠陎׾さ׻ׇ׷ 駈׶זְ䞔㜠׾耀ֹ⳿׃؎ً٦آ׾אַ׭׷״ֲחׅ׷
20. ΠϝʔδΛ͔ͭΉͨΊͷ৘ใ ؗ٦ٙ٦س׾꧊׭׷ ⯓鹌涸 劢勻涸 ،فٔ )5.- ؎ً٦آ׾穾׶鴥׬ 鋵׃׫װְׅ أة؎ٔحءُ חֺװַ ءٝفٕ ַ׻ְְ ַ׏ְְֿ
21. ৘ใ͕ू·ͬͨΒ Πϝʔδ࡞Γ΁ ࣮ྫ
22. Ωʔϫʔυ͔Β͞Βʹݴ༿Λ࿈૝͢Δ ⯓鹌涸 劢勻涸 ،فٔ ػا؝ٝ ؗٓؗٓ 㼹׏גְ׷ أة؎ٔحءُ ءٝفٕ 䎗⡦㷕 أوم ةـٖحز 荈⡲ 㹇瀖 ׻ֻ׻ֻ ؝٦س ؒٝآص، و٦ؙ،حف 䪮遭 )5.-
23. ΩʔϫʔυΛ࣠ʹ ۩ମతͳΠϝʔδ΍ΞΠσΞΛूΊΔ ⚺חQJOUBSFTU׾⢪׏גתׅ
24. ΞΠσΞΛ૊Έ߹Θͤͳ͕Β ΦϦδφϧΛ࡞͍ͬͯ͘ J1BE
    
    
    
    "QQMF
    
    لٝءٕד䩛䲽ֹדٓؿ׾⡲䧭 ず儗ח؝ٝإفز׮罋ִ׷ չ)5.-
    "11
    $0/'&3&/$&պ׾鸐׃ג ،فٔⵖ⡲ָ״׶ؙؙٙٙ ׅ׷׮ךחז׷
25. ৭ʹ͍ͭͯ ߟ͑ͯΔίτ ࢥߟ෼ੳ
26. ৭͕ώτʹ༩͑Δҹ৅Λҙࣝ͢Δ ꫬ׏שְװא 葿ך⽩韋ָ㔿㹀׌ה 鎉衝ח׃װְׅ ➂ח⠗ִװְׅ   ꫬ׏שַ׏׋
27. 切僳ז鎉衝ח ז׶ָ׍ ৭͕ώτʹ༩͑Δҹ৅Λҙࣝ͢Δ ؕٓؿٕ ׮׃׋ֻׁ׿ך葿ָ⢪׻׸גְ׋׵ ➂ח״׏ג ؎ً٦آָ麩ֲ׮ך חז׶װְׅ ؕٓؿٕ ֿ׿ז䠬ׄ
28. Χϥϑϧ͸ྑ͘ͳ͍ͷʁ ׉׿זֿהכזְדׅ
29. ΧϥϑϧΛબͿཧ༝͕͋Ε͹0, ⠗ִ׋ְ׮ךך⮚⯓䏝ח״׏ג 邌植׾鼅עךָ㣐ⴖ ؎كٝزךذ٦وָ 葿ղז➂ָչאזָ׷պ ̕ 葿׾⽩韋׾אח㔿㹀ׇ׆ չ㢳珏㢳圫պ չ؝ىُصذ؍ך䎢ָ׶պ ׾邌植ׅ׷׋׭ؕٓؿٕח
30. େ͖͞ͱॏ͞ʹ͍ͭͯ ߟ͑ͯΔίτ ࢥߟ෼ੳ
31. 岣湡׃גק׃ְ갫 ➙㔐כ稆湫ח⮚⯓䏝さ׻ׇג㣐ֹׁ׾锃侭 
    ة؎زٕ
    
    ̔խ㣐 
    ワ׶ך؎ٓأز
    
    ̔
    
    ⚥։㼭 
    ׉ך➭ך鄲귅
    
    ̔
    
    噰㼭 㣐 ⚥ ⚥ 㼭 େ͖͞ΛܾΊΔ
32. ഑ஔΛܾΊΔ ة؎زٕכ⚥㣛 וך嫰桦דزٔىׁؚٝ׸ג׮邌爙ׇׁ׷䗳銲׋׭
33. ഑ஔΛܾΊΔ 㣐ְֹ׮ךַ׵ꂁ縧׃גְֻ
34. ཁૉͷॏΈΛҙࣝ͢Δ غٓٝأךꅾ䗰ָ䊩ח
35. όϥϯεΛҙࣝ͠ͳ͕ΒཁૉΛஔ͘ ꅾָׁ䊩〸㖱♧חׅ׷ה㸜㹀䠬ָד׷
36. ૷০Ͱғ͍ͦΕͧΕͷ·ͱ·ΓΛڧԽ͢Δ 㸣䧭
37. ·ͱΊ վΊ·ͯ͠
38. תה׭
39. 剑䖓ח
40. ׀幠耮֮׶ָהֲ׀ְׂת׃׋ ֶ׻׶