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

webデザイン基礎学

Avatar for inouenoa inouenoa
June 06, 2016

 webデザイン基礎学

初心者向けのwebデザインに関する基礎的な解説をまとめました。

Avatar for inouenoa

inouenoa

June 06, 2016
Tweet

Other Decks in Design

Transcript

  1. w ݟͤΔ w ΞΫγϣϯΛىͯ͜͠΋Β͏ w ୳ͯ͠΋Β͏ w ݟͤΔ ҹ࡮෺ 8FCαΠτ

    ͪ͜Β͕ൃ৴ଆͰ͋Γɺ
 λʔήοτ͸ड͚औΔ͚ͩɻ ͪ͜Β͕ൃ৴ଆͰ͋Δ͕ɺ
 λʔήοτʹ΋ߦಈΛىͤ͜͞ͳ͍ ͱ੒Γཱͨͳ͍ɻ ໌֬ͳҧ͍ ҹ࡮෺ͱXFCσβΠϯͷҧ͍
  2. จࣈ͕༩͑ΔΠϝʔδ ͍Ζ͸ʹ΄΁ͱ ͍ Ζ ͸ ʹ ΄ ΁ ͱ ͍Ζ͸ʹ΄΁ͱ

    ͍Ζ͸ʹ΄΁ͱ ͍ Ζ ͸ ʹ ΄ ΁ ͱ ͍Ζ͸ʹ΄΁ͱ ϑΥϯτͷछྨ จࣈͷαΠζ ߦؒɾΞΩ ͍͔ͭ͘ͷϧʔϧ จࣈ͕༩͑ΔΠϝʔδ͸ҙ֎ͱڧ͍ʂ
 Θ͔Βͣ࢖༻͍ͯ͠Δͱ໨తͱ͸ҧͬͨํ޲ʹʜ
  3. αΠζ͕༩͑ΔΠϝʔδ SHARP ࠓ·Ͱମݧͨ͜͠ͱͷͳ͍ɺ ੜ·Εͨͯͷ৺஍Α͞΁ɻ )0.& 4)01 $0/$&15 େਓͱ͸ҧ͏࢓༷ͷ੺ͪΌΜͷ͓෍ஂɺͲͷ༷ʹऔΓѻ͏ͷ͔ށ࿭͍ͬͯΒͬ͠ΌΔํɺ ଟ͍ͱࢥ͍·͢ɻͦ͜Ͱɺ೔ৗͷ͓खೖΕํ๏͔Β͓ચ୕ʹ͍ͭͯɺͪΐͬͱͨ͠ϫϯ ϙΠϯτͳͲΛ·ͱΊͯ͝঺հ͍ͨ͠ͱࢥ͍·͢ɻࢀߟʹͳ͍ͬͯͩ͘͞͞ɻ

    SHARP ࠓ·Ͱମݧͨ͜͠ͱͷͳ͍ɺ ੜ·Εͨͯͷ৺஍Α͞΁ɻ )0.& 4)01 $0/$&15 େਓͱ͸ҧ͏࢓༷ͷ੺ͪΌΜͷ͓෍ஂɺͲͷ༷ʹऔΓѻ͏ͷ͔ށ࿭͍ͬͯΒͬ͠ΌΔํɺଟ͍ͱࢥ ͍·͢ɻͦ͜Ͱɺ೔ৗͷ͓खೖΕํ๏͔Β͓ચ୕ʹ͍ͭͯɺͪΐͬͱͨ͠ϫϯϙΠϯτͳͲΛ·ͱ Ίͯ͝঺հ͍ͨ͠ͱࢥ͍·͢ɻࢀߟʹͳ͍ͬͯͩ͘͞͞ɻ /( 0,
  4. ߦؒͱߦૹΓ͕༩͑ΔΠϝʔδ SHARP ࠓ · Ͱ ମ ݧ ͠ ͨ ͜

    ͱ ͷ ͳ ͍ ɺ ੜ · Ε ͨ ͯ ͷ ৺ ஍ Α ͞ ΁ ɻ )0.& 4)01 $0/$&15 େਓͱ͸ҧ͏࢓༷ͷ੺ͪΌΜͷ͓෍ஂɺͲͷ༷ʹऔΓѻ͏ͷ͔ށ࿭͍ͬͯΒͬ͠ΌΔํɺଟ ͍ͱࢥ͍·͢ɻͦ͜Ͱɺ೔ৗͷ͓खೖΕํ๏͔Β͓ચ୕ʹ͍ͭͯɺͪΐͬͱͨ͠ϫϯϙΠϯ τͳͲΛ·ͱΊͯ͝঺հ͍ͨ͠ͱࢥ͍·͢ɻࢀߟʹͳ͍ͬͯͩ͘͞͞ɻ SHARP ࠓ·Ͱମݧͨ͜͠ͱͷͳ͍ɺ ੜ·Εͨͯͷ৺஍Α͞΁ɻ )0.& 4)01 $0/$&15 େਓͱ͸ҧ͏࢓༷ͷ੺ͪΌΜͷ͓෍ஂɺͲͷ༷ʹऔΓѻ͏ͷ͔ށ࿭͍ͬͯΒͬ͠ΌΔํɺଟ͍ͱࢥ͍·͢ɻͦ͜Ͱɺ ೔ৗͷ͓खೖΕํ๏͔Β͓ચ୕ʹ͍ͭͯɺͪΐͬͱͨ͠ϫϯϙΠϯτͳͲΛ·ͱΊͯ͝঺հ͍ͨ͠ͱࢥ͍·͢ɻࢀ ߟʹͳ͍ͬͯͩ͘͞͞ɻ /( 0,
  5. ઈରࣦഊ͠ͳ͍৭ͷ૬ੑ $36/$) ͳΜͯͬͨͬͯɺ ΫϥϯνλΠϚʔɻ $)&$, ࢲͨͪͷ࢓ࣄ͸ςΫϊϩδʔΛ௨ͯ͡ੈքΛΑΓྑ͘͢Δ͜ͱͰ͢ɻ ࢲͨͪΫϥϯνλΠϚʔ͸ςΫϊϩδʔͷେ͖ͳՄೳੑΛ৴͡ɺ ਓʑ ʹຊ౰ʹศརͱײ͍͚ͯͨͩ͡ΔΑ͏ͳՁ஋͋ΔαʔϏεΛੈքத ʹఏڙ͍͖͍ͯͨ͠ͱߟ͍͑ͯ·͢ɻ

    Ϋϥ΢υ΍εϚʔτϑΥϯɺΫϥ΢υϑΝϯσΟϯάͳͲͷΤίγ εςϜʹΑͬͯςΫϊϩδʔΛऔΓר͘؀ڥ͸ܶతʹมΘΓ·ͨ͠ɻ $36/$) ͳΜͯͬͨͬͯɺ ΫϥϯνλΠϚʔɻ $)&$, ࢲͨͪͷ࢓ࣄ͸ςΫϊϩδʔΛ௨ͯ͡ੈքΛΑΓྑ͘͢Δ͜ͱͰ͢ɻ ࢲͨͪΫϥϯνλΠϚʔ͸ςΫϊϩδʔͷେ͖ͳՄೳੑΛ৴͡ɺ ਓʑ ʹຊ౰ʹศརͱײ͍͚ͯͨͩ͡ΔΑ͏ͳՁ஋͋ΔαʔϏεΛੈքத ʹఏڙ͍͖͍ͯͨ͠ͱߟ͍͑ͯ·͢ɻ Ϋϥ΢υ΍εϚʔτϑΥϯɺΫϥ΢υϑΝϯσΟϯάͳͲͷΤίγ εςϜʹΑͬͯςΫϊϩδʔΛऔΓר͘؀ڥ͸ܶతʹมΘΓ·ͨ͠ɻ /( 0, $36/$) ͳΜͯͬͨͬͯɺ ΫϥϯνλΠϚʔɻ $)&$, ࢲͨͪͷ࢓ࣄ͸ςΫϊϩδʔΛ௨ͯ͡ੈքΛΑΓྑ͘͢Δ͜ͱͰ͢ɻ ࢲͨͪΫϥϯνλΠϚʔ͸ςΫϊϩδʔͷେ͖ͳՄೳੑΛ৴͡ɺ ਓʑ ʹຊ౰ʹศརͱײ͍͚ͯͨͩ͡ΔΑ͏ͳՁ஋͋ΔαʔϏεΛੈքத ʹఏڙ͍͖͍ͯͨ͠ͱߟ͍͑ͯ·͢ɻ Ϋϥ΢υ΍εϚʔτϑΥϯɺΫϥ΢υϑΝϯσΟϯάͳͲͷΤίγ εςϜʹΑͬͯςΫϊϩδʔΛऔΓר͘؀ڥ͸ܶతʹมΘΓ·ͨ͠ɻ
  6. ࢹ఺Ҡಈͷେݪଇ δϟϯϓ཰Λۦ࢖ͯ͠ɺ ϢʔβʔΛ༠ಋ͢Δ͜ͱ͕Ͱ͖Δ ਓؒͷ໨͸େ͖͍΋ͷ ͱ৭ͷ͍͍ͭͯΔ΋ͷʹ൓Ԡ͠΍͍͢ʂ ͳΜͯͬͨͬͯɺ ΫϥϯνλΠϚʔɻ ͋͋͋͋͋͋͋͋͋͋͋͋͋ ͋͋͋͋͋͋͋͋͋͋͋͋͋ ͋͋͋͋͋͋͋͋͋͋͋͋͋

    ͋͋͋͋͋͋͋͋͋͋͋͋͋ ͋͋͋͋͋͋͋͋͋͋͋͋͋ ͋͋͋͋͋͋͋͋͋͋͋͋͋ ͋͋͋͋͋͋͋͋͋͋͋͋͋ ͋͋͋͋͋͋͋͋͋͋͋͋͋͋͋͋͋͋͋͋͋͋͋͋͋͋͋͋͋͋͋͋͋͋ ͋͋͋͋͋͋͋͋͋͋͋͋͋͋͋͋͋͋͋͋͋͋͋͋͋͋͋͋͋͋͋͋͋͋ ͋͋͋͋͋͋͋͋͋͋͋͋͋͋͋͋͋͋͋͋͋͋͋͋͋͋͋͋͋͋͋͋͋͋ ͋͋͋͋͋͋͋͋͋͋͋͋͋͋͋͋͋͋͋͋͋͋͋͋͋͋͋͋͋͋͋͋͋͋ ͋͋͋͋͋͋͋͋͋͋͋͋͋͋͋͋͋͋͋͋͋͋͋͋͋͋͋͋͋͋͋͋͋͋ ͋͋͋͋͋͋͋͋͋͋͋͋͋͋͋͋͋͋͋͋͋͋͋͋͋͋͋͋͋͋͋͋͋͋ ͋͋͋͋͋͋͋͋͋͋͋͋͋͋͋͋͋͋͋͋͋͋͋͋͋͋͋͋͋͋͋͋͋͋ ͋͋͋͋͋͋͋͋͋͋͋͋͋͋͋͋͋͋͋͋͋͋͋͋͋͋͋͋͋͋͋͋
  7. ࢹ఺Ҡಈͷେݪଇ େਓͱ͸ҧ͏࢓༷ͷ੺ͪΌΜͷ͓෍ஂɺͲͷ༷ʹऔΓѻ͏ͷ͔ށ࿭͍ͬͯΒͬ͠ΌΔํɺଟ ͍ͱࢥ͍·͢ɻͦ͜Ͱɺ೔ৗͷ͓खೖΕํ๏͔Β͓ચ୕ʹ͍ͭͯɺͪΐͬͱͨ͠ϫϯϙΠϯ τͳͲΛ·ͱΊͯ͝঺հ͍ͨ͠ͱࢥ͍·͢ɻࢀߟʹͳ͍ͬͯͩ͘͞͞ɻ େਓͱ͸ҧ͏࢓༷ͷ੺ͪΌΜͷ͓෍ஂɺͲͷ༷ʹऔΓѻ͏ͷ͔ށ࿭͍ͬͯΒͬ͠ΌΔํɺଟ ͍ͱࢥ͍·͢ɻͦ͜Ͱɺ೔ৗͷ͓खೖΕํ๏͔Β͓ચ୕ʹ͍ͭͯɺͪΐͬͱͨ͠ϫϯϙΠϯ τͳͲΛ·ͱΊͯ͝঺հ͍ͨ͠ͱࢥ͍·͢ɻࢀߟʹͳ͍ͬͯͩ͘͞͞ɻ େਓͱ͸ҧ͏࢓༷ͷ੺ͪΌΜͷ͓෍ஂɺͲͷ༷ʹऔΓѻ͏ͷ͔ށ࿭͍ͬͯΒͬ͠ΌΔํɺଟ ͍ͱࢥ͍·͢ɻͦ͜Ͱɺ೔ৗͷ͓खೖΕํ๏͔Β͓ચ୕ʹ͍ͭͯɺͪΐͬͱͨ͠ϫϯϙΠϯ τͳͲΛ·ͱΊͯ͝঺հ͍ͨ͠ͱࢥ͍·͢ɻࢀߟʹͳ͍ͬͯͩ͘͞͞ɻ

    େਓͱ͸ҧ͏࢓༷ͷ੺ͪΌΜͷ͓෍ஂɺͲͷ༷ʹऔΓѻ͏ͷ͔ށ࿭͍ͬͯΒͬ͠ΌΔํɺଟ ͍ͱࢥ͍·͢ɻͦ͜Ͱɺ೔ৗͷ͓खೖΕํ๏͔Β͓ચ୕ʹ͍ͭͯɺͪΐͬͱͨ͠ϫϯϙΠϯ τͳͲΛ·ͱΊͯ͝঺հ͍ͨ͠ͱࢥ͍·͢ɻࢀߟʹͳ͍ͬͯͩ͘͞͞ɻ େਓͱ͸ҧ͏࢓༷ ͷ੺ͪΌΜͷ͓෍ ஂɺͲͷ༷ʹऔΓ ѻ͏ͷ͔ށ࿭ͬͯ ͍Βͬ͠ΌΔํɺ ଟ͍ͱࢥ͍·͢ɻ ͦ͜Ͱɺ೔ৗͷ͓ खೖΕํ๏͔Β͓ ચ୕ʹ͍ͭͯɺ ͪΐͬͱͨ͠ϫϯ େਓͱ͸ҧ͏࢓༷ ͷ੺ͪΌΜͷ͓෍ ஂɺͲͷ༷ʹऔΓ ѻ͏ͷ͔ށ࿭ͬͯ ͍Βͬ͠ΌΔํɺ ଟ͍ͱࢥ͍·͢ɻ ͦ͜Ͱɺ೔ৗͷ͓ खೖΕํ๏͔Β͓ ચ୕ʹ͍ͭͯɺ ͪΐͬͱͨ͠ϫϯ େਓͱ͸ҧ͏࢓༷ ͷ੺ͪΌΜͷ͓෍ ஂɺͲͷ༷ʹऔΓ ѻ͏ͷ͔ށ࿭ͬͯ ͍Βͬ͠ΌΔํɺ ଟ͍ͱࢥ͍·͢ɻ ͦ͜Ͱɺ೔ৗͷ͓ खೖΕํ๏͔Β͓ ચ୕ʹ͍ͭͯɺ ͪΐͬͱͨ͠ϫϯ େਓͱ͸ҧ͏࢓༷ͷ੺ͪΌΜͷ͓෍ஂɺͲͷ༷ʹऔΓѻ͏ͷ͔ށ࿭ͬ ͍ͯΒͬ͠ΌΔํɺଟ͍ͱࢥ͍·͢ɻͦ͜Ͱɺ೔ৗͷ͓खೖΕํ๏͔ Β͓ચ୕ʹ͍ͭͯɺͪΐͬͱͨ͠ϫϯϙΠϯτͳͲΛ·ͱΊͯ͝঺հ ͍ͨ͠ͱࢥ͍·͢ɻࢀߟʹͳ͍ͬͯͩ͘͞͞ɻ /( 0,