Webに携わるお仕事をしているKanaが繋がったモノ、コトを書きためるブログ。

ガーリー好きがお届けするガーリーデザインのポイント5つ

design , ,

ガーリー好きがお届けするガーリーデザインのポイント5つ

ブログがとってもガーリーだね、と嬉しいお言葉を頂くことが多いKanaです。
とっても可愛いガーリーなデザインは、作っていても見ていても幸せな気分になるので大好きです。
そんな私がガーリーデザインをする際、気をつけているポイントをご紹介します。

PR

1.配色は甘く、優しく。スイーツのような彩りを。

配色は甘く、優しく

ガーリーデザインの配色を考えるときは、甘く優しい色使いを意識しています。
今ひとつピンと来ない時は、googleの画像検索でスイーツ、ケーキ、マカロン、アイスクリーム、ジェラート等を検索しイメージを沸かせます。

私が好きな配色を並べてみました。

配色サンプル

これだけでなんだかとっても可愛い気がしませんか?
洋菓子モチーフにしていますが、和菓子もすごく可愛らしい色使いが多いです。
生和菓子の色使いは落ち着いているものも多いので、年齢層を下げすぎたくない時、参考にします。

このカラーパターンを使ってみようかな、と思われた方はご自由にご利用くださいね!

みんな大好きYATさんのブログで、スイーツ系のECサイトをまとめられています!
素敵なデザインばかりがまとめられた参考になる記事でしたので、是非!

ファンの心をがっちり掴むECサイト「スイーツサイト」厳選8サイトご紹介|YATのBLOG

2.テクスチャを利用してやわらかさや、素材感を加えてみる!

素材感を加えると、手作り感アップでカワイイ!

ベタ塗りでも可愛らしさを出すことはできますが、テクスチャを使ってみると表情が変わり、デザインが良くなることも多いですね。
布、木目、コルクを背景にすると手作り感が出て、あたたかみが増すと思います;)

テクスチャを加えると、かわいい?

いかがでしょうか。
テクスチャを加えただけですが、右側の方が可愛らしさがアップしていると思いませんか?

商用利用可!国内テクスチャ素材配布サイト

私がよくお世話になっている、国内のテクスチャ配布サイトをご紹介します:)
商用利用可というありがたい素材サイトさんです!
ガーリー素材以外にも使えるテクスチャを沢山配布してくださっています。

詳細な規約は、ご利用の際ご自身でご確認ください。

3.パターンを使うだけでガーリーに!ストライプとドットが素敵!

パターンを使うだけでガーリーに!

これが一番お手軽にガーリーデザインへ近づく方法だと思います。
1.配色は甘く、優しく。スイーツのような彩りを。でお話させていただいた色に、パターンを適応させるだけです。

色の組み合わせ方がわからない!という方は、とりあえずガーリーカラー+白の組み合わせで、不透明度を調整してみてくださいね。

パターンを加えると、かわいい?

いかがでしょうか。
こちらもテクスチャと同じく、ドットパターンを加えただけです:)
私のおすすめパターンは、シンプルなストライプとドットです。主張しすぎず、さりげなく、ガーリー度をアップしてくれます。

商用利用可!パターン素材

私がよくお世話になっている、パターン素材配布サイトと、photoshopパターン素材をご紹介します:)
商用可というありがたい素材です!

詳細な規約は、ご利用の際ご自身でご確認ください。

4.安定感よりも、繊細なイメージを意識する。

繊細、華麗でガーリーに。
フォントは太くて安定したゴシック体よりも、細めの丸ゴシックや、明朝体の方が女性らしさが出ます。
以前このブログの記事にも書いた、やさしさゴシックも、やわらかく可愛いのでオススメです。

また、枠の飾りなども、繊細な装飾がされているものの方が、簡単に女性らしさを引き出すことが出来ます。
太いシンプルな枠でも、スタンプ風に加工したり、色味や素材感を加えることで女性らしさはアップすると思います:)

レイアウトもグリッドに沿わせて要素を配置していくばかりでなく、円を使った要素を取り入れてみたり、モチーフをナナメに配置するなど変化を加えても良いのではないでしょうか。

繊細さを加えると、かわいい?

いかがでしょうか。
フォントを明朝体に変更し、ベースになっている枠に装飾を加えてみました。
華やかな雰囲気がプラスされて、女性らしいものになったと思います。

商用可!飾り枠素材サイト

私がよくお世話になっている、飾り枠素材サイトをご紹介します:)
クラシカルで繊細な、ガーリー素材にぴったりの飾り枠がきっと見つかります!商用可、ベクターファイルまで配布してくださっています。

詳細な規約は、ご利用の際ご自身でご確認ください。

デザイン枠、飾り罫素材専門サイト「フレームデザイン」

5.かわいい小物をコラージュしたり、装飾を加えて、可愛らしさをアップ!

かわいいものだけ、たっぷり詰め込みたい。

ガーリーデザインのアクセントになるのは、やはりカワイイ小物ですね。

  • マスキングテープや、レース、リボンなどをあしらう
  • 鍵や王冠などの可愛いモチーフをアクセントに使う
  • 花の写真や、スイーツ写真などを切り抜いて配置する
  • マークをスタンプ風に加工する

私がガーリーデザインをするときは、上記のようなアクセントを加えて仕上げていきます。

このブログも、ブログロゴ部分に自分で撮影した薔薇の写真を使っています!XD
お花の写真は撮り溜めているので、いつか素材として配布できるようにしたいなあと思います。

コラージュすると、かわいい?

商用可!ガーリーモチーフ素材

私がよくお世話になっている、レース素材配布サイトと、ガーリーモチーフ素材をご紹介します:)
商用可というありがたい素材です!

詳細な規約は、ご利用の際ご自身でご確認ください。

レース素材
ガーリーモチーフ素材

最後に…

可愛くって作っても、見ていても癒されるガーリーデザイン。
制作のヒントになれば、とっても嬉しいです。
こういった要素を乱用すると、非常に目にうるさいサイトになってしまうこともあります。
適量を用いることが大切ですね。
私も、つい、カワイイ!と思って使ってしまうので、気をつけなくてはいけません…。

名古屋Web界のファンタジスタ、新技恋のトラベリング!井畑さんがガーリーなWebデザインをまとめられています。
”カワイイ”をギュッと凝縮した、素敵なサイトをピックアップされていますので、是非ご覧ください!
まるでおとぎ話の世界みたい!かわいくてガーリーな21サイトをご紹介 | クリエイティブメモメモ

今後は、おすすめのガーリーデザインTipsや素材などをまとめた記事や、ガーリー素材を作るチュートリアル記事も書いていきたいと思います!

追記:

ガーリー素材をまとめた記事を書きました。ガーリーなデザインをする際の参考にしてください。
ガーリーデザインに使える!可愛い商用可フリー素材・素材サイトまとめ

PR

トラックバック: