デザイン力アップ

• 参考にしたいヘアサロンホームページ10
• 参考にしたいネイルサロンホームページ10
• チラシに使われる定番紙の違いとは
• 【2024年最新版】商用利用可！フリーイラスト素材サイト10選
• デザイナー向け。スタイルシートを編集してテンプレートをカスタマイズする方法
• カルーセル（横スライド）表示を使って、見せたい情報をコンパクトに・魅力的に
• これで差がつく！ホームページの装飾３つのテクニック
• アメーバブログをカスタマイズするならカスタム用のテンプレートを使おう！
• カスタムCSSで本格的にアメブロをカスタマイズしよう！
• お客様を逃さないトップページの作り方

• 参考にしたいヘアサロンホームページ10

  基本的にヘアサロンのホームページは写真が命。

  ホームページの半分はメインビジュアルが占めており、逆に情報量が少なめなのがヘアサロンのホームページの特徴です。

  また、写真の印象を弱くする過度な装飾を使用することはほとんどありません。

   

  今回はインパクトのあるメインビジュアルを使ったヘアサロンホームページをご紹介します。

   

  くわしく！
• 参考にしたいネイルサロンホームページ10

  

  リウムスマイル！にはネイルサロン用のお手本が用意されていますし、デザインも100種類以上用意されていますので、専門知識がなくてもプロ級のホームページをご自身で作成することができます。

   

  とはいえ、美しいネイルサロンのホームページを沢山見てみるのも、参考になるかと思いますので、今回は参考になる美しいネイルサロンのホームページをご紹介します。

   

  （見すぎて真似しちゃ、あなたのお店のオリジナル性がなくなっちゃいますよ！）

  
  
  くわしく！
• チラシに使われる定番紙の違いとは

  紙にはいくつも種類と厚さがあって、どれを使って印刷すればいいのか分からないですよね。

   

  基本的にチラシに使われる紙には、コート紙・マットコート紙・上質紙があります。

  今回はその3つの紙の違いをまとめてみました。

  くわしく！
• 【2024年最新版】商用利用可！フリーイラスト素材サイト10選

  
  

  ホームページのデザインに必要なものと言えば写真です。

  ですが、柔らかな雰囲気や親しみやすい雰囲気を取り入れたり、サービスの説明のいち部分にちょっとしたアクセントを入れたいなら、イラストを使うのも良いですよね。

  
  

  今回は商用利用可能のフリーイラスト素材をご紹介いたします。

  ※各サイトによって利用規約は違いますので、きちんと確認してから素材をご利用ください。

  くわしく！
• デザイナー向け。スタイルシートを編集してテンプレートをカスタマイズする方法

  リウムスマイル！は、html言語やスタイルシートなどの難しい知識がなくても、ブログのように簡単にデザインを変更できたり、ホームページを作れるのが特徴ですが、難しい知識がある人用に、凝ったカスタマイズもできるようになっています。

  デザインは、デザインテンプレートによって最適でかっこいいものを作っていますが、どうしても、

  「この見出しのデザインがこうなってくれればなー」

  「このリストのマークをこれに変えたいんだよなー」

  なんて方のために、一応対応可能なようにしております。

  htmlやcssの知識がしっかりある人向けなので、サポートは対象外とさせていただいております。

   

  というわけで、スタイルシートを編集して、デザインテンプレートをカスタマイズする方法をご紹介いたします。

  くわしく！
• カルーセル（横スライド）表示を使って、見せたい情報をコンパクトに・魅力的に

  カルーセルは、複数のコンテンツを横にスライドして見せられる表示形式です。

  スライドは自動でも手動でも切り替えることができ、スペースが限られている場合にも、順番にたくさんの情報を見せることができます。

  
  

  たとえば、ブログ記事の一覧やお客様の声、サービスメニューなどを視覚的にわかりやすく、印象的に紹介したいときに便利です。

  
  

  ちなみに「カルーセル（carousel）」という名前は、メリーゴーランドを意味する英語からきており、情報がくるくる回って表示される様子が由来です。

  
  

  「複数のコンテンツを設置したいけど、スペースが限られている・・」とお悩みの場合は、是非カルーセルの使用を検討してみてください。

  このページでは、「カルーセル」表示形式の活用イメージと設定手順をご紹介します。

  
  
  くわしく！
• これで差がつく！ホームページの装飾３つのテクニック

  リウムスマイル！で作成されたホームページは、選択したデザインスキン（テンプレート）ごとに、そのデザインに合ったページタイトルのデザインになったり、バナーが設定されています。

  しかし、本文内に書かれた文章は、ただ文字を打ち込んでいくだけでは、ノーマルな文字のままになります。

   

  基本的には、それでもシンプルにカッコ良くなるように、デザインを作っていますが、途中で見出しなどのデザインを入れた方が、より読みやすくなります。

  • ちょっと区切りとして、見出しを入れたい
  • この文字だけ目立つように強調したい

  など、いろいろな思いを叶えれるように、本文内の文章にも、デザインをご自分でつけれるようになっています。

   

  今回は、その紹介と注意点など、ホームページの装飾の３つのテクニックをお伝えいたします。
  

  くわしく！
• アメーバブログをカスタマイズするならカスタム用のテンプレートを使おう！

  前回はアメブロをカスタマイズする場合の気をつける点をご説明いたしましたが、

  今回からはカスタマイズ方法に入っていこうと思います。

   

  アメブロのデザインをカスタマイズするためには、

  カスタム専用のデザインテンプレートを選ぶ必要があります。

  ですが、そのカスタム専用のデザインテンプレート、2種類あるのをご存知ですか？

   

  1つは、CSS（カスケーディング・スタイル・シート）という、

  ブログの文字色や背景など事細かな装飾を指示する仕様の「CSS編集用デザイン」テンプレート。

  もう1つは、ヘッダー画像や背景画像など決められた場所のみ簡単にカスタマイズできる「べーシック　オレンジ」などのテンプレート。

   

  まずは、htmlもCSSも分からない！けどヘッダー画像だけでも変えたい！

  という方におすすめの簡単カスタマイズができるテンプレートの設定方法をご説明します。

  くわしく！
• カスタムCSSで本格的にアメブロをカスタマイズしよう！

  ヘッダー画像だけ変更するぐらいだと物足りない、あの箇所の装飾を変えたい、

  など、使っていたらどんどんとデザインを良くしていきたい欲求が出てきますよね。

   

  そんな方は、CSSが変更できる「CSS編集用デザイン」テンプレートを使うことをおすすめします！

  くわしく！
• お客様を逃さないトップページの作り方

  ホームページのトップページは一番最初にお客様が見るところです。

  つまり、ネット上のお店・サロンの看板であり店舗などの正面玄関であるわけです。

   

  だから、

  • なに屋さんなのか？
  • 誰が対象のお店なのか？
  • 他のお店との違い＝ウリは何か？

  の3つが伝わることがとても重要です。

   

  くわしく！