Upgrade to Pro — share decks privately, control downloads, hide ads and more …

グラフィックデザイナーさん向け Webについて学習するときに押さえておくべき点

Dda24cce92447593513292ec748c70c4?s=47 Koji Kuno
July 25, 2017

グラフィックデザイナーさん向け Webについて学習するときに押さえておくべき点

グラフィックデザイン専門の制作会社さんにて、今後Webの仕事を広げていく上で知っておくべき”さわり”程度の内容をレクチャーするためのスライド

Dda24cce92447593513292ec748c70c4?s=128

Koji Kuno

July 25, 2017
Tweet

More Decks by Koji Kuno

Other Decks in Design

Transcript

  1. 8FCʹֶ͍ͭͯश͢Δͱ͖ʹ ԡ͓͑ͯ͘͞΂͖఺ άϥϑΟοΫσβΠφʔ͞Μ޲͚

  2. ࣗݾ঺հ͍ͤͯͩ͘͞͞ʂ 0MFJO%FTJHO୅ද ٱ໺ߊ࢘ʢ͘ͷ͜͏͡ʣ ܦྺɿذෞੜ·Εɻେֶ͸ۚ୔ɻάϥϑΟο ΫσβΠϯઐ໳ֶߍଔۀˠ๭޿ࠂ୅ཧళ੍ ࡞෦ʹब৬ˠϩϯυϯʹ̎೥ཹֶˠҹ࡮ձ ࣾฤू෦ʹब৬ˠϑϦʔϥϯεͱͯ͠ಠཱɻ 8PSE1SFTTϢʔβʔͷͨΊͷ஍ҬίϛϡχςΟɺ 8PSE#FODIذෞͷϞσϨʔλʔͱͯ͠׆ಈ͍ͯ͠·͢ɻ

  3. ΞδΣϯμ ᶃ 8FCͬͯԿʁ ᶄ Πϯλʔωοτͷ࢓૊Έͱ͸ʁ ᶅ άϥϑΟοΫσβΠϯͱ8FCσβΠϯͷҧ͍ͱ͸ʁ ᶆ 8FCαΠτ੍࡞ͷྲྀΕͱ͸ʁ ᶇ

    8FCαΠτΛೲ඼ͨ͠ޙʹඞཁͳ͜ͱͱ͸ʁ ᶈ ·ͱΊ
  4. 8FCͬͯԿʁ

  5. 888ͱ͸ w 8PSME8JEF8FCͷུ w ஖ᥨͷ૥্ʹுΓ८Β͞Εͨ஍ٿن໛৘ใωοτϫʔΫ

  6. Πϯλʔωοτͱ͸ w ༷ʑͳ৔ॴʹ͋ΔҟͳΔίϯϐϡʔλΛͭͳ͗߹Θͤͨ ωοτϫʔΫࣗମͷ͜ͱ w ϗʔϜϖʔδ΍&$αΠτͷΑ͏ͳ8FCΞϓϦέʔγϣϯ ΛؚΜͩ888΍&ϝʔϧαʔϏεɺαʔόʔͱΫϥΠΞ ϯτؒͰͷϑΝΠϧసૹͳͲΛར༻Ͱ͖Δ౔৕Ͱ΋͋Δ

  7. ݱࡏͷΠϯλʔωοτར༻؀ڥ Πϯλʔωοτ ࣸਅ Իָ ө૾ ςΩετ ύιίϯ ςϨϏ ΧʔφϏ εϚʔτϑΥϯ

    ܞଳి࿩ ήʔϜػ
  8. Πϯλʔωοτͷ࢓૊Έͱ͸ʁ

  9. αʔόʔͬͯͳʹʁ w Πϯλʔωοτ্ͷσʔλΛஔ͍͓ͯ͘৔ॴ w ಠࣗͰ༻ҙͨ͠ΓɺϨϯλϧͨ͠Γ͢Δ͜ͱ͕Ͱ͖Δ w Ϣʔβʔ͔Βͷཁٻ͕αʔόʔʹಧ͖ɺඞཁͳ৘ใΛૹ Γฦ͢͜ͱʹΑͬͯɺϢʔβʔଆͰ΢ΣϒαΠτΛදࣔ ͢Δ͜ͱ͕Ͱ͖Δ

  10. υϝΠϯͱ͸ w Πϯλʔωοτ্ͷॅॴͷΑ͏ͳ΋ͷ w ಠࣗʹऔಘͨ͠υϝΠϯΛαʔόʔʹඥ͚ͮΔ͜ͱʹΑͬ ͯɺυϝΠϯೖྗˠαʔόʔʹΞΫηεˠ΢ΣϒαΠτ දࣔ͞ΕΔɹͱͳΔ w DPNOFUPSHJOGPCJ[NFͳͲͳͲ

  11. IUUQͱIUUQTͷҧ͍ w IUUQ͸)ZQFSUFYU5SBOTGFS1SPUPDPMͷུ w IUUQZBIPPDPKQͱ͸ZBIPPDPKQʹIUUQͰ௨৴ͯͩ͘͠ ͍͞ɺͱ͍͏໋ྩʹͳΔ w IUUQT͸)551PWFS44-5-4ͷུ w IUUQͷ௨৴Λ҉߸Խͯ͠ߦ͍·͢Αͱ͍͏ҙຯ

  12. ͳΜͰ࠷ۙIUUQT͕ਪ঑͞ΕΔͷ͔ w ୈҰʹηΩϡϦςΟڧ౓͕૿͢ w (PPHMF͕΢ΣϒαΠτΛධՁ͢Δج४ͷ̍ͭͩͱެද͠ ͔ͨΒʢ)5514FWFSZXIFSFఏএʣ w IUUQTΛར༻͢Δʹ͸ূ໌ॻ͕ඞཁ w αʔόʔબͼͷࡍʹ͸ߟྀ͢Δඞཁ͕͋Δ

    w ࠓޙ৽ઃ͢Δ΢ΣϒαΠτ͸IUUQTͰ࢝Ίͨํ͕ྑ͍
  13. άϥϑΟοΫσβΠϯͱ 8FCσβΠϯͷҧ͍ͱ͸ʁ

  14. ୯Ґͷҧ͍ w άϥϑΟοΫʢ%51ʣͷ৔߹͸جຊ୯ҐϛϦϝʔτϧ w 8FCͷ৔߹͸QYʢϐΫηϧʣ

  15. Χϥʔͷҧ͍ w %51͸$.:, w 8FCσβΠϯ͸3(# w ҹ࡮෺͸̐৭ʹՃ͑ͯಛ৭ͳͲ༻͍Δ͕ݟ͑ํ͸جຊత ʹಉ͡ w ϢʔβʔͷϞχλʔʹઃఆͯ͋͠ΔϓϩϑΝΠϧͰ৭࠼

    ؀ڥ͕େ͖͘ҟͳΔ
  16. ମݧͷҧ͍ w ҹ࡮෺͸ࢴͷ࣭ײ΍ഩԡ͠Ͱͷ৮ײͳͲΛମݧͰ͖Δ w 8FC͸Ξχϝʔγϣϯ΍ϜʔϏʔɺޮՌԻ΍ԻָͳͲෳ ਺ͷײ֮ʹ఻͑ΒΕΔ w ҹ࡮෺͸఻͑ΒΕΔϝοηʔδͷྔ͕෺ཧతʹ੍ݶ͞Ε Δ w

    8FC͸৘ใྔͷ੍ݶ͸෺ཧతʹͳ͍͕ɺޮՌతʹૌٻ͠ ͳ͍ͱλʔήοτʹڹ͔ͳ͍
  17. ίετόϥϯεͷҧ͍ w ҹ࡮෺ޮՌଌఆˠमਖ਼ˠҹ࡮ˠ഑෍ w 8FCޮՌଌఆˠमਖ਼ˠޮՌଌఆˠमਖ਼ɾɾɾ w ͦΕͧΕඞཁͳίετʹҧ͍͕͋Δ w εϐʔυײʹ΋ҧ͍͕͋Δ w

    8FC͸ΫϥΠΞϯτ͕ίετΛΠϝʔδ͠೉͍
 ʢҹ࡮෺ʹൺ΂ͯʮ؆୯Ͱ͠ΐʁʯͱࢥΘΕ͍ͯΔͱ͜Ζ͕͋ΔͷͰݟੵΓ ಺༰Λཧղͯ͠΋Β͑ͳ͍࣌΋ͪΒ΄Βʣ
  18. λʔήοτͷҧ͍ w ҹ࡮෺Ͱૂ͑Δλʔήοτ૚ͱ8FCͰૂ͑Δλʔήοτ ૚͸େ͖͘ҧ͏ w ΫϥΠΞϯτͷϏδωε΍αʔϏεͷ಺༰΍छྨʹΑͬ ͔ͯͬ͠Γͱ࢖͍෼͚Δඞཁ͕͋Δ

  19. 8FCαΠτ੍࡞ͷྲྀΕͱ͸ʁ

  20. ώΞϦϯά w ΫϥΠΞϯτ͔ΒώΞϦϯάΛߦ͏ w άϥϑΟοΫσβΠϯ੍࡞ͷ࢓༷ΛܾΊΔஈ֊Ͱ΋ಉ༷ ͷ͜ͱΛߦ͏͸ͣ w ղܾ͍ͨ͠໰୊Λ໌֬ʹͯ͠ɺํ๏Λߟ͑Δ w ඞͣ͠΋8FC͕࠷దͳ౴͑ͱ͸ݶΒͳ͍

  21. ཁ݅ఆٛ w 8FC੍࡞ʹඞཁͳཁ݅ఆٛΛߦ͏ w ͜ͷஈ֊ͰܾΊΔ͜ͱΛ͓Ζ͔ͦʹ͢ΔͱɺϓϩδΣΫ τͷޙ൒ʹ่Εͯ͘Δ͜ͱ͕ଟ͍

  22. ϫΠϠʔϑϨʔϜ w άϥϑΟοΫσβΠϯͰݴ͏ɺαϜωΠϧ w ͜ͷஈ֊Ͱը໘ߏ੒Λ͔ͬ͠Γͱ٧Ί͓ͯ͘͜ͱ͕ඞཁ w ͜ͷઌͷ޻ఔͰߏ଄෦෼ͷมߋΛࢪ͢৔߹ɺ޻਺͕૿͑ ͯ࠷ऴతͳίετ͕๲Ε্͕Δ͜ͱʹͳΔ

  23. ϫΠϠʔϑϨʔϜΛ࡞ΔΞϓϦ "EPCF9% 4LFUDI

  24. σβΠϯ੍࡞ w *MMVTUSBUPS΋͘͠͸1IPUPTIPQ͕ओྲྀ w ઌ΄Ͳͷ"EPCF9%΍4LFUDIͰ׬݁͢Δ͜ͱ΋Ͱ͖Δ w ϏδϡΞϧσβΠϯ͚ͩͰͳ͘ɺ޿͘ϢʔβʔମݧΛσ βΠϯ͢ΔΠϝʔδ͕ඞཁʢϗόʔ΍֤෦ΞχϝʔγϣϯͳͲͷಈ͖ͷ ࢦࣔ΋ඞཁʣ w

    ϨΠϠʔ໊Λ͔ͬ͠Γͱ͚ͭͯɺσʔλΛ୭͕ݟͯ΋Θ ͔Γ΍͘͢࡞ΔบΛ͚ͭΔ
  25. ίʔσΟϯάɾ࣮૷ w )5.-$44+BWB4DSJQUͰίʔσΟϯά w $.4ʢ$POUFOUT.BOBHFNFOU4ZTUFNʣ Λ࢖͏৔߹ʹ͸ɺͦΕʹ൐ͬͨ޻ ఔ͕ൃੜ͢Δ৔߹͕͋Δ w ୅දతͳ$.4ʹ͸ɺ8PSE1SFTT΍.PWBCMF5ZQFɺ DPODSFUFͳͲ͕͋Δ

    w 8PSE1SFTT͸ੈքதͷ΢ΣϒαΠτͷҎ্Λ઎ΊΔγΣ Ξɻ೔ຊࠃ಺Ͱ͸$.4γΣΞҎ্ͱѹ౗తɻ
  26. ࣮ػςετ w ࣮ࡍʹར༻͢Δαʔόʔ΋͘͠͸ςεταʔόʔʹͯಈ ࡞֬ೝ w ରԠ͢Δϒϥ΢β΍σόΠεͰͷ࣮ػ֬ೝ w ݹ͍ϒϥ΢βʹରԠ͢Δʹ͸ผίετ͕ඞཁͱߟ͑Δํ ͕ϕλʔ w

    ࢓༷͕͔ͬ͠Γݻ·͍ͬͯͳ͍ͱςετ΋ͳ͊ͳ͊ʹͳͬ ͯ͠·͏
  27. ೲ඼ w ೲ඼ܗࣜ͸༷ʑ w ͲΜͳঢ়ଶͰೲ඼͔͸ड஫ͷλΠϛϯάͰඞܾͣΊΔ
 ˠޙ͔Βʮ͋Ε΍ͬͯʯ͕૿͑ͯ͘Δͱݟੵ่յ w ΢ΣϒαΠτ͸ೲ඼͔ͯ͠Β͕ελʔτ

  28. 8FCαΠτΛೲ඼ͨ͠ޙʹ
 ඞཁͳ͜ͱͱ͸ʁ

  29. ΢ΣϒαΠτ੍࡞͕ऴྃͨ͠Β
 ࣍͸΢ΣϒαΠτӡӦͷ։࢝

  30. ͜Μͳ͜ͱ͕ඞཁʹͳΔ͔΋ʁ w 4/4ʢ5XJUUFSGBDFCPPLJOTUBHSBN-*/&ʣͷӡ༻ɾӡ༻ ୅ߦɾӡ༻ΞυόΠε w ΞΫηεղੳʹΑΔ࣍ͷΞΫγϣϯબఆ w ผഔମ͔Βͷ13 w ϦεςΟϯά޿ࠂग़ߘ

    w ϥϯσΟϯάϖʔδ੍࡞ w Φ΢ϯυϝσΟΞͷҭ੒ɾӡ༻
  31. ΢ΣϒαΠτΛ࡞ͬͨ ʹ ์͓͍ͬͯͯ0,

  32. ٻΊΔ݁ՌΛಘΔͨΊʹ ೔ʑվળΛ͍ͯ͘͠ͷ͕ ΢ΣϒαΠτӡӦ

  33. ·ͱΊ

  34. 8FC੍࡞͸ຊ౰ʹ੝Γͩ͘͞Μ w σΟϨΫγϣϯʢσΟϨΫλʔͷ஌ࣝʹఏҊͰ͖Δ෯ʣ w σβΠϯ੍࡞
 ɾ੍࡞εϐʔυඞਢˠίετҙࣝ
 ɾ6*69ͷֶश͸কདྷతʹ΋͔ܽͤͳ͍
 ɾݟͨ໨Λ࡞Δ͚ͩͰ͸ະདྷ͸ͳ͍ˠ೔ʑࢼߦࡨޡ w ϑϩϯτΤϯυ


    ɾ)5.-$44+BWB4DSJQUͷཧղ͸σΟϨΫλʔɾσβΠφʔ ͱ΋ʹඞཁˠσβΠϯͷ࣮ݱํ๏ΛΠϝʔδ͢Δඞཁੑ

  35. w όοΫΤϯυ
 ɾ8FCαʔϏεΛӡӦ͢Δ৔߹ʹ͸αʔόʔͳͲͷ஌ࣝ ΋ඞཁʹͳͬͯ͘Δ w ӡ༻
 ɾΞΫηεղੳ
 ɾϚʔέςΟϯά
 ɾ4/4ʹؔ͢Δ஌ࣝ
 ɾϥΠςΟϯά


    ɾΫϥΠΞϯτ͕೔ʑ೰Ήٙ໰ʹ౴͑Δྗʢ஌ࣝʣ
  36. 8FC͸ຐ๏ͷಓ۩Ͱ͸ͳ͍ ؅ཧ อक ӡ༻ w ʮਓྗʯΛ͔͚Δ͔ɺʮ͓ۚʯ Λ͔͚Δ͔ w ์͓͍ͬͯͯརӹΛੜΈग़͠ ͯ͘ΕΔຐ๏ͷಓ۩Ͱ͸ͳ͍

    w ʮ̍ͭͷళฮʯʮҰਓͷࣾһʯ ΛҭͯΔɺͱߟ͑Α͏
  37. ʮάϥϑΟοΫσβΠϯ͕Ͱ͖Δʯ
 ͱ͍͏ڧΈΛੜ͔͢ w άϥϑΟοΫσβΠϯͱ8FCσβΠϯ͸ڞ௨͢Δ෦෼΋ ଟ͍͕ߟ͑Δ͜ͱ͕ҧ͏෦෼΋͋Δ w ଟ֯తͳࢹ఺Λ͍࣋ͬͯΔͱ͍͏ϝϦοτΛੜ͔͢ w άϥϑΟοΫྗʹΞχϝʔγϣϯΛՃ͑ͨΓετʔϦʔ Λఴ͑Δˠಈը੍࡞ؔ࿈ʹ΋ਐग़ՄೳʢαΠωʔδʣ

    w άϥϑΟοΫྗʴίʔσΟϯάྗʹॏๅ͞ΕΔ
  38. ͝੩ௌ ͋Γ͕ͱ͏͍͟͝·ͨ͠ʂ