MENU

コードが書けなくても大丈夫!月5万円達成のための【STUDIO】勉強法

目次

はじめに

こんにちは!あやです。

私は全くの未経験から育休中にデザインの勉強を始め、現在は広告代理店にてパート勤務でデザインのお仕事をしながら、副業としてSTUDIOを使用したWeb制作をしています♪

今回は私の経験をもとに、STUDIOで稼げるようになるまでに行った勉強方法についてご紹介します。

デザインは好きだけど、コーディングは苦手…という方にとって、ノーコードツール「STUDIO」は非常におすすめです。私もWebデザインの学習をはじめた頃、デザインを考えるのは楽しいけれど、コーディングはとても苦手意識がありました。しかし、STUDIOを使えばコードを書かずにWebサイトをデザインできるので、初心者でもそれほど学習時間をかけずにWeb制作ができます。

STUDIOの特徴

まず、STUDIOの基本的な特徴を紹介します。STUDIOは日本製のノーコードWeb制作ツールで、デザイン性に優れ、直感的な操作が特徴です。

STUDIO公式サイト

これからWebデザインを学ぶ方におすすめしたい理由は以下のとおりです。

  • ドラッグ&ドロップで直感的に操作可能
  • デザインに優れたテンプレートが豊富に用意されている
  • コードを書かずにプロフェッショナルなデザインが実現できる

実際の案件でも、STUDIOを使用して制作するものも多いので、身につけておいて損はないかと思います!

STUDIOの勉強法

では早速、月5万円達成のためのSTUDIO勉強法をご紹介します♪

ステップ1:HTML&CSSの基本について学ぶ

「え!コーディングしなくてもWeb制作できるんじゃなかったの!?」と言われそうですが、残念ながらコーディングの知識が0だとSTUDIOを扱うのは難しいかもしれません。

しかし、完璧にコーディングできるほどの知識は必要ないので、さくっと学習をすすめましょう!

HTMLとCSSの仕組みや用語などが大まかに分かればいいので、学長もよくおすすめされている「Progate」でHTMLとCSSのコースを2〜3周すれば問題ないと思います。

ステップ2:STUDIOの基本操作に慣れる

YouTubeのSTUDIO公式チャンネルの動画を使って基礎を学ぶ

YouTubeのSTUDIO公式チャンネルには、初心者向けのチュートリアル動画からちょっとした技まで、色々な動画がアップされています。まずは公式の動画を参考にして、基本操作に慣れましょう。

STUDIO公式チャンネル

公式チュートリアルは、実際に手を動かしながら学べるので、操作に自然と慣れることができます。

また、もっと詳しく学びたい方はUdemyで公開されているSTUDIOの講座を受講してみるのもいいかと思います。

ステップ3:テンプレートを使って実際にページを作ってみる

STUDIOには、プロの方が作った豊富なデザインテンプレートが用意されています。

STUDIOテンプレートサイト

はじめは自分で作るのは大変なので、テンプレートをうまく活用していきましょう!

無料〜有料までいろいろなテンプレートがあるのですが、無料でもかなりクオリティが高いです。

また、有料のテンプレートでも購入せずに中を開いて構造を見ることができるので、「ここのデザインはどうやって作っているんだろう?」と調べていくと、デザインの引き出しが増えて勉強になると思います。

はじめはテンプレートを使い、色やフォントを自分で変えてみたり、要素を追加して独自のデザインに変えていくことをおすすめします。

ステップ4:他の人が作ったデザインを見て学ぶ

テンプレートを使ってページを作ることができたら、世に公開されているたくさんのデザインを見て色々な要素を取り入れながら、自分のデザインを作っていきましょう!

世の中に存在していない、全く新しい革新的なデザインを思いつくことは凡人には不可能です。

様々なデザインを参考にしながら、色々な要素を取り入れて自分のデザインに落とし込んでいきましょう。(パクリはNGです!)

私がよく参考にしているサイトはこちらです。

Pinterest

様々なアイデアやデザインを検索でき、自分の好きなように保存できます。

私は必要なときに「LPデザイン ピンク」や「歯医者 ホームページデザイン」などと検索して、参考になりそうなデザインをジャンルごとに保存していつでも見れるようにしています♪

Parts. パーツ別Webデザイン集

「メインビジュアル」「ヘッダー」「よくある質問」など、パーツ別にデザインをまとめているサイトです。

このパーツのデザイン思いつかないな〜ってときによく参考にしています!

SANKOU!

Webデザインがたくさん集まっているサイト集です。

STUDIOで制作されたサイトで絞り込みできるので、とても参考になります!

これらのサイトを参考にしながら、STUDIOで再現できるデザインを増やしていけば、レベルもどんどん上がっていくはずです!

まとめ:STUDIOを習得すればコーディングなしでも稼げるようになる!

STUDIOの操作ははじめは難しく感じるかもしれませんが、仕組みが分かればある程度のものは作ることができます。

質の高いWeb制作ができるようになれば、月5万円の収入は充分実現可能です!ProgateでHTMLとCSSの基本を学び、YouTube動画やテンプレートを活用し基本的なデザインスキルを学んで、実際のサイト制作を経験することで、自信をつけることができると思います。

このブログでも、STUDIOについてどんどん発信していきますので、参考にしてみてくださいね♪

よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!

この記事を書いた人

コメント

コメントする

CAPTCHA


目次