STUDIO.motion

ノーコードWEB制作ツール「Studio」で設定できる、モーションの作り方をまとめています。カスタムコードなしで、無料プランでも簡単に作れます。Studioでモーションを実装して、少しリッチなサイトを作ってみよう⭐️
#STUDIOモーションアイディア集

[STUDIO.motion @studio_motion_]

ノーコードWEB制作ツール『STUDIO』で作れる、モーション設定の作り方をまとめて紹介しています！✨

STUDIOでちょっとリッチなサイトを作る時のお供として、参考になると嬉しいです☺️

https://t.co/3j9rBpthWh

#withSTUDIO #STUDIOモーションアイディア集

[STUDIO.motion @studio_motion_]

少しずつですが、モーション解説を新エディタに対応した形で更新中です！

[Kasumi🤟🥳SHElikesファンクラブコミュニティCP @KKstudio_design]

Studioのモーションまとめてくれてるめっちゃ便利なサイトを見つけたよ👀💖

マンネリ化しがちなときにアイディアの参考になってありがたい〜🤩

https://t.co/opzjJP3Fek #withSTUDIO
#STUDIOモーションアイディア集
#Webデザイン

[STUDIO.motion @studio_motion_]

Studioでモーションを実装しよう！

【スライダー】
その場でふわっとスライドが切り替わる

↓作り方はこちら✨↓
https://t.co/388JD5c3gU

#withStudio #STUDIOモーションアイディア集 #Webデザイン

[STUDIO.motion @studio_motion_]

Studioでモーションを実装しよう！

【画像リンク】
画像がボケてテキストが表示される

↓作り方はこちら✨↓
https://t.co/cYxl8vvcze

#withStudio #STUDIOモーションアイディア集 #Webデザイン

[Yulia @yla__SHE]

昨日めちゃくちゃ参考になるSTUDIOのモーションアイディア集見つけたので備忘録兼みんなにシェアしちゃう☝️💫
----------
STUDIOでモーションを実装の参考に！ https://t.co/Fdl7EY5ggn #withSTUDIO #STUDIOモーションアイディア集 #Webデザイン

[STUDIO.motion @studio_motion_]

YouTubeで当サイトを紹介いただきました👀✨
ありがとうございます！！

【神サイト】Studioのアニメーションを探すならStudio.motionがおすすめ！ #ノーコード #Web制作 https://t.co/xHXuB53OuX @YouTubeより

[STUDIO.motion @studio_motion_]

Studioでモーションを実装しよう！

【テキストの動き】
テキストが1文字ずつふわっと表示される

↓作り方はこちら✨↓
https://t.co/5lvWbqpAWE

#withStudio #STUDIOモーションアイディア集 #Webデザイン

[STUDIO.motion @studio_motion_]

Studioでモーションを実装しよう！

【ボタン】
角丸に変わる

↓作り方はこちら✨↓
https://t.co/0tRb9tcwb3

#withStudio #STUDIOモーションアイディア集 #Webデザイン

[STUDIO.motion @studio_motion_]

Studioでモーションを実装しよう！

【ボタン】
ボタンの背景が中央から横に広がる

↓作り方はこちら✨↓
https://t.co/Ocsw3KkCH5

#withStudio #STUDIOモーションアイディア集 #Webデザイン

[平井淳 Atsushi Hirai @spst_tm]

なんだこの有り難いサイトは（ありがたや）

STUDIOでモーションを実装の参考に！ https://t.co/6Z00h3v4Xp #withSTUDIO #STUDIOモーションアイディア集 #Webデザイン

[あいまいみー｜designer @imyme_999]

これめちゃありがたすぎる……！🫶
事例からも探せるのが神だ〜〜 感謝〜〜 💭

STUDIOでモーションを実装の参考に！ https://t.co/G3RbVrd7NL #withSTUDIO #STUDIOモーションアイディア集 #Webデザイン #imy_design

[kunugi design｜テンプレートも作るWebデザイナー @kunugidesign]

STUDIOでモーションを実装の参考に！ https://t.co/i6lydGEt57 #withSTUDIO #STUDIOモーションアイディア集 #Webデザイン

[STUDIO.motion @studio_motion_]

STUDIOでモーションを実装しよう！

【スライダー】
スライダーの左側が消える

↓作り方はこちら✨↓
https://t.co/D4p5vEID9B

#withSTUDIO #STUDIOモーションアイディア集 #Webデザイン

[STUDIO.motion @studio_motion_]

無事再接続されて、閲覧できるようになりました！

[STUDIO.motion @studio_motion_]

ドメイン移管の影響でStudioとの接続が外れてしまいまして、現在サイトが表示されません🙇‍♀️
DNSレコードの反映まで時間がかかるようなので、復旧まで今しばらくお待ちください🙏

[STUDIO.motion @studio_motion_]

STUDIOでモーションを実装しよう！

【ボタン】
背景が中央から外側に広がる

↓作り方はこちら✨↓
https://t.co/PxQSpG9gxC

#withSTUDIO #STUDIOモーションアイディア集 #Webデザイン

[STUDIO.motion @studio_motion_]

@nocode0101 ありがとうございます！少しずつ増やしていますので、参考になると嬉しいです☺️

[STUDIO.motion @studio_motion_]

STUDIOでモーションを実装しよう！

【ボタン】
影がついて浮き上がる

↓作り方はこちら✨↓
https://t.co/PXJsc4Am05

#withSTUDIO #STUDIOモーションアイディア集 #Webデザイン

[ももな🍑 Studio特化デザイナー @kanau_design]

＼デザインの参考サイトまとめ✨／

わたしが普段、デザインの参考にしているサイトをまとめてご紹介します🧚‍♀️✨

●全般●
「Pinterest」
https://t.co/R3Cq9HbDfX
→とにかく最初はこれで検索🤣

●バナー●
「BANNER LIBRARY」
https://t.co/kTpvg8aVQR
→最近はバナー作ってないですが、写真の見せ方、フォントの配置など参考にしてます🙏

●サイト●
「デザインのこと」（@designnokoto）
https://t.co/5Ur2vwVsu0
→見てるだけで癒されます…🥹
「デザインをさっと見る」でざざっと全体を確認して、もっと見たいサイトはURLに飛んでます🪽

「SANKOU!」
https://t.co/czrSUPwcW3
→STUDIOのサイトもまとめてあるので、よく見てます👀隙間時間にスマホから見ることも多いです🥰

「STUDIO Showcase」（@studiodesign）
https://t.co/nBA35CruRY
→「これは本当に同じSTUDIOを使ってますか…？🥹」って心折れるほどクオリティ高いサイトばかりで刺激になります✨いつかここに掲載してもらえるようなサイトを作る！というのが今の目標です🥹💕

●サイトのパーツ別●
「KASOU」（@kasoudesign）
https://t.co/K9uFDrYFqF
→かなり丁寧に下層ページまでまとめてくれてるサイトなので、インプットのためによく見てます🙏「同系統のサイトデザイン」で似たようなサイトを見られるのも嬉しいポイントです🥰

「Parts. パーツ別Webデザイン集」
https://t.co/v896jHw98G
「STOCK DESIGN」
https://t.co/uzTUhFpPih
→この２つは「このパーツのデザインどうしようううう😱」って沼に陥ったときにざざざざ～と見まくります🤣🙏結構見てるだけでも面白いです✨

●モバイル特化●
「MOBILE-FIRST DESIGN GALLERY」（@akane___UI）
https://t.co/pGPPya96tE
→見たとき感動したまとめサイト✨コンセプトに合わせているのがまず素敵…🫶モバイルファーストのサイトは作ったことないですが、このサイト見て、年内には絶対挑戦する！と思っています🔥

●アニメーション●
「動くWebデザインアイディア帳」（@ugokuweb）
https://t.co/AaKVOjmpmH
→STUDIOでできる範囲にはなりますが、アニメーションで悩んだ時に参考にしています🪽

「STUDIO.motion」（@nh0405）
https://t.co/wGTIF6XgA5
→「STUDIO　アニメーション」って調べまくる時期に発見して、もう、ほんとに感動🥹実装方法を探すだけでも時間がかかっていたので、やり方も教えてくれなんて神ー🙏💕ってなりました🤣

以上が参考にしているまとめサイトです！

こういうまとめサイトを作ってくださってる方々には頭が上がりません…！いつもありがとうございます🙇‍♀️💕
そして良質なデザインを見ていると、参考になるだけでなく心が躍っちゃいますよね💃
もし同じサイト見てるよー！知らなくて参考になったよー！って人はリプくださると嬉しいです🥰

[まつ@コミュニティ2.0 @nocode0101]

STUDIOのモーション探すなら「STUDIO.motion」がおすすめ。

実際の動きを見ながら実装したいモーションを探すことができる。
https://t.co/UM7FSzdV4H