webデザイン学習者必見!絶対に押さえておきたいwebデザイン超良記事・良サイト10選

  • このエントリーをはてなブックマークに追加
  • Pocket
  • LINEで送る

130218_011-304x122

日々進化をし続ける「WEB」を学びたい人たちにとって、必ず学ばなければいけないのがHTMLとCSSです。
最新のHTML5/CSS3では、メディアやローカルストレージ関連機能の実装が簡単になりさらに実用性のある言語へと変化しています。

しかしながら、HTMLとCSSはプログラミング言語ではないので比較的簡単に学習することができます。さらに学習サービスやツールを活用すれば、最短でHTML5/CSS3を学ぶことができます。
そこでここではHTML5/CSS3を最短&無料で学べるサービスやツールを紹介します。

  もくじ

   Ⅰ.WEBデザイン全般

① WEBデザインが短期間に上達した方法FEVDES BLOG

② 売れるサイト作成に必須!たった4つのWEBデザインの基本法則

   Ⅱ.レイアウト/CSS

③ Web制作者は知っておきたいwebサイトのレイアウト7選

④ CSS: marginの正しい理解 (CSSのmarginが難しい)

   Ⅲ.素材/ギャラリー

⑤ WEBデザイナーご用達の本当に使える商用フリーの素材サイトをまとめました。

⑥ Web Design Clip | Webデザインクリップ

   Ⅳ.フォント/タイポグラフィ

⑦ ウェブデザイナーにお勧め!フォントやタイポグラフィの知識・テクニックを学ぶまとめ

⑧ 今更聞けない?!WEBデザイナーなら最低限知っておきたい有名フォントの数々

   Ⅴ.カラー/配色

⑨ Webデザインの色の組み合わせで迷ったときに役立つツールまとめ

⑩ 人気デザイナーが明かす!カラー配色の秘密テクニック10個まとめ

Ⅰ.WEBデザイン全般

① WEBデザインが短期間に上達した方法FEVDES BLOG

WEBデザインを短期間で学習する方法が具体的にまとめられています。WEBデザイナーになりたい!自分でデザインをしてみたい!けど何を勉強していいかわからない!そんな方におすすめです。

 

 

② 売れるサイト作成に必須!たった4つのWEBデザインの基本法則

サイトのデザインでコンバージョンが大きく左右される!という重いテーマから、実際に売れるサイトにするためにはどのような工夫をするべきなのかをまとめた良記事です。

 

Ⅱ.レイアウト/CSS

SnapCrab_NoName_2015-11-17_14-42-51_No-00

③ Web制作者は知っておきたいwebサイトのレイアウト7選 │ Design Spice
WEBサイト制作でよくお世話になるレイアウトをまとめて解説してくれている記事です。
これは押さえておいて損はありません。

 

 

④ CSS: marginの正しい理解 (CSSのmarginが難しい)|Web Design KOJIKA17
レイアウトでつまづきやすいCSSのmarginですが、そういった方たち向けに書かれています。
うやむやにすることなくきちんと学ぶことができる記事です。

 

Ⅲ.素材/ギャラリー/CSS

⑤ 【※保存版】WEBデザイナーご用達の本当に使える商用フリーの素材サイトをまとめました。
WEBデザインには素材が命です。
記事のタイトル通り本当に使える商用利用可の素材サイトがまとめてあります。

 

 

SnapCrab_NoName_2015-11-17_14-33-17_No-00

⑥ Web Design Clip | Webデザインクリップ
記事ではなくサイトですが、WEBデザインの参考になるギャラリー集です。
ある程度知識のある人にも非常に勉強になるサイトです。

 

Ⅳ.フォント/タイポグラフィ


⑦ ウェブデザイナーにお勧め!フォントやタイポグラフィの知識・テクニックを学ぶまとめ | コリス
意外とおろそかになるフォント・タイポグラフィの学習ですが、この記事を読めばばっちり基本がわかります。

 

 

SnapCrab_NoName_2015-11-17_14-48-38_No-00

⑧ 今更聞けない?!WEBデザイナーなら最低限知っておきたい有名フォントの数々 | バンクーバーのうぇぶ屋

WEBで使われる有名フォントのなかでも最低限押さえておくべきフォントを厳選して解説しています。

 

 


⑨ Webデザインの色の組み合わせで迷ったときに役立つツールまとめ | 株式会社LIG
配色などはじっくり考えるのもいいですが、ツールを使うことで正しい配色のデザインができます。そんな配色で使えるツールをまとめた記事です。

 

 

SnapCrab_NoName_2015-11-21_23-5-42_No-00

⑩ 人気デザイナーが明かす!カラー配色の秘密テクニック10個まとめ – PhotoshopVIP
配色に関して、もっと深く勉強してみたい方は、こちらの記事が非常に参考になります。

 

まとめ

以上、WEBデザインに関する記事をまとめてみました。
初級者から中級者までこれらのサイト・記事は参考になると思います。
それぞれ苦手な分野を基礎からしっかりと克服して、一人前のWEBデザイナーを目指しましょう!

【ソフトバンク携帯のりかえでどこよりも高いキャッシュバックを保証します!】    
【ソフトバンクのiPhone8、スマホを購入したい方はこちら】
【auのiPhone8、スマホを購入したい方はこちら】
【ドコモのiPhone8、スマホを購入したい方はこちら】

販売店比較早見表

店舗名

                                           詳細

おとくケータイ

乗り換えキャッシュバック最高額を保証してくれます

  • オンライン完結でテナント費がない分、キャッシュバック金額が大きい
  • webだけではなく電話やメールで相談もできるので安心
  • キャッシュバック最高額を保証してくれる
  • ソフトバンクに乗り換えるなら最もお得

ソフトバンクオンラインショップ

ドコモオンラインショップ

au Online Shop

  • 各キャリア公式のためiPhone8含め人気機種の在庫が豊富
  • 24時間対応でオンライン完結のため時間をとられない
  • オンラインショップ限定キャンペーンもあり、プランも自由に選べるため料金を安くできる
  • キャリアを乗り換えない機種変更なら一番お得

ソフトバンクショップ, auショップ, ドコモショップ

  • 不要なオプション加入など営業をされる
  • キャッシュバックは出ない場合が多い
  • 混雑しているため非常に時間がかかることがある
  • 店員の質にばらつきがある
  • このエントリーをはてなブックマークに追加
  • Pocket
  • LINEで送る

コメント

Comments are closed.