デザイン– tag –
-
【Studio】モバイルファーストのサイト制作方法!メリット2選も解説!
サイト制作コストをなるべく下げたい お客様のほとんどはスマホでサイトを閲覧する BtoC向けの商品やサービスを展開している 上記に当てはまる場合は、モバイルファーストのサイトが向いているかもしれません。 モバイルファーストのサイトは制作費用が安... -
Studioの写真ギャラリーの作り方|CMS機能で更新簡単!
クリエイター(デザイナーや写真家) 建築・インテリア(リフォームも含む) 不動産 観光・宿泊(旅館やホテル) 美容(美容室やネイル) などビジュアル重視のコンテンツを見せたい時に、大活躍なのがギャラリーです。 例えば、不動産サイトにギャラリー... -
【簡単3分】Studioで背景画像を固定する方法!
洗練されたサイトでは、スクロールされても常に背景画像が変わらない仕様になっていることが多いです。 本記事を読んでいるあなたも、下記のような背景画像が固定されているサイトを作りたいのではないですか? そこで今回はStudioで背景画像を固定する方... -
【Studio】ポップアップバナーを作成する手順|閉じるボタン実装も解説!
お問い合わせや資料ダウンロードのコンバージョン率を上げたい時に、大活躍するのがポップアップバナーです。画面上にバナーを固定できるので、お客様の目に留まりやすく、自社商品・サービスの宣伝にも繋がります。 本記事では、Studioでポップアップバナ... -
【簡単1分】Studioでテキストを縦書きにする方法!
ホームページのデザイン性を上げるのに、よく使われるのがテキストの縦書きです。 Studioでは標準機能で縦書きが用意されており、初心者でも1分あれば縦書きに変更できます。 完成イメージは下記のようなイメージです。①と②のどちらのパターンも再現可能で... -
【簡単3分】Studioでボックスを横並びにする方法
Studioでボックスを横並びにするのは、誰でも簡単にできます。 完成イメージとしては、下記のとおりです。 縦並びになっていたボックス2個が、横並びになります! 今回はボックス2個で実演をしていますが、もしボックス3個だったとしても同じ手順で横並び... -
【簡単】Studioで背景動画を設定する方法
トップページでインパクトを与えたい 他社のサイトと差別化したい 言葉で表すのは難しいけど、動画だったら世界観を伝えられる など背景動画を設定することで、見た目の印象をアップさせたり、他者との差別化ポイントにもなります。 そこで今回は、Studio... -
Studioでタブ切り替えを実装する方法|18枚の画像で解説!
タブ切り替えが実装できれば、デザインでプロっぽく見せられるだけでなく、ユーザーの操作性の向上にも繋がります。 そこで今回は、Studioでタブ切り替えを実装する方法を解説していきます。 この記事でわかること Studioでタブ切り替えを実装する方法 Stu... -
Studioの重ね順とは?画像を重ねる方法について解説!
ホームページ制作をしていく中で、必ず困るのが「重ね順(Z-index)」という概念です。重ね順を理解していないと、画像が埋もれてしまうケースが多発します。 そこで今回は、Studioにおける重ね順の考え方について解説していきます。 記事の後半では重ね順...
12