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

きれいな資料をつくれる非デザイナーのための実践デザイン講座

georgesekkie
September 30, 2017

 きれいな資料をつくれる非デザイナーのための実践デザイン講座

第4回クローズド勉強会の資料です。

georgesekkie

September 30, 2017
Tweet

More Decks by georgesekkie

Other Decks in Education

Transcript

  1. ͖Ε͍ͳࢿྉΛͭ͘ΕΔʂඇσβΠφʔͷͨΊͷ࣮ફσβΠϯߨ࠲ TECH::CAMP 9/30 w ໊લ w ΑΈ͕ͳ w ೥ྸ w

    ࣗݾ঺հจ w إࣸਅ 4 ࠓΒ͔෼Ͱ
 ʮࣗݾ঺հεϥΠυʯΛ࡞ͬͯ΋Β͍·͢ʂ
  2. ͖Ε͍ͳࢿྉΛͭ͘ΕΔʂඇσβΠφʔͷͨΊͷ࣮ફσβΠϯߨ࠲ TECH::CAMP 9/30 Θ͔͖ͭͻΖ͖͋ ए݄ܒ૱ 7 Skill Web Design, Front

    End / Service Design (UX/UI) / Graphic Design / Motion Graphic / Photo Sketch / Photoshop / Illistrator / After Effects / Vegas Pro / HTML / CSS / jQuery / PHP / Ruby on Rails தֶ೥ੜͷͱ͖ʹ8FC੍࡞ʹڵຯΛ࣋ͭɻ ͦͷޙɺςϯϓϨʔτ഑෍αΠτΛެ։͠)5.-΍$44ɺ+BWB4DSJQUΛಠֶͰ ֶͼɺߋʹ1)1Λ༻͍ͨ8FCαʔϏεͳͲɺ༷ʑͳ8FCαΠτΛ੍࡞ɻࠓ· Ͱʹ࡞ͬͨαΠτ͸ɺαΠτҎ্ɻ ֶੜ࣌ʹ'*$$JOD΍͘͞ΒΠϯλʔωοτגࣜձࣾʹͯΞ ϧόΠτΛܦݧɻ
  3. ͖Ε͍ͳࢿྉΛͭ͘ΕΔʂඇσβΠφʔͷͨΊͷ࣮ફσβΠϯߨ࠲ TECH::CAMP 9/30 جຊݪଇۙ઀ 5&$)$".1ͷಛ௃ 21 τϨʔφʔʹΑΔݸผΧ΢ϯηϦϯάͰֶशαϙʔτ डߨੜͦΕͧΕʹԠͨ͡ϑΥϩʔ ɾ໨ඪઃఆ ɾ೔ʑͷεέδϡʔϧઃఆ

    ɾֶशͷΞυόΠε ɾݸผͰͷ͓೰Έ૬ஊ ຖ೔࣭໰͠์୊ͷ؀ڥ ΩϟϯϓͰ௚઀࣭໰ ɾڭࣨͰ௚઀ϝϯλʔʹ࣭໰ ɾΦϯϥΠϯͰ΋࣭໰͕Մೳ ΦϯϥΠϯʹ࣭ͯ໰ ɾ4LZQF΍νϟοτΛར༻࣭ͯ͠໰ ɾը໘ڞ༗͠ͳ͕Βٙ໰Λղܾ ࣭໰಺༰΍࣭໰ճ਺ͷ੍ݶ͸Ұ੾͋Γ·ͤΜɻ ڭࣨར༻ฏ೔d࣌ɺ౔೔ॕd࣌ɺΦϯϥΠϯ࣭໰શ೔d࣌
  4. ͖Ε͍ͳࢿྉΛͭ͘ΕΔʂඇσβΠφʔͷͨΊͷ࣮ફσβΠϯߨ࠲ TECH::CAMP 9/30 جຊݪଇۙ઀ 5&$)$".1ͷಛ௃ 22 τϨʔφʔʹΑΔݸผΧ΢ϯηϦϯάͰֶशαϙʔτ डߨੜͦΕͧΕʹԠͨ͡ϑΥϩʔ ɾ໨ඪઃఆ ɾ೔ʑͷεέδϡʔϧઃఆ

    ɾֶशͷΞυόΠε ɾݸผͰͷ͓೰Έ૬ஊ ຖ೔࣭໰͠์୊ͷ؀ڥ ΩϟϯϓͰ௚઀࣭໰ ɾڭࣨͰ௚઀ϝϯλʔʹ࣭໰ ɾΦϯϥΠϯͰ΋࣭໰͕Մೳ ΦϯϥΠϯʹ࣭ͯ໰ ɾ4LZQF΍νϟοτΛར༻࣭ͯ͠໰ ɾը໘ڞ༗͠ͳ͕Βٙ໰Λղܾ ࣭໰಺༰΍࣭໰ճ਺ͷ੍ݶ͸Ұ੾͋Γ·ͤΜɻ ڭࣨར༻ฏ೔d࣌ɺ౔೔ॕd࣌ɺΦϯϥΠϯ࣭໰શ೔d࣌ ͱʹ͔͘ಡΈͮΒ͍ɻ Ͳ͕۠͜੾Γ͔͕Θ͔Βͳ͍ɻ
  5. ͖Ε͍ͳࢿྉΛͭ͘ΕΔʂඇσβΠφʔͷͨΊͷ࣮ફσβΠϯߨ࠲ TECH::CAMP 9/30 جຊݪଇۙ઀ 5&$)$".1ͷಛ௃ 23 τϨʔφʔʹΑΔݸผΧ΢ϯηϦϯάͰֶशαϙʔτ डߨੜͦΕͧΕʹԠͨ͡ϑΥϩʔ w ໨ඪઃఆ

    w ೔ʑͷεέδϡʔϧઃఆ w ֶशͷΞυόΠε w ݸผͰͷ͓೰Έ૬ஊ ຖ೔࣭໰͠์୊ͷ؀ڥ ΩϟϯϓͰ௚઀࣭໰ w ڭࣨͰ௚઀ϝϯλʔʹ࣭໰ ΦϯϥΠϯͰ΋࣭໰͕Մೳ w ΦϯϥΠϯʹ࣭ͯ໰ w 4LZQF΍νϟοτΛར༻࣭ͯ͠໰ w ը໘ڞ༗͠ͳ͕Βٙ໰Λղܾ ࣭໰಺༰΍࣭໰ճ਺ͷ੍ݶ͸Ұ੾͋Γ·ͤΜɻ ڭࣨར༻ฏ೔d࣌ɺ౔೔ॕd࣌ɺΦϯϥΠϯ࣭໰શ೔d࣌ ΦϦδφϧֶशڭࡐ5&$)."45&3 ʰ3VCZ )5.-$44 3VCZPO3BJMTʱʮະܦݧͰ΋ҰಡͰ෼͔Δʯʹͩ͜ΘΓճҎ্ͷΞοϓσʔτɻݱࡏ΋೔ʑमਖ਼ ͠ɺ࠷৽৘ใΛચ࿅͞ΕͨΧϦΩϡϥϜͰֶ΂ΔΑ͏ʹͳ͍ͬͯ·͢ɻ
  6. ͖Ε͍ͳࢿྉΛͭ͘ΕΔʂඇσβΠφʔͷͨΊͷ࣮ફσβΠϯߨ࠲ TECH::CAMP 9/30 جຊݪଇۙ઀ 5&$)$".1ͷಛ௃ 24 τϨʔφʔʹΑΔݸผΧ΢ϯηϦϯάͰֶशαϙʔτ डߨੜͦΕͧΕʹԠͨ͡ϑΥϩʔ w ໨ඪઃఆ

    w ೔ʑͷεέδϡʔϧઃఆ w ֶशͷΞυόΠε w ݸผͰͷ͓೰Έ૬ஊ ຖ೔࣭໰͠์୊ͷ؀ڥ ΩϟϯϓͰ௚઀࣭໰ w ڭࣨͰ௚઀ϝϯλʔʹ࣭໰ ΦϯϥΠϯͰ΋࣭໰͕Մೳ w ΦϯϥΠϯʹ࣭ͯ໰ w 4LZQF΍νϟοτΛར༻࣭ͯ͠໰ w ը໘ڞ༗͠ͳ͕Βٙ໰Λղܾ ࣭໰಺༰΍࣭໰ճ਺ͷ੍ݶ͸Ұ੾͋Γ·ͤΜɻ ڭࣨར༻ฏ೔d࣌ɺ౔೔ॕd࣌ɺΦϯϥΠϯ࣭໰શ೔d࣌ ΦϦδφϧֶशڭࡐ5&$)."45&3 ʰ3VCZ )5.-$44 3VCZPO3BJMTʱʮະܦݧͰ΋ҰಡͰ෼͔Δʯʹͩ͜ΘΓճҎ্ͷΞοϓσʔτɻݱࡏ΋೔ʑमਖ਼ ͠ɺ࠷৽৘ใΛચ࿅͞ΕͨΧϦΩϡϥϜͰֶ΂ΔΑ͏ʹͳ͍ͬͯ·͢ɻ ͦΕͧΕΛ·ͱΊɺԼ෦ʹ༨നΛ͚ͭͨ͜ ͱͰɺԿΛݴ͍͍ͨͷ͔͕Θ͔ΔΑ͏ʹɻ
  7. ͖Ε͍ͳࢿྉΛͭ͘ΕΔʂඇσβΠφʔͷͨΊͷ࣮ફσβΠϯߨ࠲ TECH::CAMP 9/30 جຊݪଇ੔ྻ ຖ೔࣭໰͠์୊ͷ؀ڥ 28 ΩϟϯϓͰ௚઀࣭໰ w ڭࣨͰ௚઀ϝϯλʔʹ࣭໰ w

    ΦϯϥΠϯͰ΋࣭໰͕Մೳ ࣭໰಺༰΍࣭໰ճ਺ͷ੍ݶ͸Ұ੾͋Γ·ͤΜʂ όϥόϥ͍ͯͯ͠ɺͲ͜ʹ஫໨ͨ͠Β͍͍ ͷ͔Θ͔Βͳ͍ɻ
  8. ͖Ε͍ͳࢿྉΛͭ͘ΕΔʂඇσβΠφʔͷͨΊͷ࣮ફσβΠϯߨ࠲ TECH::CAMP 9/30 جຊݪଇ੔ྻ ຖ೔࣭໰͠์୊ͷ؀ڥ 30 ΩϟϯϓͰ௚઀࣭໰ w ڭࣨͰ௚઀ϝϯλʔʹ࣭໰ w

    ΦϯϥΠϯͰ΋࣭໰͕Մೳ ࣭໰಺༰΍࣭໰ճ਺ͷ੍ݶ͸Ұ੾͋Γ·ͤΜʂ ἧ͍ͬͯΔ͜ͱͰɺ
 ্͔Βॱ൪ʹಡΜͰ͍͜͏ͱࢥ͑Δɻ
  9. ͖Ε͍ͳࢿྉΛͭ͘ΕΔʂඇσβΠφʔͷͨΊͷ࣮ફσβΠϯߨ࠲ TECH::CAMP 9/30 33 جຊݪଇ൓෮ ΦϦδφϧֶशڭࡐ5&$)."45&3 3VCZ )5.-ɾ$44 3VCZPO3BJMT ʮະܦݧͰ΋ҰಡͰ෼͔Δʯ

    ʹͩ͜ΘΓճҎ্ͷΞο ϓσʔτɻݱࡏ΋೔ʑमਖ਼ ͠ɺ࠷৽৘ใΛચ࿅͞ΕͨΧ ϦΩϡϥϜͰֶ΂ΔΑ͏ʹͳͬ ͍ͯ·͢ɻ
  10. ͖Ε͍ͳࢿྉΛͭ͘ΕΔʂඇσβΠφʔͷͨΊͷ࣮ફσβΠϯߨ࠲ TECH::CAMP 9/30 34 جຊݪଇ൓෮ ΦϦδφϧֶशڭࡐ5&$)."45&3 3VCZ )5.-ɾ$44 3VCZPO3BJMT ʮະܦݧͰ΋ҰಡͰ෼͔Δʯ

    ʹͩ͜ΘΓճҎ্ͷΞο ϓσʔτɻݱࡏ΋೔ʑमਖ਼ ͠ɺ࠷৽৘ใΛચ࿅͞ΕͨΧ ϦΩϡϥϜͰֶ΂ΔΑ͏ʹͳͬ ͍ͯ·͢ɻ όϥόϥ͍ͯͯ͠ɺ
 3VCZPO3BJMTͷॏཁ౓͕ߴ͘ͳ͍ͬͯ Δ
  11. ͖Ε͍ͳࢿྉΛͭ͘ΕΔʂඇσβΠφʔͷͨΊͷ࣮ફσβΠϯߨ࠲ TECH::CAMP 9/30 جຊݪଇίϯτϥετ ࣮੷ɿडߨऀ਺ 42 w ຖ݄ਓҎ্͕डߨ͞Ε͍ͯ·͢ɻ w डߨੜͷҎ্͕ϓϩάϥϛϯά

    ະܦݧऀ w ࠓ࠷΋ਓؾͷ͋Δϓϩάϥϛϯάڭ ҭϓϩάϥϜͰ͢ 
 ໊Ҏ্ ͖ͪΜͱɺडߨऀ਺͕໨ཱ͓ͬͯΓڵຯ͕ Θ͘Α͏ͳσβΠϯʹͳ͍ͬͯΔɻ
  12. ͖Ε͍ͳࢿྉΛͭ͘ΕΔʂඇσβΠφʔͷͨΊͷ࣮ફσβΠϯߨ࠲ TECH::CAMP 9/30 44 ίπ  ݪ৭Λ࢖Θͳ͍  จࣈ͸ۃྗݮΒ͢ 

    ϓϨθϯͷதͰ৭ͱจࣈαΠζ͸छྨ·Ͱ  վߦͰ༨നΛ࡞Βͳ͍  ը૾͸େ͖͘࢖͏
  13. ͖Ε͍ͳࢿྉΛͭ͘ΕΔʂඇσβΠφʔͷͨΊͷ࣮ફσβΠϯߨ࠲ TECH::CAMP 9/30 5&$)$".1ͷಛ௃ τϨʔφʔʹΑΔݸผΧ΢ϯηϦϯάͰֶशαϙʔτ डߨੜͦΕͧΕʹԠͨ͡ϑΥϩʔ ɾ໨ඪઃఆ ɾ೔ʑͷεέδϡʔϧઃఆ ɾֶशͷΞυόΠε ɾݸผͰͷ͓೰Έ૬ஊ

    ΦϦδφϧֶशڭࡐ5&$)."45&3 3VCZ )5.-$44 3VCZPO3BJMT ʮະܦݧͰ΋ҰಡͰ෼͔Δʯʹͩ͜ΘΓճҎ্ͷΞοϓσʔτɻݱࡏ΋೔ʑमਖ਼͠ɺ࠷৽৘ใΛચ࿅͞ ΕͨΧϦΩϡϥϜͰֶ΂ΔΑ͏ʹͳ͍ͬͯ·͢ɻ ຖ೔࣭໰͠์୊ͷ؀ڥ ΩϟϯϓͰ௚઀࣭໰ ɾڭࣨͰ௚઀ϝϯλʔʹ࣭໰ ίπվߦͰ༨നΛ࡞Βͳ͍ 61
  14. ͖Ε͍ͳࢿྉΛͭ͘ΕΔʂඇσβΠφʔͷͨΊͷ࣮ફσβΠϯߨ࠲ TECH::CAMP 9/30 5&$)$".1ͷಛ௃ ίπվߦͰ༨നΛ࡞Βͳ͍ 62 ຖ೔࣭໰͠์୊ͷ؀ڥ ΩϟϯϓͰ௚઀࣭໰ w ڭࣨͰ௚઀ϝϯλʔʹ࣭໰

    ΦϯϥΠϯͰ΋࣭໰͕Մೳ w ΦϯϥΠϯʹ࣭ͯ໰ w 4LZQF΍νϟοτΛར༻࣭ͯ͠໰ w ը໘ڞ༗͠ͳ͕Βٙ໰Λղܾ ࣭໰಺༰΍࣭໰ճ਺ͷ੍ݶ͸Ұ੾͋Γ·ͤΜɻ ڭࣨར༻ฏ೔d࣌ɺ౔೔ॕd࣌ɺΦϯϥΠϯ࣭໰શ೔d࣌ ΦϦδφϧֶशڭࡐ5&$)."45&3 ʰ3VCZ )5.-$44 3VCZPO3BJMTʱʮະܦݧͰ΋ҰಡͰ෼͔Δʯʹͩ͜ΘΓճҎ্ͷΞοϓσʔτɻݱࡏ΋೔ʑमਖ਼ ͠ɺ࠷৽৘ใΛચ࿅͞ΕͨΧϦΩϡϥϜͰֶ΂ΔΑ͏ʹͳ͍ͬͯ·͢ɻ τϨʔφʔʹΑΔݸผΧ΢ϯηϦϯάͰֶशαϙʔτ डߨੜͦΕͧΕʹԠͨ͡ϑΥϩʔ w ໨ඪઃఆ w ೔ʑͷεέδϡʔϧઃఆ w ֶशͷΞυόΠε w ݸผͰͷ͓೰Έ૬ஊ
  15. ͖Ε͍ͳࢿྉΛͭ͘ΕΔʂඇσβΠφʔͷͨΊͷ࣮ફσβΠϯߨ࠲ TECH::CAMP 9/30 ·ͱΊ 70 ίπ  ݪ৭Λ࢖Θͳ͍  จࣈ͸ۃྗݮΒ͢

     ϓϨθϯͷதͰ৭ͱจࣈαΠζ͸छྨ·Ͱ  վߦͰ༨നΛ࡞Βͳ͍  ը૾͸େ͖͘࢖͏