スマホとPC両対応のホームページ作成、ご予約フォームの作成、
メルマガ配信、顧客管理機能までがまるっと一つになったリウムスマイル!

電話番号:06-6484-5445

営業時間:平日 9:00〜17:30

  1. 横幅が広いサイドなしデザインスキンを使うときの3つのポイント
 

横幅が広いサイドなしデザインスキンを使うときの3つのポイント

2015/04/21

こんにちは、じゃすみんです。

最近はサイドがないホームページデザインが主流となっていますが、リウムスマイル!でも右のスクリーンショットのようにサイドなしのホームページデザインを作成でき、パーツごとに背景設定することができます。

 

でも、

  • どんな写真を使ったらいいのか分からない・・・
  • 文字の横に人が来るようにしたい・・・・

って方はいませんか?

 

そんな方は以下の3つのポイントに気を付けながら、作成してみてください!

  1. 背景カラーになじむ写真を使う
  2. 右や左に人物などが寄っている写真を使う
  3. グラデーション加工をした写真を使う

 

Point.01 背景カラーになじむ写真を使う

背景カラーになじむ写真を使うスクリーンショットは背景カラーと馴染むように両端をグラデーション加工しておりますが、これ、加工しなくても結構違和感はないんです。

例えば、右のような青空や背景が灰色やベージュなど1色のみの写真を使い、背景カラーを同じ色で設定すると写真と背景が馴染んできれいに見えます。

 

▼参考 ホームページのパーツ毎に背景を変化させる方法

▼参考 オリジナルヘッドライン画像を作成する(Pixlrの簡単な使い方)




Point.02 右や左に人物などが寄っている写真を使う

右や左に人物などが寄っている写真を使うホームページのメインは、あなたのお店・サロンの強みやサービスを説明する文章部分です。

でも、それが背景の写真をかぶってしまっては意味がないですよね。

 

なので、できるだけ右のような、人物などが左右どちらかによっている写真を使うことをおすすめいたします。

自分で撮るのが難しい場合は、下記のページで商用無料写真素材サイトをご紹介しておりますので、そこからお選びいただければと思います。

 

▼参考 2015年版!商用利用可の無料写真素材サイトまとめ8選




Point.03 グラデーション加工をした写真を使う

グラデーション加工をした写真を使う背景色がごちゃごちゃしている場合や、左右によっていない写真を使う場合はグラデーション加工していただくことをおすすめします。

グラデーション加工は自分で行っていただく必要がありますが、慣れると自分で凝ったヘッドライン画像やバナー画像が作れたりと、色々と応用できるようになると思います。

 

▼参考 オリジナルヘッドライン画像を作成する(Pixlrの簡単な使い方)



また、サイドなしデザインテンプレートでヘッドライン画像を設定する場合は、できるだけ記載しているおすすめサイズを設定していただくことをおすすめします。


サイドなしのデザインテンプレートを使いたい方は、この3つのポイントに気を付けて、オリジナルのホームページを作成していってくださいね!


思い通りのホームページが自分で作れる! エステサロン専用のホームページシステム


デザインスキン

約45秒で理想的なネイルサロンホームページのお手本が完成!

「お手本」を修正していくだけだから簡単に作成できる!

  • 初期費用   :32,400円
  • システム使用料:1ヵ月あたり 2,700円(32,400円/1年間)

100種類以上のデザインテンプレートから選べるから、あなたのエステサロンにピッタリのデザインがきっと見つかります。


詳しくはこちら


160分でつくる!小さなサロンのホームページ スタートマニュアル無料プレゼント


160分でつくる!小さなサロンのホームページ スタートマニュアル

サロンをじっくり丁寧に説明できる「ネット上の分身」のような

ホームページがたったの160分で、自分で立ちあげられる


スタートマニュアルを無料でプレゼントいたします!


サロンの魅力の見つけ方から、ホームページの作成手順までまるわかり!


お申し込みはこちらから

↓ ↓ ↓

スタートマニュアル無料プレゼントフォーム

Facebook・Twitterで最新情報を


 

裏情報はメルマガで・・・


リウムスマイル!フェイスブックページ

「いいね!」や「フォロー」をすると、最新情報をあなたのタイムラインにお送りします。

メルマガオミセラブ

メルマガオミセラブの登録をする

本ブログのまとめや、ブログでは書けない裏情報などをメールでお届け!