思わず二度見され、一瞬で心を奪う
アメブロ＆インスタ世界観のつくり方
自宅教室・サロンオーナー・ハンドメイド販売
はじめての女性の起業を
おしゃれに可愛くプロデュース♡
ポーセラーツ＆フラワー教室「JouJouette」主宰
世界観をカタチにするwebデザインプロデューサー
豊田 純子
はじめましての方はこちら
《ご提供中のサービス》
JOUJOUNETのサービス・講座は
全て満席で募集をストップしております。
新しく募集をスタートするときには
公式LINEでお知らせいたします。
トランスジェンダー男子という言葉が流行るくらい
今アンニュイを感じるものが流行っています。
それはデザインの世界も同じ♡
ニュアンスカラーは人気のパステルカラーに
少しグレイを混ぜたようなくすみカラー。
ファンションやネイルだけでなく、
インテリアでもよく用いられています。
音色や言葉の微妙な違いを表す
「ニュアンス」という言葉だけあって
ニュアンスカラーは曖昧でぼんやりした色のこと。
私も大好きでよく記事の囲み枠でも使うので
女性をターゲットにしたあなたへ
アメブロで使える大人可愛い♡
ニュアンスカラーのデザインをいろいろ考えてみました。
コピペで使えるのでよかったら使ってくださいね〜♪
● 囲み枠の記事への貼り方
①ブログを書く手順で[ブログを書く]画面の下のところで
[HTML表示]に切り替えます。
スマホの場合、画面右下の［HTML編集］で画面が変わります。
②一覧の中から使いたいデザインのHTMLタグ（グレー枠内）をコピーして貼りつけます。
③通常表示に切り替えるとリンクボタンができます
● ニュアンスカラーの囲み枠
ぜひ色々試してお気にいりを見つけてくださいね
シンプルな背景付囲み枠
ここに本文を記入
<div style="background:#ece4e1; padding:10px;">ここに本文を記入</div>
ここに本文を記入
<div style="background:#dcd5c8; padding:10px;">ここに本文を記入</div>
ここに本文を記入
<div style="background:#b4aeb1; padding:10px;">ここに本文を記入</div>
ここに本文を記入
<div style="background:#e0b6a9; padding:10px;">ここに本文を記入</div>
ここに本文を記入
<div style="background:#b0c4de; padding:10px;">ここに本文を記入</div>
ここに本文を記入
<div style="background:#d3cfd9; padding:10px;">ここに本文を記入</div>
使う出番多し！！シンプル囲み枠
ここに本文を記入
<div style="background:#fff; padding:10px; border:2px solid #ece4e1;">ここに本文を記入</div>
ここに本文を記入
<div style="background:#fff; padding:10px; border:2px solid #dcd5c8;">ここに本文を記入</div>
ここに本文を記入
<div style="background:#fff; padding:10px; border:2px solid #b4aeb1;">ここに本文を記入</div>
ここに本文を記入
<div style="background:#fff; padding:10px; border:2px solid #e0b6a9;">ここに本文を記入</div>
ここに本文を記入
<div style="background:#fff; padding:10px; border:2px solid #b0c4de;">ここに本文を記入</div>
ここに本文を記入
<div style="background:#fff; padding:10px; border:2px solid #d3cfd9;">ここに本文を記入</div>
おしゃれな背景付き角丸二重枠線♪
ここに本文を記入
<div style="background:#ece4e1; padding:10px; border:4px double #ffffff; border-radius:10px; ">ここに本文を記入</div>
ここに本文を記入
<div style="background:#dcd5c8; padding:10px; border:4px double #ffffff; border-radius:10px; ">ここに本文を記入</div>
ここに本文を記入
<div style="background:#b4aeb1; padding:10px; border:4px double #ffffff; border-radius:10px; ">ここに本文を記入</div>
ここに本文を記入
<div style="background:#e0b6a9; padding:10px; border:4px double #ffffff; border-radius:10px; ">ここに本文を記入</div>
ここに本文を記入
<div style="background:#b0c4de; padding:10px; border:4px double #ffffff; border-radius:10px; ">ここに本文を記入</div>
ここに本文を記入
<div style="background:#d3cfd9; padding:10px; border:4px double #ffffff; border-radius:10px; ">ここに本文を記入</div>
POINT
- 改行する場合は「Shift」＋「Enter」で改行してください
- スマホで改行する場合は「<br>」で改行できます
- HTML表示しなくてもそのまま[通常表示]で貼り付けることはできますが、余計なタグが入ってしまうので、[HTML表示]で貼り付けることをオススメします。
最近流行りのニュアンスカラー♡
自分で作って並べただけでもテンションあがりました！笑
そのままコピーするだけでも使えますが、
もっとあなたのブログにあったイメージで作りたい場合は
色や形を変えてお気に入りのブログを作ってみてくださいね♡
【カラー変更の参考ページ】
WEB色見本カラーコード
それでは、皆さまにとって素敵な１日となりますように
最後までお読みいただきありがとうございました
もしこの記事があなたの参考になったら
ぜひいいね＆フォローをお願いします
今日もあなたにとって素敵な１日となりますように
＼Instagramフォロワー１万人を超えた秘訣プレゼント中／
講座の最新情報や世界観をつくるヒントをお届けしています✨
＼ママでも仕事をしていても理想の働き方を手に入れた方法✨／
＼インスタはこちら♡Follow Me✨／
好き♡を大切に私らしくはたらいて輝く人生を手に入れる方法
＼思わず二度見され、心を奪う世界観のつくりかた／
デザインのヒントや Instagram＆アメブロの役立つ情報を発信♡
心ときめく食器とお花が作れるポーセラーツ＆フラワーインテリア教室
JouJouetteのブログがこちら♡
▶︎お問合せ（LINE@ID → @575jocda ）
▶︎Instagram ▶︎Facebook ▶︎HP
Thank you for Reading
JOUJOUNET 
ジュジュネット 
