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

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

Transcript

1. 8FCʹֶ͍ͭͯश͢Δͱ͖ʹ
   ԡ͓͑ͯ͘͞΂͖఺ άϥϑΟοΫσβΠφʔ͞Μ޲͚
2. ࣗݾ঺հ͍ͤͯͩ͘͞͞ʂ 0MFJO
   %FTJHO୅ද
   ٱ໺
   ߊ࢘ʢ͘ͷ͜͏͡ʣ
   ܦྺɿذෞੜ·Εɻେֶ͸ۚ୔ɻάϥϑΟο ΫσβΠϯઐ໳ֶߍଔۀˠ๭޿ࠂ୅ཧళ੍ ࡞෦ʹब৬ˠϩϯυϯʹ̎೥ཹֶˠҹ࡮ձ ࣾฤू෦ʹब৬ˠϑϦʔϥϯεͱͯ͠ಠཱɻ 8PSE1SFTTϢʔβʔͷͨΊͷ஍ҬίϛϡχςΟɺ 8PSE#FODIذෞͷϞσϨʔλʔͱͯ͠׆ಈ͍ͯ͠·͢ɻ
3. ΞδΣϯμ ᶃ 8FCͬͯԿʁ
   ᶄ Πϯλʔωοτͷ࢓૊Έͱ͸ʁ
   ᶅ άϥϑΟοΫσβΠϯͱ8FCσβΠϯͷҧ͍ͱ͸ʁ
   ᶆ 8FCαΠτ੍࡞ͷྲྀΕͱ͸ʁ
   ᶇ 8FCαΠτΛೲ඼ͨ͠ޙʹඞཁͳ͜ͱͱ͸ʁ
   ᶈ ·ͱΊ
4. 8FCͬͯԿʁ
5. 888ͱ͸ w 8PSME
   8JEF
   8FCͷུ
   w ஖ᥨͷ૥্ʹுΓ८Β͞Εͨ஍ٿن໛৘ใωοτϫʔΫ
6. Πϯλʔωοτͱ͸ w ༷ʑͳ৔ॴʹ͋ΔҟͳΔίϯϐϡʔλΛͭͳ͗߹Θͤͨ ωοτϫʔΫࣗମͷ͜ͱ
   w ϗʔϜϖʔδ΍&$αΠτͷΑ͏ͳ8FCΞϓϦέʔγϣϯ ΛؚΜͩ888΍&ϝʔϧαʔϏεɺαʔόʔͱΫϥΠΞ ϯτؒͰͷϑΝΠϧసૹͳͲΛར༻Ͱ͖Δ౔৕Ͱ΋͋Δ
7. ݱࡏͷΠϯλʔωοτར༻؀ڥ Πϯλʔωοτ ࣸਅ Իָ ө૾ ςΩετ ύιίϯ ςϨϏ ΧʔφϏ εϚʔτϑΥϯ ܞଳి࿩ ήʔϜػ
8. Πϯλʔωοτͷ࢓૊Έͱ͸ʁ
9. αʔόʔͬͯͳʹʁ w Πϯλʔωοτ্ͷσʔλΛஔ͍͓ͯ͘৔ॴ
   w ಠࣗͰ༻ҙͨ͠ΓɺϨϯλϧͨ͠Γ͢Δ͜ͱ͕Ͱ͖Δ
   w Ϣʔβʔ͔Βͷཁٻ͕αʔόʔʹಧ͖ɺඞཁͳ৘ใΛૹ Γฦ͢͜ͱʹΑͬͯɺϢʔβʔଆͰ΢ΣϒαΠτΛදࣔ ͢Δ͜ͱ͕Ͱ͖Δ
10. υϝΠϯͱ͸ w Πϯλʔωοτ্ͷॅॴͷΑ͏ͳ΋ͷ
    w ಠࣗʹऔಘͨ͠υϝΠϯΛαʔόʔʹඥ͚ͮΔ͜ͱʹΑͬ ͯɺυϝΠϯೖྗˠαʔόʔʹΞΫηεˠ΢ΣϒαΠτ දࣔ͞ΕΔɹͱͳΔ
    w DPN
    
    OFU
    
    PSH
    
    JOGP
    
    CJ[
    
    NF
    ͳͲͳͲ
11. IUUQ
    ͱ
    IUUQT
    ͷҧ͍ w IUUQ͸)ZQFSUFYU
    5SBOTGFS
    1SPUPDPMͷུ
    w IUUQZBIPPDPKQͱ͸ZBIPPDPKQʹIUUQͰ௨৴ͯͩ͘͠ ͍͞ɺͱ͍͏໋ྩʹͳΔ
    w IUUQT͸)551
    PWFS
    44-5-4ͷུ
    w IUUQͷ௨৴Λ҉߸Խͯ͠ߦ͍·͢Αͱ͍͏ҙຯ
12. ͳΜͰ࠷ۙIUUQT͕ਪ঑͞ΕΔͷ͔ w ୈҰʹηΩϡϦςΟڧ౓͕૿͢
    w (PPHMF͕΢ΣϒαΠτΛධՁ͢Δج४ͷ̍ͭͩͱެද͠ ͔ͨΒʢ)5514
    FWFSZXIFSFఏএʣ
    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. ϫΠϠʔϑϨʔϜΛ࡞ΔΞϓϦ "EPCF
    
    9% 4LFUDI
24. σβΠϯ੍࡞ w *MMVTUSBUPS
    ΋͘͠͸
    1IPUPTIPQ
    ͕ओྲྀ
    w ઌ΄Ͳͷ"EPCF
    9%΍4LFUDIͰ׬݁͢Δ͜ͱ΋Ͱ͖Δ
    w ϏδϡΞϧσβΠϯ͚ͩͰͳ͘ɺ޿͘ϢʔβʔମݧΛσ βΠϯ͢ΔΠϝʔδ͕ඞཁʢϗόʔ΍֤෦ΞχϝʔγϣϯͳͲͷಈ͖ͷ ࢦࣔ΋ඞཁʣ
    w ϨΠϠʔ໊Λ͔ͬ͠Γͱ͚ͭͯɺσʔλΛ୭͕ݟͯ΋Θ ͔Γ΍͘͢࡞ΔบΛ͚ͭΔ
25. ίʔσΟϯάɾ࣮૷ w )5.-
    
    $44
    
    +BWB4DSJQUͰίʔσΟϯά
    w $.4ʢ$POUFOUT
    .BOBHFNFOU
    4ZTUFNʣ Λ࢖͏৔߹ʹ͸ɺͦΕʹ൐ͬͨ޻ ఔ͕ൃੜ͢Δ৔߹͕͋Δ
    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. ͝੩ௌ
    ͋Γ͕ͱ͏͍͟͝·ͨ͠ʂ