HTML&CSSの勉強法

Question

現在、ProgateにてHTML&CSSを学んでいる大学生です。
プログラミングは今までに経験した事がなく、独学で学んでいる状態です。
ProgateのHTML&CSSコースでは、実践コースまで学習をし終えました。progateではクラウドワークスと連携しており、実践コースまで勉強をし終えると募集中の仕事内容が掲載されるという仕組みです。
HTML&CSSを勉強し始めて、２〜３週間なのですが仕事内容を拝見させて頂くと、今の自分には到底できそうにない気がしました。
大学在学中にWebデザインを自分の一つの職業にしたいと思っており、これからもっと自分の能力を伸ばすために、何を学べば良いのかを具体的に教えて頂きたいです。
また、これだけは最低限読んでおいたほうがいい本なども教えていただけると有り難いです。

Answer 1

HTML&CSSを勉強し始めて、２〜３週間なのですが仕事内容を拝見させて頂くと、今の自分には到底できそうにない気がしました。

2,3週間程度では普通できません。
プロスポーツ選手が競技を始めて2,3週間でプロスポーツ選手としてやっていけるようなスキルが身に付くわけがないですよね。それと同じです。

だから焦らなくて良いです。
基本をしっかり学び、色々と作ってみてください。

デザインは「色々なものを見て学ぶ」ことが大事だと思います。
Webデザインであれば様々なサイトを見て、どのような構成で作られているか考え、レイアウトの意味を考えていくような感じだと思います。
例えばWebサイトデザインテンプレートを配布しているようなサイトなんかはうってつけだと思います。

Answer 2

Webデザインをしたいということで、
まずは様々なサイトを見て、どのような種類のデザインがあるのかを見ていくのがいいかなと思います。
デザインについての背景やトレンドを知る、というのが重要かなと。

それから、デザインについての基礎知識として、
・レイアウト
・色に関すること（配色、色の組み合わせ、色のもつイメージなど）
・フォント（種類、フォントの組み合わせ方、行間、文字間など）
・UI/UX（ユーザー目線に立ったデザイン）
など、学ぶ事はいろいろあります。

ちなみにこちらの書籍が評価高いらしいです。
https://www.amazon.co.jp/exec/obidos/asin/4839955557/shiromatakumi-22/
本は、正直自分にあったものでいいと思います。
出来るだけ新しい書籍の方がいいです。

また、PhotoshopやIllustratorなど、グラフィックデザインのスキルも必要です。

コーディングについては、最低限HTML/CSSで、自分の思い通りにコーディングが出来ること。
欲を言えば、jQueryを使って、スライダーとかポップアップとかの実装を、ライブラリ使ってでいいので出来るぐらいになれるといいですね。

ちょっと長いかもですが、こちらいいコンテンツだと思いますので、見てみてもらえると。
デザインのセオリーは変わらないので、こういうところで色んなスライドを見るのもオススメです。
https://www.slideshare.net/shirokuro331/web-11608357

Comments

[ponpon0987]

確かに、コードは書けても文字のサイズ感などは全くわかっておりませんので、
色彩や文字の大きさに関することも勉強しないといけないですね。
具体的な指示、大変助かります！
とりあえず、レイアウトや色彩などHTML/CSSをもう少し深く勉強してからグラフィックデザインの勉強をしていきたいと思います。