マーカーネット株式会社

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

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

関連記事

手軽に雰囲気を変える!無料英字webフォントのまとめ -個性的編-

手軽に雰囲気を変える!無料英字webフォントのまとめ -個性的編-

webフォントは日本のホームページには今一歩馴染みが無いかもしれませんが これから先、SEOを視野に入れたものはほぼテキストで作成することが望まれます。 今回はその第一弾として「個性的な英字フォント( …

知ってそうで知らないCSS3の便利な使い方【その4:複数背景指定】

今回はCSS3から可能になったbackgroundプロパティでの複数指定をご紹介します。 以前は1要素に指定出来る背景画像は1つでしたので複数の背景画像を使用したい場合には要素を入れ子等にして対応して …

ウェブデザインの幅が広がるFREEフォントの紹介

ウェブデザイン作りに当たって、フォントの選択はすごく大事なところであり難しい問題です。 普段、使うフォントってもう決まっていたりしませんか? 私の場合、欧文はHELVETICA,Futuraを和文はモ …

【簡単に創れるphotoshop小技】キラキラ光る星効果

【簡単に創れるphotoshop小技】キラキラ光る星効果

今回はPHOTOSHOPで簡単に創れる「キラキラ光る星」をご紹介します! 【その1】ブラシで直線を引く 新しいレイヤーを追加し、その上にブラシで線を引きます。 【その2】フィルタのぼかしから線を横長に …

Laravel SocialiteでGitHubを利用した認証

Lravel SocialiteでGitHubを利用したOAuthによる認証の手順を紹介します。 1. GithubでOAuthアプリケーションを作成 GitHubにログインし、 [Settings] …