初心者向けwebデザイン必要スキルについての備忘録
こんにちは。今回はホームページなどwebページ制作について
・どんなことをするのか
・何を勉強したら良いのか
・絵とか描くの苦手なんだけどな
こんな悩みをお持ちではないでしょうか。
私も最近webデザインについて勉強を始めたばかりです。
きっかけはwebページのデザインをコーディングするという依頼を受けたので、
独学で学んでいたHTML/CSSの知識を使ってホームページを作成をしました。
HTML/CSSの知識しかないまま取り組んだのでめちゃくちゃ時間がかかりました。
後ほど詳しく説明しますが、画像の編集であったり、
webページをネット上で公開するための知識といった部分が皆無だったので
インターネットで逐一検索しながら完成までこぎつけました。
その後、1からwebページを作成する機会がありましたが、知識、スキルが足りない
ものだらけでボロボロになった経験があります。
私自身も勉強中の身ですが、これからwebページの制作を行なおうと考えている
初心者の方が何を勉強したら良いのかをお伝えしていきたいと思います。
最後にwebデザインを学ぶのにおススメのオンライン講座の紹介もしているので
是非利用してください。
webデザインとは
そもそもwebデザインとは何なのかについてお話します。
webデザインは、パソコンやスマートフォンなどの電子機器上で表示される、
ページの見た目に関わるサイト内のレイアウトや、使用画像の作成などを決めることになります。
普段よく目にするwebのメディアやホームページの制作の事を指すことが多いですが、
最近ではwebサービスや広告用のLP(ランディングページ)のデザイン制作もwebデザインの範囲内となっています。
必要なスキル
どういったスキルが必要になるのかざっくり書いていきます。
・WEBリテラシー
・Photoshop/Illustratorの使い方
・HTML5 / CSS3
・JavaScript / jQuery
・デザインの基本
たくさんありますが、一気にすべてやるわけではないです。
「デザイン」と「プログラミング」どちらに興味があるかによって
学習の優先順位をつけることができます。
「デザイン」に興味がある
優先すべきスキルは下記のとおりです。
・WEBリテラシー
・Photoshop/Illustratorの使い方
・デザインの基本
「コーディング」に興味がある
優先すべきスキルは下記のとおりです。
・WEBリテラシー
・HTML5 / CSS3
・JavaScript / jQuery
簡単に住み分けをするとこういった形になります。
最終的にはすべて身に付けるべきスキルではあるので、
興味があるほうを優先して学習することをおススメします。
スキルについて簡単に説明
先ほど洗い出ししたスキルについてピンとこない方もいると思いますので、
サクッと説明していきます。
こちらはWEBやIT全般で必要な基本知識や仕組みを指し、
インターネットの仕組みやサーバーの知識から、HTMLや画像の扱いなども含まれます。
初心者の場合、業界の知識や専門用語といいたところ、
WEBの流れや仕組みをを理解するための学問となっています。
Photoshopは画像処理ソフトとして有名だが「WEBデザインをするソフト」としても
現時点ではWEB業界でシェアNo1のソフトです。
デザイン全体のレイアウト作成と同時に、写真の加工やビジュアル部分の作りこみまで
両方できることから利便性がいいため、よく使われているツールです。
デザインにつての知識は数多く存在してます。
基本的なものは「色、文字、写真、レイアウト、デザイン用途、etc,,,,,」
デザインについてはセンスが無いとできないと思いがちですが、
センスではなく、論理ありきのものなので苦手だからと投げ出さずに
しっかり勉強していましょう。
デザインしたものをHTMLやCSSをつかってWEBサイトで見れる形にコーディングしていきます。
わかりやすく「家を建てる」ことに例えて説明しますね。
・デザイン→建築図面を作る設計士
・HTML/CSS→大工さんが
となります。
HTML/CSS はテキストエディターを使用して、プログラミングのようにコードを書き込んでいき、
webページ上にデザインを表示させていきます。
比較的簡単に習得可能なのと、ネット上でたくさん情報が落ちているので、
文系だからなど怖がる必要は全くありません。
JavaScript/jQueryとは、主にWEBサイトに「動きをつける」ためのプログラミング言語です。
最近のおしゃれな動きのあるページでは使用されています。
また、ユーザーがより使いやすいWEBサイトにするためには必要なスキルといえます。
勉強方法
今回は仕事や、学校などの両立しながら自分のペースで勉強したい方にフォーカスして
おススメの勉強方法をご紹介したいと思います。
スキマ時間での勉強を考えると、一番に「独学」を考える方が多いのではないでしょうか。
調べるといろいろな人が参考書を紹介していて、どれが良いのか悩みますよね。
先ほどお伝えしたように必要なスキルが多いのでたくさんの参考書が必要になってきます。
急にハードルが高く感じますよね。
初めてやることなので、「徐々に簡単なことから慣れていきたい。」
これが本音ではないでしょうか。
そういった方にこの記事で私がおススメするのは
月額制のオンライン講座です。
メリットとしては
・初心者でもわかりやすい
・網羅的に初歩的なスキルを学べる
・月額制で学び放題 参考本を何冊も買い込まなくてOK
自力でwebデザインでご飯を食べていく。といったレベルには足りませんが、
初心者が勉強をスタートをするにはおススメです。
今回紹介するサービスはchot.designです。
現役のプロが作成したカリキュラムで、
初心者にも優しい内容になっています。
webデザインに必要なスキルが網羅的に学習することができます。
最後に
今回はwebデザインについて、初心者が学習すべきスキルについて
備忘録的に書いていきました。
これからwebデザインの勉強を始めようとしている方の参考になればと思います。
読んでいただき、ありがとうございます。