1. まとめトップ
  2. IT・ガジェット

webデザイン初心者が独学に役立つサイトまとめ

webの勉強をする際に観ておくべきサイトまとめ。

更新日: 2013年01月22日

nasurinさん

  • このまとめをはてなブックマークに追加
3194 お気に入り 160993 view
お気に入り追加

タイトルの通り、これからwebデザイナーを目指す人に心構えや勉強の仕方を教えてくれるサイト。サイト管理人も独学からはいりでwebデザインをフリーランスとしてやっている。管理人がおすすめしている書籍は非常に参考になる。

http://www.be-webdesigner.com/

19のステップで、まったくのゼロから、独学でWebデザイナーになる方法

http://www.designmap.info/tobewebdesigner/preparation/webselfstudy2012/

HTML/CSS(スタイルシート)理解できるサイト

サイト管理人は海外で活躍するwebデザイナー。チュートリアル系のサイトで非常に分かりやすいと評判のサイト。海外でのwebデザインのあり方など役に立つ情報を配信してくれている。

http://www.webcreatorbox.com/tech/web-links-for-beginners/

無料で動画を観ながらHTML/CSSが学べるサイト。何となくどんなモノなのか分かっている人にオススメ。プログラミングの勉強ができる動画も取り揃えていて非常にお役立ちサイト。

http://dotinstall.com

こちらもチュートリアルのサイト。html/cssがある程度理解できたあとにのぞいてみると新たな知識を得られると思います。jQueryについて勉強するならこのサイトがオススメ。

http://webdesignrecipes.com/

こちらのサイトはwebデザインのあらゆる情報を配信しているサイト。暇なときにのぞくとついつい見入ってしまう。

http://e0166.blog89.fc2.com

HTML/CSSを勉強しているときに、このタグどういう意味だっけな?あのタグなんだったっけな?と思ったときに役立つタグサイト。

http://www.tagindex.com/

素材集

無料の写真素材が豊富なサイト。HP制作には書かせない素材サイト。

http://www.ashinari.com/

WEBサイト制作やデザイン用途向けに商業利用可能(クレジット不要)な写真素材を高解像度でかつ、全部無料で配布している画像サイトです。

http://www.pakutaso.com/index.html

photoshopを勉強する際に役立つサイト。素材集やロゴのチュートリアル等を他サイトから引っ張ってきてのせてくれていて、デザイン性が高いためセンスも磨ける。

http://photoshopvip.net/

サイト紹介サイト

HP制作会社のサイトなども紹介していて勉強になります。

http://www.web-mihon.com/

WEBデザインに役立つ、いけてるサイト、かっこいいサイト、おしゃれなサイト、クールなサイトなどを集めたWEBデザイナーのためのWEBデザイン リンク集。日本語&日本人が制作しているWEBデザインサイトを対象としています。

http://www.ikesai.com/

1





人生のためになるかもしれないまとめをポツポツと上げて行きます。

このまとめに参加する



  • 話題の動画をまとめよう