マーカーネット株式会社

WEB制作ブログ WEBデザイン、HTMLコーディング、PHP、スマートフォン制作などWEB制作全般に役立つ情報を発信していきます。

WEBデザイン WEB制作

手作り感溢れる癒しのWEBデザイン

投稿日:2014年6月25日 更新日:

フラットデザインやシンプル系、クール系のデザインとは違った手作り感溢れるデザインは気持ちが伝わりほっこりさせてくれます。
トレンドのデザインは進んでゆきますが、手作り系のデザインは今も昔もずっと残って行く気がします。

今回はそんな手作り感溢れるWEBデザインをご紹介します。

1035x809x17c72a9e640be14d4c6a11e京都市左京区の動物病院「かく動物病院」のデザイン
温かみのあるベージュの色合いもそうですが、グローバルナビゲーションのアイコンの手作り感がとてもいいですね。
WEBサイトの印象も、優しくほのぼのとした心のケアをしてくれそうな病院、というイメージを受けます。

 

958x775x8feafd5cc6b597f29c35d86emon cifaka Online Store
CIFAKAの企画、運営する岡山市にある物販店「mon cifaka(モンシファカ)」です。
丸のラインがひとつひとつ違う部分に手作りの雰囲気を感じますね。
スローで上下に動いている動作も癒されますね。

 

1033x855x5c94962babe1cc10f6edd93札幌のフリーペーパー kai-wai 街と仲良くなるキッカケマガジン
縦書きのペンでそのまま書いたような雰囲気が親しみを覚えますね。
「街と仲良くなる」というコンセプトにとっても合ってると思います。
こういったタイプのデザインは人柄が滲み出てくるので、ユーザーに与える好感度は高いですね。

-WEBデザイン, WEB制作

執筆者:


comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

関連記事

【グラフィック V.S. Webデザイン】グラフィック制作とWeb制作の違い-3-

約3週間に1回の登場になりますが、デザイナーのOです。 前回に続けて、Webとグラフィック制作との違いについて、続いて紹介していきたいと思います。 今回は最終回となりますので、最後まで読んでいただけれ …

【Illustrator】簡単!マーブル模様の作り方

マーブル模様って、パターンと違って規則性もないし、表現するのは大変ですよね。 アナログで作るのにも道具を引っ張り出すのも面倒・・・失敗するのも怖い・・・ そこで、Illustratorで簡単にマーブル …

【フラットデザインに+α】2014年のWebデザイントレンド3選

【フラットデザインに+α】2014年のWebデザイントレンド3選

近年、あちこちのサイトで見かけるようになったフラットデザイン。 レスポンシブと組み合わせたり、フルスクリーン表示にさせたりと応用法も様々に、オシャレなWEBサイトが増えていますね! そこで、今回はこの …

【Illustrator小技】PDFファイルを代替フォントでなくアウトライン化して開ける便利なワザ

アウトライン化されていないPDFをIllustratorで開こうとする時、 Illustrator「このPDF、該当するフォントがないから代替しちゃいますね~」 デザイナー「うわぁぁフォント変わっちゃ …

Adobe XD アニメーションの作り方 ①

こんにちは、デザイナーのAです。 今回はAdobe XDの自動アニメーション機能についてご紹介いたします。 Adobe XD 自動アニメーション機能とは Adobe XDの自動アニメーション機能は、デ …