icon_top icon_right icon_left arrow_right arrow_left search window heart arrow_curve_right arrow_curve_left amazon google instagram twitter pinterest facebook

“ものづくり”と“ものがたり”を考えるブログ“ものづくり”と“ものがたり”を考えるブログ

ナチュラルかわいい!手書き風のイラストやアナログ風テクスチャを用いたWebサイトまとめ

フラットデザインの普及が続いている一方で、
手書き風のイラストやアナログ感のある素材を使ったデザインも多く見かけます。
やっぱり一手間かかった手しごとって雰囲気がありますよね。
そんなデジタルでもあたたかみのあるWebサイトをポイントごとに集めてみました。
ナチュラルかわいいデザインの参考にどうぞ。

手書き風テキスト・素材

味のある線の手書きタイポグラフィやイラストはそれだけで一気に暖かみのあるクリエイティブなデザインに。
デザインの大きなアクセントとなります。

イトコバコ

157c5cef52823e3a6703a1870e728fc3


http://itokobaco.com/

箱庭

スクリーンショット 2015-08-18 16.12.48


http://www.haconiwa-mag.com/

ハピスタ

e08d6035508e021a558cfd0f7c0f22d4


http://happy-photo-studio.jp/

Bleu Bleuet

195ec7913cc7136f94e9872b7b57950f


http://www.bleubleuet.jp/

Vendange

Vendange-3


http://www.vendange-salon.jp/

L’ATELIER de SHIORI

79625254ff1349f752cfc3453d0c67ca


http://www.atelier-shiori.com/
 

アナログ感のあるテクスチャづかい

紙や布などアナログ感のあるテクスチャはナチュラルデザインと相性抜群。

太陽と星空のサーカス

3095952ec831b4c61572211d69e201f3


http://sunandstars.jp/

横浜ハンドメイドマルシェ

f373173fd16008eddced7fad9024eaf8


http://handmade-marche.jp

太陽のマルシェ

c33bf476c770a031faf6fbc10c0c01a0


http://timealive.jp/

タマチャンショップ

68f1bee8c6d4a6363f76a7e029e7e441


http://www.rakuten.ne.jp/gold/kyunan/

comocomo.cafe

comocomo1


http://petitringo.net
 

シンプル

ナチュラルかわいいデザインはやりすぎないシンプルさが大事。
余白の使い方、引き算のデザインが絶妙です。

Kino Iglu

スクリーンショット 2015-08-18 16.19.47


http://kinoiglu.com/

ehka sopo

b9124f7bd46915cfe07eb7c419ea4bc3


http://ehkasopo.com/

インターナショナル寺子屋

5f3826dc44357551e5603973b4870147


http://internationalterakoya.com

いかがだったでしょうか?
どのサイトも雰囲気たっぷりで素敵です。
ナチュラルテイスト、アナログテイストをデザインに取り入れる時の参考になれば幸いです。

カズミアで運営中のwebデザインギャラリーでは他にもたくさんのナチュラルテイストの素敵なサイトをご紹介しています。
女性向けWebデザインギャラリーumeboshi
テイストからデザインを見ることもできるので、よろしければそちらも参考にしてみてくださいね。

会社案内ダウンロード

image

「あなたらしさ、あなたの会社らしさのクリエイティブを」というメッセージをお伝えしたいとこだわってやっと完成できました!
ぜひダウンロードしてご覧ください。

おすすめ記事

トップへ戻る