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       
  • このエントリーをはてなブックマークに追加

関連記事

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

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

記事を読む

Comment

  1. HN "DAO" より:

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

    • みながわ あい より:

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

  2. kitaindia00 より:

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

Message

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

DIST.16に登壇しました【わかばちゃんと学ぶ フリーランスのための情報整理術】 #dist16

こんにちは! フリーランスWebデザイナー/技術書執筆/マンガ家/

Windows版SourceTreeがVer 2.1系列になって、ローカルリポジトリの作り方がわからなくなった方へ

ローカルリポジトリの作り方がわからない問題 「わかばちゃんと学ぶGi

正式公開されたGoogleの「Cloud Source Repositories」を使ってみた

Google製Gitリポジトリのクラウドサービスが正式公開 Go

GitHub上でプルリクを出す方法:「Compare & pull request」のボタンが見当たらない場合

GitHubで「Compare & pull request」

「esa 3歳 お誕生日おめでとう」 – あるWebサービスが3歳を迎えた日に立ち会ってきた

「esa 3歳 お誕生日おめでとう」 プレートにはそう書いてあった。

→もっと見る

PAGE TOP