ノーコードツールSTUDIOを使って3時間でWebサイトを作れるようになる!STUDIOデザイナーの作業をすべて見せます
STUDIOの特徴、BOXレイアウトの扱い方、アニメーションの実装、テンプレートの効果的な使い方、新しいセクションの作り方、余白の整え方、グラデーションの設定、ページ内リンクの設定、レスポンシブ対応に必要な基礎知識、レスポンシブ対応の手順
What you will learn
STUDIOがなぜ革新的なノーコードツールか
機能面、デザイン面でのSTUDIOの特徴
STUIDOでどんなWebサイトが作れるかを紹介
STDUIOに登録して、新しいプロジェクトを作る手順
BOXレイアウトの扱い方
レスポンシブレイアウトとは
リアルタイムでデザインが反映されるライブプレビューの使い方
画像とテキストをふわっと表示するアニメーションの実装
マウスオーバーするとボタンが大きくなる強調のアニメーションを設定する手順
STUDIO公式が用意しているテンプレートを利用する方法
テンプレートのテキストを変更しながらそれっぽくする
テキストの折り返しを防ぐために、画像とのバランスを調整する
ボックス内で要素を中央に配置する
CTA(Call To Action)を作成する
テンプレートには無い、オリジナルのセクションを作成する
要素の余白(paddingとmargin)を整えて、見栄えを良くする
BOXを横並びにして、列を作る
横幅はピクセルではなく、パーセントで設定する
テンプレートの画像を変更する
テンプレートのアニメーションを調整する
グラデーションを設定する手順
アンカーリンク(ページ内リンク)を設定する
STUDIOでレスポンシブ対応を進める際に必要な事前知識
デバイスごとの表示を確認しながら、レスポンシブを設定する手順
Why take this course?
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】→【購入/返金】→【返金】よりご確認ください。