見出し画像

ウェブデザイナーになりたい(1)

初めてのnoteで、
・ウェブサイトのデザインをもう一度やりたい
・副業の第一歩を踏み出せれば
と書いた手前、とりあえず、
「フリーランスのウェブデザイナーを目指して頑張ろう」いや「目指しています、と言えるだけの取り組みはしてみよう」
と思い、先日から始めてみました。


その0)必要な知識・技術を知る

「初心者がフリーランスのウェブデザイナーを目指すにはどうしたらいいのか」。試しにChatGPTに聞いてみたところ、こんな答えが返ってきました。

初心者がフリーランスのウェブデザイナーになるためのステップ

1.コーディングスキルの習得
① HTMLとCSS
 Webページの構造とスタイル設定を理解
 FlexboxやGridを使ったレイアウト
② 基本的なJavaScript
 簡単な動きやインタラクションを実装するための基礎

2.基礎知識の習得
① デザインの基本原則を学ぶ
 色彩理論(色の組み合わせや心理的効果)
 レイアウト(配置、バランス、余白の使い方)
 タイポグラフィ(フォント選び、読みやすさ)
② ツールの使い方を習得
 Adobe XD, Figma(デザイン作成)
 Photoshop, Illustrator(画像編集、ロゴ制作)

3. Web制作の実践
① レスポンシブデザイン
 モバイル、デスクトップなど、異なる画面サイズに対応したデザイン
② WordPressの基礎
 クライアント向けの管理しやすいWebサイトを作成

4.ポートフォリオの作成
 デザインやコーディングスキルをアピールするWebサイトを制作
 実績がない場合は架空のプロジェクトや練習作品を掲載

5.フリーランスとしての準備
① クライアント獲得の準備
 プラットフォーム(クラウドワークス等)でプロフィールを作成
 知人からの紹介やSNS活用も有効
② 基本的なビジネス知識
 契約書、見積もり書の作成
 納期管理やコミュニケーションスキル

6.継続的な学習
 新しいデザインのトレンドや技術を学び続ける
 SEO、マーケティングの基礎知識を身につけると強みになる

他のサイトなどでも調べてみましたが、同じような感じでした。なので、まずはHTMLとCSSの学習から始めようと思います。

その1) HTMLとCSSを学ぶ

実は中高生のころ、ネットの端っこでテンプレート配布サイトをやっており、HTMLとCSS(基本)はかじったのですが、これらも進化しているはず。なので、始めからやり直すことに。

職場で「Udemy Business」が導入された(ありがたや)ので、その中の講座を使うことにしました。
「ウェブ開発入門完全攻略コース - HTML/CSS/JavaScript.(後略)」
HTMLやCSS、JavaScript以外にもいろいろ盛りだくさんですが、まずはJavaScriptまで。

ちなみに、こちらはUdemy(個人用)のほか、Proglus(講師のサイト)でも提供されています。後者は有料プランへの登録が必要ですが、それでも月額1千円ほどで、入門書1冊より安いくらい。
以下にリンクを貼っておきますね。

学習の進め方は、こんな感じで考えています。

  1. タブレットで講座を再生しつつ、パソコンで同じ操作をする

  2. 一区切りしたら、学んだ内容を活用してWebページを作成してみる

この繰り返しでコツコツやっていこうと思います。

おまけ)昔の環境を振り返ってみる

学習を進める中で、昔サイトを作っていた頃のことを思い出しました。

  • パソコン:父のお下がりWindows 95

  • ソフト:メモ帳でひたすらタグ打ち

  • 学習方法:「とほほのWWW入門」を見ながら独学

  • 素材:フリーの写真やアイコンを多用

  • 公開方法:無料レンタルサーバーを利用

同盟のミニバナーを集めるのが好きだった記憶があります。他にもお絵描き掲示板、キリリク、拍手ボタン、もう平成レトロですね。しみじみ。

いいなと思ったら応援しよう!