文化系ハック

当ブログ「文化系ハック」は芸術や学問など文化的な事項をいちじるしく好む『文化系』と言われる男女に向け、ライフハックや生活に役立つ情報、インターネットの様々なカルチャーに関する情報を発信していきます。

初心者がwebデザインの勉強をガッツリできるサイト&サービス

✔この記事をブックマーク

f:id:bunkakeihack:20180109185545j:plain

 

初心者がwebデザインを勉強しようと思っても、何から始めればいいのかわからないことがあります。

また、情報の移り変わりが激しいwebデザインの業界では書籍での勉強だけでは足りないこともあります。


本記事では初心者でもwebデザインを1から勉強できるサイトやサービスを集めました。

初心者向けですが、中級者以上でも勉強し直すことで得られるものは多いかと思います。
是非参考にしてみて下さい。


webデザインとは何なのか 初心者向けに解説

Webデザイナーとは?Webデザイナーの仕事内容と将来性

www.internetacademy.jp

webデザインって何をすることなの?webデザイナーの仕事内容は?webデザイナーになるにはどうしたらいいの?

webデザイン初心者が知りたいことを教えてくれるサイトです。

将来的にwebデザインの仕事に就きたいと考えている初心者にオススメです。


webデザインに関する知識を完全網羅

ひとりでWeb制作できた!「知識0から学ぶ」すごいスライドやサイト27

commte.net

初心者のみならず知りたいwebデザインに関連する情報(HTMLやCSS、フォトショやイラレに関する情報まで!)を丁寧に解説しています。

webデザインを勉強したいと思っている初心者が必ずチェックすべき記事です。


同じ初心者だから知りたいこと、わかわないことがわかる

HTML/CSS最短勉強法!素人が5日でWebサイトをデザインするためにやったこと|Monosyブログ

monosy.com

実際に初心者だった著者がwebサイトを5日で立ち上げるためにやったことをまとめたサイト。

徹底した初心者目線なので、何から勉強していいかわからないといった人にうってつけです。


やってみて勉強することで最短で結果が得られる

実践で学ぶWebサイト制作ガイド まとめ

www.webcreatorbox.com

実践しながらwebデザインを勉強できる連載。

プランニングからサイトマップ作成、デザインなどを経てWebサイト公開までの手順を勉強できます。

サンプル等があるのも初心者には嬉しいポイント。


「webデザイン」そのものを勉強する

Webデザインのセオリーを学ぼう

www.slideshare.net

webデザインとは何か。その問に答えてくれるスライドです

デザインの本質的な部分から、実践的な意味のあるデザインまで勉強できます。

これを勉強することで初心者を脱する第一歩となりそう。


webデザインのトレンドを知り、「今」のデザインに

2017年に流行したウェブデザイントレンドの重要ポイント10個まとめ

photoshopvip.net

トレンドの移り変わりが激しいwebデザイン業界。

そんなトレンドをロジカルにわかりやすく解説しています。

これを知れば今っぽい、こなれたwebサイトになるかも?


webデザインに必須の「言語」をマスター

HTML&CSS入門 Webデザインをイチから学ぼう

saruwakakun.com

webデザインにおいて欠かすことのできないHTMLとCSS。

難しいイメージがありますが、このサイトは初心者向けなのできっちりと勉強できます。

しっかりと勉強すれば作りたいwebデザインのサイトを具現化しやすくなるでしょう。


動画でwebデザインを勉強できるから飽きずにしっかりと身につく

ドットインストール

https://dotinstall.com/

三分間の動画でプログラミングを勉強することができるドットインストール。

プログラミングの学習サービスですが、HTMLやCSSなどのwebデザインに必須な言語の動画も存在します。

動画で学ぶことによってしっかりと知識が定着し、すぐにwebサイトが作れることになるでしょう。


配色パターンを知れば一気におしゃれなwebデザインに

ノンデザイナーこそ押さえておきたい!グッとくるWebサイト配色パターン集

www.find-job.net

有名企業のサイトの配色をわかりやすく解説しています。

さすがに有名企業だけあってどれも間違いない配色。

配色によってイメージががらりと変わってしまうので初心者のみならず勉強しておきたいところです。


便利な機能を知ればwebデザインがもっと楽しくなる

Webデザイナー必見!Webデザインに便利なGoogle Chromeの拡張機能4選まとめ

liginc.co.jp

webブラウザであるGoogle Chromeの、webデザインに使える拡張機能を紹介した記事です。

内容は、フォントを調べたりカラーコードを調べたり要素のサイズを調べたり…。

あると便利な、かゆいところに手の届く拡張機能です。