マーカーネット株式会社

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

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

関連記事

<WordPress>カスタムフィールドテンプレートのテキストエディター(TinyMCE Advanced)で プラグインの設定通り反映されないとき

知ってそうで知らないCSS3の便利な使い方【その2:属性セレクタ編】

前回構造疑似クラスについて便利な使い方をご紹介しましたが、 (知ってそうで知らないCSS3の便利な使い方【その1:構造疑似クラス編】) 今回はCSS3の属性セレクタをご紹介します。 E[foo] fo …

面白い動きや便利な機能をJSで実装! その2:いろんな種類のグラフを簡単に作成!

面白い動きや便利な機能をJSで実装! その2:いろんな種類のグラフを簡単に作成!

以前ご紹介しました面白い動きや便利な機能をJSで実装! その1:簡単にグラフを作成する方法!の応用編になります。 前回は折れ線グラフをご紹介致しましたが、今回は「棒グラフ」「レーダーチャート」「円グラ …

え、うそ、なんか今っぽい。

え、うそ、なんか今っぽい。Photoshopで写真をDuo Toneにする方法 http://www.markernet.co.jp/blog/2015/09/02/post-6033/ Facebo …

【Illustrator】写真を簡単にモノクロベクター画像にする方法

【Illustrator】写真を簡単にモノクロベクター画像にする方法

みなさまこんにちは、新人Aです。 今日は、写真をIllustratorでモノクロにしてイラストっぽくベクター画像を仕上げたいと思います! 【1.Illustratorにベクター化したい画像を配置します …

Dropboxを使ってスタティックサイトを簡単に作れるサービス「Brace」

Dropboxを使ってスタティックサイトを簡単に作れるサービス「Brace」

今ではスタティックなWebサイトからでもHTML5と最新のJavaScript環境(各種の既製ライブラリ、フレームワークなど)があれば、相当複雑高度なサービスを提供できますよね。 そんなスタティックな …