かわいい系デザインに使えるフォントや素材、デザインアイデアを集めました

2019年6月4日
Webデザイン, ダウンロード, フォント

女性Webデザイナーにとっては「かわいいと言えばこんな感じ！」という基本的な概念が自然と身についているものの、男性デザイナーにとってはなかなか難しい女性テイストのデザイン。でも大丈夫！今回紹介する無料素材やフォント・配色例を組み合わせれば、きっと女子力の高いかわいいデザインができあがるはずです！紹介する素材はすべて商用利用OK！参考になるデザインのWebサイトもいくつか紹介します！（あ、ちなみによく誤解されますが、私、Webクリエイターボックスの中の人は女ですw）

↑私が10年以上利用している会計ソフト！

無料フォント

曲線をうまく使うと女性らしいデザインに仕上がります。そこで、使用するフォントはまるっこいものや女性の手書き風にすると、かわいらしさがググッとアップします！紹介するフォントはすべて商用利用OKです（但し書きのあるサイトについては、以下にその旨を記載）。

えり字
最近当ブログでも使う機会が増えてきた手書き風フォント。

｢フォントを利用されるにあたって｣
※個人で製作した同人誌、配布物、名刺などでのご利用、個人サイトでのバナー、イラスト、画像、素材などへの埋め込みなど、基本的に個人でしたら商用利用も可。
企業・お店・各種団体様でも、フォントを使うことによって金銭のやりとりが発生しない場合は、お気軽にご利用下さい。
企業・お店・各種団体様で商用利用される場合にもフリーですが、その際には事前・事後問いませんので必ずご連絡頂くようお願いします。

ミウラ Liner−jr
小学校三年生程度の漢字が使えます。更に多くの漢字が使える有料版（2376円〜）もあります。

フリーフォントうつくし明朝体
ダウンロードにはユーザー登録が必要ですが、FacebookユーザーはFLOPdesignのFacebookページで「いいね」をするとダウンロードできます。

ロゴたいぷゴシック
エレガントな曲線を持ちつつ、見出しでも使える力強さを感じられるフォント。

やさしさゴシック
漢字も多数含まれていて使いやすいです。

ふい字置き場
当ブログで長年使っていたフォント。こちらも使える漢字が多いです。Webフォント化OK！

Sofia
私のポートフォリオサイトでも使用中のフォント。くるんとした曲線がかわいらしいデザインです。Google Fonts対応。Webフォント化OK。

Matilde
細い縦長のシェイプやはしっこについた装飾がなんともおしゃれなフォント。Webサイトで例として使われている飾り枠の .epsファイルも一緒にダウンロードできます。

LemonChicken
まるっこい形とどこかほんわかした手書き感があふれているキュートなフォント。Webフォント化OK。

その他、「無料・商用利用可！おしゃれで個性的な装飾系フォント20」という過去記事でも美しいフォントを集めています。ぜひ覗いてみてください！

目次へ

無料アイコン・イラスト素材

背景やフォントなど、すべての要素をシンプルにおさえても、かわいいイラストひとつあればそれがワンポイントになって全体のイメージも女性らしくなりますよ。素材はすべて商用利用OKです（但し書きのあるサイトについては、以下にその旨を記載）。

ガーリー素材
お花や動物、女の子など、かわいいイラストもりだくさん！.eps形式でもダウンロードできます。

いらすとん
ゆるかわなイラストを大量に配布しているサイト。イベントごとにもカテゴリー分けされていますよ。

いらすとや
上記サイト「いらすとん」と同じイラストレーターさんによる無料素材。ふんわりとした色使いのイラストがたくさん！リクエストも受け付けているようです。

商用目的の場合、一つの作成物の中に20点（重複したイラストは１点とします）までは無料でご使用いただけます。それ以上の使用をご希望の場合、有償で対応させて頂きます。

料金の目安：一点につき1,080円
※ご使用用途によって変わることがあります。
※20枚以降の枚数ではなく全体でのご使用枚数で数えさせていただきますのでご了承下さい。

ハンコでアソブ
ハンコ風のイラスト素材いろいろ。手作り小物系や食器類、楽器など、趣味に使えそうな素材もあります。

iconmelon
手描き風やラインアイコン等、様々な種類のSVGアイコンがダウンロードできるサイト。好みのアイコンをクリックして一括ダウンロードした後は、「アイコンフォントからSVGへ！より手軽にベクター画像を表示しよう」で紹介したSVGスプライトの要領で表示できます。フィルターの追加もらくちん。

Free UI Vector Icon Set by Jonathan Hasson
シンプルながらまるっこい形が、かわいい系Webサイトにもマッチするはず。

Free Clothes Icons
ファッション関係のシンプルなアイコン。ECサイトにピッタリ！

Free cooking icon set
料理の食材が手描き風アイコンに！

目次へ

無料の背景パターン素材

背景画像を派手にすると、全体的ににぎやかなデザインになりがち。しかし「ヘッダー部分にだけ…」とか、「見出しの背景にだけ…」などなど、部分的に使うとシンプルすぎず、甘すぎない、ちょうどいいバランスを保てます。素材はすべて商用利用OKです。

ナチュラルガーリーなパターン
お花やハートを使った女の子っぽいパターン素材。

Aztec Pattern by caralinaj
アズテック柄と呼ばれる幾何学模様に軽快な配色を組み合わせたパターン。

Springtime Patterns Retro Edition
ポップな配色と柔らかいベージュの組み合わせがおしゃれ。

Triangle Delight Patterns by MysticEmma
男性的なイメージになりがちなポリゴン風模様も、配色によって女の子らしくなりますね。使用面積に注意したいところ。

Floral Patterns by sofi01
お花模様の彩度を落としてヴィンテージ風に。

5 European Pattern Background
エレガントなダマスク模様のパターン。エレガントなテイストに◎

Free Exotic Polkadots Photoshop Pattern Set
かわいいだけの水玉模様じゃ物足りないという大人ガーリーなデザインにぴったり。

目次へ

「かわいい」を実現する配色例

女性テイストと言えばまず思い浮かべるのがピンク。しかしピンクと言っても子猫の肉球のような薄いピンクから、イワンコフの水着のようなビビッドピンクまで、いろんな種類があります。そして組み合わせた色によって、そのピンクが生かされず、残念なデザインになってしまったり。迷ったらまず明度をあげて、明るい配色にするよう心がけましょう！あとは毎度おなじみ配色SNSサイトのColourLoversから、人気のかわいい配色を紹介するので、参考にしてみてください。

#8DCCAD / #988864 / #FEA6A2 / #F9D6AC / #FFE9AF – By GabsGiggles