スクールに通っているわたしが思う、Webデザイン未経験者の独学勉強法

Webデザイン勉強法 スクールor独学

スクールに通い始めて約5ヶ月。スクールならではの、恩恵に授かりながら、主に課題をこなしております。

卒制中ですが、気分転換に、今だから思う、独学だったら?路線を考えてみました。

独学のための教材探し

Webデザインを勉強するようになり、日々勉強法の情報収集をしています。

わたしは、スクール一択!と意気込んでいたのもあり、SNSを食わず嫌いしていたこともあり、情報がネット検索のみでした。

ネット検索のみだと、初心者向けの情報も未経験者にはとても難しくうつってしまい、何にも手を出せず、今に至ります。

今後、スクール卒業後の勉強として、使うかもしれないのでまとめておきます。

まだ、わたしは使ったことがないのも情報として紹介します!

ので、ちょっと違う。。。みたいなのがありましたら、ご容赦ください。

こんなのもオススメ!がありましたら、ぜひ!教えてください♡

Progete

https://prog-8.com/

ごめんなさい。わたしは全然やってません。

こちら、HTMLやCSSなどをゲーム感覚で学べます。

Webデザインを勉強している人は、一度は目にしたことがあるor 使ったことがあると思います。アプリもあるので(PC版とは少し操作が異なりますが)スキマ時間の勉強にももってこい!のようです。

少し使ってみたところ、初心者・未経験者でも優しい・挫折しにくい作りになっていると感じました。

まずはこちらのようなサイトから基礎知識を学ぶといいと思います。

Udemy

別の記事でも紹介した、動画学習サイトです。

こちらから自分に必要な動画を購入し、学ぶことも良いと思います。

Udemy はセールを度々行ってますので、セール時期まで待ってから購入するのがお得です!

 

東京フリーランス 30DAYSトライアル

https://tokyofreelance.jp/

こちらもスクール受講後に知ったコーディングを勉強できるツールです。

実際の目標収入可能金額に応じたレベルで、Stepを踏んでいくようです。

Twitterを拝見していると、かなりフリーランスとしてご活躍されている方々が制作されているようで、より実践しやすい勉強法なのかな?と思っていました。

note

Twitterをみていると「note」というものがあるらしい。

こちら、Webデザインの先駆者の皆様が、サイトづくりの教材を制作・販売されていたり、ご自身の経験からの勉強法などのまとめを販売されたりしています。

自分になった物を見つけたら、購入し、実践していくのもいいかもしれません☺️

@kurinosuke32さんのコーディング練習noteは、以前から気になっているもののひとつです。

デザインツール 勉強法

2019・09スクールに入るまではPhotoshop・Illustratorは触ったことがありませんでした。

エクセル・ワードの世界しか知らず、最初は泣きながらツールを使っていました。

今でも、わからないことが度々ありますが、グーグル先生に助けてもらいながら、色々と試行錯誤の日々です。

それでも、アイキャッチ画像のようなものは自分で作れるくらいにはなります。

ただ、これはスクールの勉強だけでは、わたしのような全くの未経験者は足りないと思いました。

そこで、わたしは模写をしてみることにしました。

デザインツールを学ぶには模写!がいちばん効果的でした。

ツールの準備

https://www.adobe.com/jp/creativecloud/compareplans.html

adobeのPhotoshop・Illustratorを使うことがほとんどかと思います。

ただ、こちら、まともに買うと高いんですよね。

単体プランもあるようなので、ご自身の使用頻度に応じて、コンプリートプランor単体プランを選択するのがベストかと思います。

コンプリートプランの場合は、「たのまな」経由で購入すると、お得に購入可能です。

バナートレース

ツールの準備ができたら、いよいよ模写です。

バナーとは、サイト上にある広告の画像です。

これを実際に真似て作ってみよう!というのが「バナートレース」。

インスタをみてると、トレースしている方が多数います。

そして、これ、未経験者には結構きついです。

小さい画像なのに、似たように仕上げるのに、最初は2時間かかったこともあります。

なんせ、いちいち作業を調べながらするので、時間はかかります。

けど、調べた分だけ、ツールと仲良くなれます♡

バナートレースのやり方はこちらのサイトをご参照ください。

わたしの場合

↓わたしのトレース記録。

課題に追われて4回くらいして、最近はやってませんが・・・

  • フォントは何を使った。
  • カラーの詳細
  • 思ったこと

なんかを自分なりにまとめると、良いです😎

わたしは「難しい」とかの一言ですね。。。反省です。

バナートレース

Twitter

個人的には、Twitterの登録はマストです!

Twitterを登録してから、かなり情報量が増えました。

また、「わからない〜っ」と呟くと、優しい方が助けてくださいます♡

スクールに行っている身ではありますが、勉強は孤独になりがちですので、

そうやってTwitterで助けていただけると、とても励みなります♡

使い方次第ではありますが、Twitterは上手に使ういいことがたくさんある気がします!

基礎的な部分を学ぶ

わたしもまだまだベーシックなところにいますが、HTML/CSSとデザインができれば、WEBサイトは作れます。

いや。ほんとはもっと奥深いのだろうけど。

勉強していくうちに、あれも!これも!となっていきます。

実際、わたしがいろいろと手を出していますw

きちんと基礎を学ぶのは大切だと思ってますが、貪欲でもいいでしょ♡とも思っています。

30代から新しいことにチャレンジするので、気持ちが焦りがちではありますが、

趣味感覚で勉強を続けていくと、楽しみが増えて、子供たちを寝かしつけた後もアイスを食べながらがんばれます♡