デザイン– tag –

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

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

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

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

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

ホームページ制作をしていく中で、必ず困るのが「重ね順（Z-index）」という概念です。重ね順を理解していないと、画像が埋もれてしまうケースが多発します。 そこで今回は、Studioにおける重ね順の考え方について解説していきます。 記事の後半では重ね順...

今回は、STUDIOで横スクロールを実装する方法について解説します。 完成図は、下記のとおりです。 初心者でも簡単に設定できる内容です。3分もかからないレベルなので、この機会にサクッと実装していきましょう。 STUDIOで横スクロールを実装する方法 STUD...

STUDIOの「リッチテキスト」という機能を使えば、文字の一部を装飾することができます。 今回はリッチテキストを使うメリット3選、そしてどのような装飾ができるのかについて詳しく説明していきます。 この記事でわかること リッチテキストとは何なのか リ...

今回は、STUDIOで画像の上にテキストを配置する方法について紹介します。 完成イメージは、下記の通りです。 テキストを上下中央寄せにすることもできます！ 誰でも簡単にできる内容なので、ぜひ挑戦してみてください！ STUDIOの画像は「Box」と「Img」の2...