ノーコードツールSTUDIOを使って3時間でWebサイトを作れるようになる！STUDIOデザイナーの作業をすべて見せます

Description

STUDIOコースの概要をご覧いただきありがとうございます！

こちらのコースはUdemyでは珍しい講師2名体制での進行です。

掛け合いでしか生まれない分かりやすさや、引き出された裏話、余談なども魅力ですので

ぜひ、お役に立てれば嬉しいです。

━━━━━━━━━━━━━━━━━━━━

■「Googleで調べても、出てこない具体性」にこだわっています

━━━━━━━━━━━━━━━━━━━━

講師はSTUDIOでWeb制作をしているデザイナー「小畑陸」と

STUDIOで制作したWebサイトでサービスを運用している「前田塁」の2名。

Googleで調べてもよく分からない

「STUDIOでのWeb制作におけるよくある失敗」

「STUDIOならではの操作のクセ」

「短時間でWebサイトを作るテンプレートの応用方法」

などを解説しています。

これからSTUDIOを使ってWebサイトを作りたい！STUDIOを使い始めたけど操作がよくわからない！

予算や時間はないけどデザイン性の高いWebサイトを作りたい！

という方にオススメのコースです。

━━━━━━━━━━━━━━━━━━━━

■基本操作から応用まで現役デザイナーの作業手順を公開

━━━━━━━━━━━━━━━━━━━━

・ノーコード制作ツール「STUDIO」の特徴

・STUDIOで制作されたサイト事例

・サイトを構築するボックスレイアウトとは

・画像、テキストを配置してみよう

・アニメーションを実装して動きのあるデザインへ

・テンプレートを応用したサービスページ作成

・オリジナルのセクションをゼロから作ろう

・レスポンシブ対応をしてスマホでも崩れないデザインへ

本コースでは、STUDIOでWeb制作するにあたってつまずきがちなポイントを実際に操作画面を映しながら解説しました。

つまずきそうな部分は事例や余談を交えながらたっぷりフォローしています。

STUDIOが初めての方も一通り講義を受ければ、短時間でおしゃれなWebサイトを作れるようになります。

━━━━━━━━━━━━━━━━━━━━

■最短距離でデザイン性の高いWebサイトを作れるようになる

━━━━━━━━━━━━━━━━━━━━

STUDIOはノーコードでWebサイトを作れるため、コーディングいらずの短時間でWeb制作ができます。

ドラッグ&ドロップなど基本操作が直感的なので学習スピードも早く、

デザイナーの方が習得すればすぐにWeb制作が可能になります。

また、無料で使える豊富なテンプレートを応用すれば、

初心者の方が数時間でおしゃれなサイトを作ることも夢ではありません。

STUDIOを使い短時間でおしゃれなWebサイトを作れるようになりご自身の活動にお役立てください。

ぜひ、続きは講座にて解説させてください。

━━━━━━━━━━━━━━━━━━━━

■コースの資料はダウンロード可能です

━━━━━━━━━━━━━━━━━━━━

本コースで使ったすべての資料がダウンロード可能です。

動画を一時停止してメモを取る必要はありません。

コース参加時のメッセージにてURLをお送りします。

※資料の無断転載、商用利用は禁止です

━━━━━━━━━━━━━━━━━━━━

■コースには安心の返金保証付き

━━━━━━━━━━━━━━━━━━━━

こちらのコースには30日間の返金保証が付いています。

どうぞご安心して購入してください。

詳しくはUdemy内の【Udemy】→【購入/返金】→【返金】よりご確認ください。

What You Will Learn!

• STUDIOがなぜ革新的なノーコードツールか
• 機能面、デザイン面でのSTUDIOの特徴
• STUIDOでどんなWebサイトが作れるかを紹介
• STDUIOに登録して、新しいプロジェクトを作る手順
• BOXレイアウトの扱い方
• レスポンシブレイアウトとは
• リアルタイムでデザインが反映されるライブプレビューの使い方
• 画像とテキストをふわっと表示するアニメーションの実装
• マウスオーバーするとボタンが大きくなる強調のアニメーションを設定する手順
• STUDIO公式が用意しているテンプレートを利用する方法
• テンプレートのテキストを変更しながらそれっぽくする
• テキストの折り返しを防ぐために、画像とのバランスを調整する
• ボックス内で要素を中央に配置する
• CTA（Call To Action）を作成する
• テンプレートには無い、オリジナルのセクションを作成する
• 要素の余白（paddingとmargin）を整えて、見栄えを良くする
• BOXを横並びにして、列を作る
• 横幅はピクセルではなく、パーセントで設定する
• テンプレートの画像を変更する
• テンプレートのアニメーションを調整する
• グラデーションを設定する手順
• アンカーリンク（ページ内リンク）を設定する
• STUDIOでレスポンシブ対応を進める際に必要な事前知識
• デバイスごとの表示を確認しながら、レスポンシブを設定する手順

Who Should Attend!

• ノーコードでWebサイトを制作してみたい方
• はじめてSTUDIOでWebサイトを制作する方
• STUDIOを触ったことがあるけど操作に慣れていない方
• 予算も時間もないけど、おしゃれでいい感じなサイトを作りたい方
• 上司に「Webサイトを作ってくれ！」と無茶振りされて困っている方
• プロが実際にSTUDIOでWebサイトを制作している手元を見たい方
• エンジニアがいない社内でWebサイト制作をしたい方

TAKE THIS COURSE