web

1ヶ月でwebデザインを0から独学で覚えるために必要なこと

投稿日:

webデザインを独学で覚える

ども!管理人はざおです。

webデザイナーを目指す、もしくは覚えたいって人は、

大半は社会人になってからwebデザインの勉強をしてwebデザイナーになろうとしてるんじゃないかな?と面接官をして思ったここ最近です。

さて今回は、自分が0から独学でwebデザイナーになった経験を元に、

1ヶ月あれば一つのサイトを作れるようになるくらいのwebデザイン力を身に付けるにはこうした方がいいというポイントをまとめて見ました。

実際に部下のアルバイトの子たちの実務をやらせている身でもあるので、

実際に働く時に困らない部分も踏まえて必要なポイントを踏まえてご説明します。

 

1)焦りは厳禁。独学だからこそ基本は覚えましょう。

webデザイナーが独学で覚えるブログ画像

おそらくこのブログをみている方は、将来的にwebデザイナーになりたい方が概ねいるのではないでしょうか?

まず初めにですが、webデザインは結構数学的な論理的思考を求められます(コーディングなどを詰めていくと)

独学でやるにしても、しっかりと基本を覚えましょう。

そうでないと、未経験から独学でやっとこさwebデザインの仕事につけた!

となっても、試用期間中に基本がないから覚えてもらい辛いなど思われるので、

今のうちに焦らずに基本を身に付けましょう。

 

2)デザインの基本とは

いっぱいありますが、webデザイナーとして独学でも必要最低限、

絶対的に抑えるべきポイントは

  • ・レイアウト(配置)
  • ・配色(イメージにあった色の使い方)
  • ・文字組(フォントなど)

この辺りになると思います。

最初はデザインというと、「なんとなくこれがかっこいい」「これが流行っている」という理由などで、バナー画像を作ったり、サイトデザインを考えたりすることがあると思います。

ですが、これはとんでもなく危険です。

デザインとは、本来、伝えたいことを表現するものなので、

もっとも伝えたいことを伝えれる技術が必要となります。

特にwebデザイナーは、クライアント(依頼者)がいることがほとんどだと思うので、必ず理由を説明できなければなりません。

デザインの基本を理屈で説明できることが必要です。

僕のデザインの基礎を学ぶおすすめは、

伝わるデザイン

が解りやすいサイトだと思います。

 

3)htmlとcssの基本を覚える

webデザインを独学で覚えるにおいて、

ここでつまずく未経験の方は多いと思います。

管理人、はざおもその一人でした。

おそらく、訳の分からないことが多くなって、

訳が分からなくなる(笑)ことが一番大きなことなのかなと思います。

なので冒頭でも言いましたが、順番に一つ一つ覚えることが大切です。

htmlとcssに関しては

  • ・1.htmlの概要を知る(例:<タグ><タグ/>の要素で構成されている)
  • ・2.htmlのタグを覚える
  • ・3.cssの使い方を学ぶ

という感じで覚えていくことがいいのかなと。

覚え方ですが、読んで覚えていくタイプの人は、満遍なく勉強して実践する方がいいでしょう。

直感的なタイプの方は、逆にhtmlのタグを実際に使用してからぶつかって、紐解いていく方が早く覚えられます。

基本を打ちながら覚えれる下記のようなサイトを使うのもおすすめです。

Progate

しっかり読んで覚えたい方は下記のサイトを。

はじめてのhtml5とcss

 

これが1番早くデザインとコーディングを覚えれます。

基本をしっかり学んだことを前提でこの章はお話ししたいと思います。

はっきり言い切りますが、ここが一番肝になるポイントです。

正直、webデザインは初めに覚えることが多い職種だと思うので、

覚えることにまずは時間がかかります。

なぜならデザインとコーディングを頭で組み合わせながら作っていくことが基本になるので、一つ一つの技術を複合しなければならないからです。

そのために、ひたすら「作る」ことが一番仕組みを理解できる近道なのです。

何作ればいいんだよーという方は、

具体的にはお題を設けて制作することが大事でしょう。

 

例:美容院のサイトを作る

デザイン→掲載内容をまとめる・イメージを決める・全体レイアウトを決める

コーディング→htmlで各構成を組み立て・cssで装飾する、など

 

作ったものは必ず保存すると、ポートフォリオにもなるので、

webデザイナーの面接時にも助かります。

因みに僕の経験上、大体の未経験者が上達していく差が開くのは、この作ることを多くやってきたか=練習を重ねたかがほとんどなので、心配な方はしっかり練習を重ねましょう。

 

1)真似するためにいろんなサイトを時間があればチェック

気分転換と勉強がてらに、気になるサイトなどあればどんどんチェックして、デザイナーの眼で見ていきましょう。

ブックマークしておくと、それだけでデザインに困った時に、要所要所で使えるポイントにもなるので、押さえておきましょう。

その中で「この部分なら作れそう」「この構成なら真似できるかも」という部分があれば、トレースしてみましょう。

この作業を積み重ねながら、「なぜこのサイトはこのデザインなのか?」という疑問を切らさずに覚えた知識を当てはめていくと、冒頭に覚えた基本知識がより覚え込まれやすいので、考えながらトレースしていきましょう。

間接的にでもプロが使っている技術に触れることはとっても大事なので、

独学で教えてもらえる人がいない人は、このやり方がおすすめです。

 

まとめ

いかがでしたでしょうか?

webデザインを独学で早く覚えるために必要な技術とマインドを詰め込んでみました。

以上、管理人のはざおでした!

アドセンス




アドセンス




-web
-,

執筆者:

関連記事

未経験でwebデザイナーになるには

未経験からwebデザイナーになるために必要な5つのこと【2017年現在】

どうも、はざおです。 未経験だけれども、webデザイナーになるにはどうすればいいですか?という方は、これからwebデザイナーを目指す方の中で数多くいると思われます。 特に勉強する時間やお金に余裕がなく …

フレッドアップデートで検索順位が下がった

フレッドアップデートで検索順位激下がりナウ

ども!管理人のはざおです! タイトルに書いてある通り、 検索順位が激下がりしちゃいましてね。 とっても辛い状況なうの状態です。 一つ一つの記事に対しての検索順位の変動は毎日あるのでさほど気にならなので …

ペンタブでwebデザイン作業が爆速になる4つのメリット

ども!はざおです! webデザインを極めていくと、行き着くところは「早く」「求められているものを作る」というところではないでしょうか? 今回は、現役webディレクターが実際に使用しているスピードアップ …

webデザイナーの仕事内容画像

webデザイナーの仕事内容を現役webディレクターがお答えします。

  webデザイナーってどんな仕事内容?ということをwebデザインに興味があったり憧れている方が数多くいると思います。 実際に筆者のはざおも未経験で今の会社に入る前にすごーく気になりましたし …

MacbookProがweb制作とブログに最適な画像

web屋の僕がブログを書くのにMacBook proにしてよかったこと

どうも、管理人のはざおです!このサイトでブログを書くためが故にMacbook proを購入しました。  ライフハック365  1 userMacBook Pro 整備品を …