STUDIO研修動画【基礎編】by StartWith Inc. スタートウィズ

StartWith Inc.（スタートウィズ）による、STUDIO研修動画【基礎編】。

STUDIOを初めて利用する方にむけて、アカウント作成からレスポンシブの基本設定まで、丁寧に解説。STUDIO案件対応実績が豊富なWEBデザイン会社代表であり、現役の講師による研修動画です。

◾️対象の方
・ノーコードやSTUDIOが初めての方
・STUDIOの基本的な使い方から知りたい方
・アニメーションやフォーム設定などの難しい機能の前に、基本操作を覚えたい方
・ノーコードへ切り替えたい、WEBデザイナーの方
・社内でだれでも編集できるサイトを運営したい、起業家・スタートアップの方

◾️講師情報
StartWith Inc. CEO
デジタルハリウッドStudio、デジLIG 講師
文化服装学院 講師

早稲田大学を卒業後、複数の事業会社で勤務。 WEB/UXUIデザイン、デザインマネジメントを担当後に独立。 スタートアップ向けの、デザイン制作会社を経営しながら、デザイナー向け、スタートアップ経営者向けにデザイン研修を実施。 WEBサイトをはじめ、LP、名刺、ロゴ、バナー、スライドなど、年間100件を超える、さまざまな販促物の制作を支援。


＜動画内容＞

1.イントロダクション
本講座の目的と、STUDIOについて
STUDIアカウントを作成

2.画面の説明
デザインエディタを表示しよう
デザインエディタの名称まとめ
ボックスタブについて
セクションタブについて
アップロードタブについて
Unsplashタブについて
アイコンタブについて
埋め込みタブについて
コンポーネント、CMS、API、RSS タブについて
スタイルパネルについて
レイヤーパネルについて
ページパネルについて

3.要素の編集
ボックスの追加と編集方法
色の登録、削除、追加方法について
グラデーションの編集方法について
枠線の編集方法について
シャドウの編集方法について
文字間の変え方
行間の変え方
フォントサイズの変え方
フォントの変え方
フォントの太さ、イタリック、下線
テキストの配置について
文字組みについて
リッチテキストについて
画像の追加
画像の編集
アイコンの追加と編集
背景画像の設定方法
セクションへの要素の入れ方
Gooleマップを埋め込もう
Youtubeを埋め込もう

4.グループの編集
グループ化と解除方法
パディングの使い方
ギャップの使い方
マージンの使い方
グループ内要素の配置
グループ内要素の向き
はみ出し部分の表示方法
絶対位置などの配置

5.レスポンシブ
端末の切り替え方
ブレイクポイントの編集方法
レスポンシブによるデザインの変更