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

STUDIOの特徴、BOXレイアウトの扱い方、アニメーションの実装、テンプレートの効果的な使い方、新しいセクションの作り方、余白の整え方、グラデーションの設定、ページ内リンクの設定、レスポンシブ対応に必要な基礎知識、レスポンシブ対応の手順

4.26 (73 reviews)
Udemy
platform
日本語
language
Web Design
category
ノーコードツールSTUDIOを使って3時間でWebサイトを作れるようになる!STUDIOデザイナーの作業をすべて見せます
482
students
3.5 hours
content
Dec 2023
last update
$19.99
regular price

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】→【購入/返金】→【返金】よりご確認ください。


Screenshots

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

Reviews

CHIKO
June 9, 2023
1(真っ白なページ)からサイトを作る手順を、実際にSTUDIOでお仕事をされている講師の目線から解説されると思って購入しましたが、テンプレートの改造だけで終わってしまいました・・・購入前にもっと確認したらよかったです。 あと、STUDIO操作だけではなく、デザイン目線でもっと細かいところまで語られるとよかったです。レスポンシブ時のテキスト改行位置とか、余白感とか・・・本当にこれでいいの?と思う場面がありました。 一応、「STUDIOテンプレ使って「見れるサイト」を作れる手順の解説」ってかんじで、webデザイナーとして仕事を獲得するならもっとこだわる点があると思いました。 相方・前田さんのtips的な話は参考になりました。
K
June 6, 2023
他のSTUDIO講座(初級・入門など)を受講して「難しくハードルが高い…」と感じた方も、こちらの講座であれば「自分にも出来そう!」と自信が持てるのではないでしょうか♪ 口調や動作のスピード感も穏やかで、やさしく理解しやすい言葉を用いて説明されており、事前知識ゼロの未経験者でも挫折することなく学習できると思います。 サイトの模写も工程ごとに細分化されていて、少しずつ理解しながら作業を進められました。 今回の模写では、テンプレート使用によりレシポンシブ作業が少なかったので、もう少し他のケースも観ながら学びたかったです。 その点で-0.5とさせていただきました。 ただ「3時間でWebサイトを作れるようになる」というテーマだったので、それは欲張り過ぎかもしれませんね(^-^; ルイスさんのマーケティング目線の解説も大変興味深かったです。勉強になりました! ありがとうございました。
Yukino
April 23, 2023
STUDIOは数時間だけ触ったことがある程度の知識でこの講座を受講しました。 結果、とても勉強になりました。 講座では1からサイトを作っていく工程をすべて見ることができるので、STUDIOの操作方法はもちろん、制作手順も知ることができます。 サイトを作るとき似たようなテンプレートを活用して時短することもあれば、1から作るセクションもありますが、この講座ではそのどちらの工程も見ることができ、テンプレートの活かし方が分かりました。 個人的にとても便利だと感じたのは、テキストを選択した状態で画面上でマージンを追加できる点です。これは知りませんでした。 これまでは画面上部のボックスタブから数値を入力していたのですが、マウスを動かす距離が減って嬉しいです。 今回、この講座を見ながら1サイト完成しましたが、他にも多くのテンプレートがあるので、気に入ったテンプレートでオリジナルサイトを作ってみたいと思います。 ありがとうございました!
Miura
April 20, 2023
工程ごとにセクションが分けられていて、初心者が取り組むのにとても分かりやすかったです^^ また顔出ししながら説明してくれているため、よりリアル感があり、受講者を飽きさせない講座となっていました。 説明のスピードも速すぎず丁寧、かつルイスさんの実体験に基づいたワンポイントアドバイスもあり、想像以上に学びのあるものとなりました! 早速STUDIOを遊び倒していきたいと思います。ありがとうございました(^_^)

Charts

Price

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

Rating

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

Enrollment distribution

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

Related Topics

5116170
udemy ID
1/27/2023
course created date
4/1/2023
course indexed date
Bot
course submited by