Webデザイン独学でも挫折しない3つのポイント

公開日: : 最終更新日:2014/06/14 Webデザイン心得

「初めてのWebデザイン」の巻

マンガでわかるWebデザイン1

マンガでわかるWebデザイン2

挫折してしまうのは勿体ない!

「よし、これからWebデザインを勉強するぞ!」と思っても、初めてだから分からない事だらけ。
「参考書を買ってみたものの難しいし、私にはもう無理かも…」
そうなってしまうのはとっても勿体ないと思います。

Webデザイン初心者でも挫折しない3つのポイント

その1 最初から全部わかろうとしなくてOK

ソースコードは全部英語。出てくる用語は初めて聞くようなものばかり。
Webページ制作に触れ始めるときは、「ひとつひとつ理解していかなきゃ!」というように考えてしまいがちです。

でも、初めのうちはいきなり全てを理解する必要はないと思います。

Webデザイン初心者 わかば

「こう書いたら画像が表示されるんだ!」
「こう書いたら字の色が変わった!」
「この記述を消したら、文字がずれてしまって見た目がわるくなっちゃった」


楽しみつつその繰り返しを行っていく事で、自然と「どう書いたらどうなるのかがわかる力」身に付いてきますので、ご安心ください。

その2 いいなと思ったサイトはソースコードを見る

「素敵だな、こんなサイト作ってみたいな」と思うWebページを見つけたら、ブックマークするだけじゃなく、ソースコードを見てみましょう。

HTMLちゃん

ソースコードは、
「Webページ上で右クリック」→「ソースコードを表示」で見る事ができます。


いきなり暗号みたいなものが出てきてびっくりするかもしれません。
今は「ふーん、こういう記号の羅列でWebページって表示されているんだなぁ」と思いながら眺めるだけで十分です!

その3 作る事、見てもらうことを楽しもう

Webデザインは実際に手を動かすことで上達します。
逆に言うと、本をめくるだけで何も作らなければ上達しません。

さらに言えば、
「自分の撮った写真をギャラリーにしてネット上で見てもらいたい」
「友達のバンドのホームページを作ってあげたい」
何かしらの目的を持ったWebページを作るのが、一番上達が速いと思います。

HTMLちゃん

楽しもうという姿勢でいれば、自然とWebページを作れるようになっています!


ラクに構えて、この「マンガでわかるWebデザイン」でWebページを作る過程を楽しみましょう!

記事作成:湊川 あい
マンガ・イラスト:湊川 あい


The following two tabs change content below.

湊川 あい

湊川あい(みなとがわ あい) 絵を描くWebデザイナー。2014年より「マンガでわかるWebデザイン」をインターネット上に公開していたところ、出版社より声がかかる。 著書「わかばちゃんと学ぶWebサイト制作の基本」 Web連載「マンガでわかるGit」「わかばちゃんが行くオフィス訪問マンガ
  • Pocket       
  • このエントリーをはてなブックマークに追加

関連記事

ep4je

コーディング・画像編集だけじゃない!Webデザイナーの仕事内容って?

Webページ制作って具体的にどういうことをするの? この記事を読んでくださっている方の中に

記事を読む

Comment

  1. HN "DAO" より:

    将来WEBデザイナーを目指しているものです。物凄く面白そうな雰囲気がしましたので「マンガでわかるWebデザイン」を応援しています!

    • みながわ あい より:

      DAOさん、初めまして。コメントありがとうございます。マンガでわかるWebデザインのみながわ あいです。嬉しいお言葉ありがとうございます!とても励みになります。本業のWebデザインの傍ら、続々更新予定です。AOさんのお役に立てるようなコンテンツになっていけるよう頑張ります!

  2. kitaindia00 より:

    最初から全部わかろうとしなくてOKなの同意感ある

Message

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

dakkou
マンガでわかるGitが書籍化!2017年4月21日 書店にて発売予定

マンガでわかるGitが書籍になります Web連載中の「マンガでわかる

tax_001
マンガでわかる確定申告 第1話 源泉徴収ってなあに?

第1話 源泉徴収ってなあに? 書籍「わかばちゃんと学ぶWebサイト制

HTMLちゃん
2016年ふり返り:本を出して会社を辞めてフリーランスになってました

湊川あいです。 Webデザイナーの傍ら、マンガや図解を取り入れた技術書

Gitコラボ漫画
【コラボマンガ】怖くない!黒い画面入門【 #シス管系女子 + #マンガでわかるGit 】

こんにちは!絵を描くWebデザイナーの湊川あいです。 普段 マンガでわ

emojigit_catch01
絵文字でわかるGit🍣 マージとリベースの違い・リセットとリバートの違い

こんにちは。絵を描くWebデザイナーの湊川あいです。 絵文字 / Em

→もっと見る

PAGE TOP