デザイン初心者がFigmaとchot.designでWebサイト制作に挑戦!学習の始め方と進捗レポート①

Webスキル学習

デザイン初心者。いよいよFigmaとchot.designでWebサイト制作に挑戦

ずっと興味があったWebデザイン。SNS運用やデジタルクリエイティブの勉強を始めたけど、なかなか行動に移せなかった私がついに一歩踏み出しました!

最初は幼稚園のホームページを作ってみたいと思い、FigmaとWordPressを使おうと決めたものの、右も左も分からず挫折しかけました…😅

そこで見つけたのが chot.design という無料のデザイン学習サイト。

chot.designを選んだ理由

無料で学べるのも魅力だけど、特に Webディレクターの基礎知識のページ があったのが決め手でした! 他にもいろいろなコースがあるみたいだけど、まだチェックできていないので、また発見があったらブログで紹介したいです。

学習スケジュールの作り方

7:30 洗濯や子供の見送り

10:00 水泳 1時間平泳ぎトレーニング。心肺を鍛えつつ、ダイエットも兼ねています💪✨

12:00 お昼ご飯は 簡単一人鍋。タンパク質を意識しつつ作る!豆腐や納豆の植物性タンパク質を多めにとるようにしているよ!

そのあと、水着の洗濯やスマホタイムなどを挟み…

14:00 学習を開始。やることは ChatGPTに管理してもらっている ので、タスク整理が楽だし、励ましてくれるのでやる気になります!(例えば「今日も頑張ったね!」とか言われると地味に嬉しい笑)

実際にやってみた感想

  1. なんかよくわかってないけど、 chot.design 手順に沿ってインストールしました!
    • 初めてのFigma、何が何だか分からないまま進めましたが、とりあえずセットアップ完了。
    • コンポーネントの一括作成で行き詰まり。メニューが出てこない…最近メニューの表示が変わったのかな?
  2. スライダーを試してみた!
    • これまでのブログの写真を並べて、横スクロールできるアレ(スライダーっていうらしい)を作成。
    • あってるかどうかはよくわからないけど、形にはなった…!?(確認方法もよくわかっていない)

とまあ、こんな感じで最初はやってみました。最終的には幼稚園のWebサイトを作ることを目標にしているけど、今のところはまだほど遠い…💦

なぜ幼稚園のサイトなのかというと、私の子供が通っている幼稚園のサイトは無料のサービスを使っていて、広告がたくさん表示されているから。
しかも大人向けの広告が出ることもあって、保護者視点で見ても恥ずかしいし、新しく入園を検討している人も入園を見送ってしまうのではないかと感じています。

あとはお知らせ関係が、紙・スマホアプリ・メール・ホームページ と点在していることも気になっています。さらには園の様子がわかる写真掲載はまた別のサービスを使っています。

いつか私が独り立ちできたら、幼稚園のホームページを作ってあげたいというのが今の夢です!!

今の私の進捗

  1. Figmaに登録完了!
  2. デザインの基本をchot.designで勉強中
  3. ワイヤーフレームの作り方を学んでいます
  4. スライダーの作成に挑戦中(でもなんか違う気がする😅)

これからもコツコツ頑張るので、同じようにデザインを始めたい方の参考になれば嬉しいです!

続きはまた書いていきます✨


次にやること

  1. Figmaにこの配置をそのまま四角い枠で作る
  2. 画像やテキストの場所を決める
  3. 色やフォントの雰囲気を決める

コメント

タイトルとURLをコピーしました