デザイン– tag –

Lottieアニメーションを導入すると、サイトをより魅力的に演出することができます。 StudioでもLottieを使うことで、アイコンやローディング画像、スクロール時の動きを実装することができます。それだけでなく、Lottieは軽量かつ滑らかにアニメーションを...

現代で⁨⁩はスマホ・タブレット・パソコンなど色々な端末が登場しているため、サイトも各端末で綺麗に見えるように調整しなければなりません。 そこで必ず設定しなければならないのが「ブレイクポイント」です。 今回は、Studioでレスポンシブ対応する上で...

クリエイター（デザイナーや写真家） 建築・インテリア（リフォームも含む） 不動産 観光・宿泊（旅館やホテル） 美容（美容室やネイル） などビジュアル重視のコンテンツを見せたい時に、大活躍なのがギャラリーです。 例えば、不動産サイトにギャラリー...

洗練されたサイトでは、スクロールされても常に背景画像が変わらない仕様になっていることが多いです。 本記事を読んでいるあなたも、下記のような背景画像が固定されているサイトを作りたいのではないですか？ そこで今回はStudioで背景画像を固定する方...

お問い合わせや資料ダウンロードのコンバージョン率を上げたい時に、大活躍するのがポップアップバナーです。画面上にバナーを固定できるので、お客様の目に留まりやすく、自社商品・サービスの宣伝にも繋がります。 本記事では、Studioでポップアップバナ...

ホームページのデザイン性を上げるのに、よく使われるのがテキストの縦書きです。 Studioでは標準機能で縦書きが用意されており、初心者でも1分あれば縦書きに変更できます。 完成イメージは下記のようなイメージです。①と②のどちらのパターンも再現可能で...

Studioでボックスを横並びにするのは、誰でも簡単にできます。 完成イメージとしては、下記のとおりです。 縦並びになっていたボックス2個が、横並びになります！ 今回はボックス2個で実演をしていますが、もしボックス3個だったとしても同じ手順で横並び...

トップページでインパクトを与えたい 他社のサイトと差別化したい 言葉で表すのは難しいけど、動画だったら世界観を伝えられる など背景動画を設定することで、見た目の印象をアップさせたり、他者との差別化ポイントにもなります。 そこで今回は、Studio...

タブ切り替えが実装できれば、デザインでプロっぽく見せられるだけでなく、ユーザーの操作性の向上にも繋がります。 そこで今回は、Studioでタブ切り替えを実装する方法を解説していきます。 この記事でわかること Studioでタブ切り替えを実装する方法 Stu...