Webデザインの勉強って何から始めればいいの？スクールと独学結局どっちがいいの？｜STUDIO三宮

こんにちは、デジタルハリウッドSTUDIO三宮です！

このページは、

「Webデザインに興味はあるけど、そもそも何をしたらいいの…？」

「自分が独学に向いているのか、スクールに向いているのかわからない…」

という方向けになっています。新しいことを始めるのは、わくわくするのと同時に不安な気持ちもあると思います。不安の原因は「わからない」が大半です。なのでこの記事で少しでもお力になれたらと思います！

【目次】

最初に…
引き出しを増やす方法
デザイン・コーディングの基礎を学ぶ方法
学ぶなら独学？スクール？

1.最初に…

技術＜情報

何から勉強するべきなのか、まず最初にお伝えします。

それは技術の習得よりも、デザインを見る・触れる。そしてそれを吸収し、自分の中にインプットをすることです。たくさんのものに触れることで自分の引き出しを増やしていってください。

デザインするときに引き出しが多ければ多いほど、アイデアが湧いてきます。多くのアイデアが出てくると、自分もクライアントも納得できる確率が高くなります。

技術はもちろん大事ですが、知識や情報も非常に大事だと知っておいてください。

2.引き出しを増やす方法

引き出しが大事だとわかってもどのように増やせばいいのかわからない…という方は下記に挙げた例を参考にしてください。これら以外にも世の中にはデザインが溢れています。まずは身の回りのものを意識して「見る」ことが大事です。

①Webサイトをたくさん見る

今、世に出ている実際のサイトはプロが作ったものです。なぜこのようなデザインにしたか、自分ならどうするのかを考えながら見てみてください。

②雑誌を読む

雑誌はレイアウト・写真の配置の勉強になります。できるだけいろんな種類の雑誌を読んでみて下さい。三宮校には在校生のインプットになればなぁと毎月11冊の雑誌を買っておいています！時間があるときは目を通してみてください。

③電車の中吊り広告・カフェの看板などを見る意識をする

普段なにげなく生活している中で、少し意識するだけでデザインは転がっていたりします。普段からデザインを見つける意識をつけておくとインプットもできるし、少し楽しい気持ちにもなると思います！

など。

スマホやパソコンでのインプットも大切ですが、自分の②や③のようなオフラインのインプットも大切にしてほしいです！デザインに関するイベントなどに積極的に参加するのもオススメです。三宮校では数々のイベントを開催していく予定なので是非参加してくださいね。

3.デザイン・コーディングの基礎を学ぶ方法

■デザイン

デザインソフトを使ってWebサイトの見た目を作っていくお仕事。

デザイン初心者が成長するコツは、手を動かしながらデザインを学ぶことです。自分の作りたいものを作るために試行錯誤しながらソフトの使い方は覚えていけばいいと思います。

また、Webデザイナーの仕事はクライアントが抱えている「問題を解決する」ために、「問題を解決する方法を考え、視覚的にアプローチすること」です。例えば、集客率を上げることが目的なのであれば、それに沿ったデザインを提案するなど。自分のデザインを説明できるように日ごろから、デザインを言語化する習慣をつけておくことをオススメします！

■コーディング

HTMLやCSS、JavaScriptなどのプログラム言語を使ってサイトを作るお仕事。

コーディングを行うには必ずHTMLとCSSの知識が必要になります。

・HTML

具体的には、Webページに表示される画面を作っている言語です。この言語で文章をマークアップすることで、コンピューターは理解することができます。現在、ほとんどのWebページがHTMLから作成されています。

・CSS

CSSはCascading Style Sheetsの略語で、HTML文書に装飾やレイアウトを施すためのコンピュータ言語です。HTMLを土台として、さまざまな表示やデザインをコントロールするためのものです。

HTMLが建築物の基礎構造で、CSSは内装や外装と考えるとわかりやすいです。

まずはYouTubeや書籍などでどんなものか見てみるのもいいと思います！

あとはコードをひたすら模写するのも効果的です。世の中にあるコードをひたすら模写し、たくさんのコードを書くことで、実際に手を動かし頭を使って覚え込ませます。そうすると、コードとはどういう言語なのか、どんなものなのかを理解することができます。内容はわからなくても、見慣れなかった単語や記号がどんどん頭に入ってくるようになります！