マーカーネット株式会社

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

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

関連記事

レスポンシブにも対応!行ごとのブロック要素の高さを自動で合わせる方法。

レスポンシブにも対応!行ごとのブロック要素の高さを自動で合わせる方法。

ブロック要素の高さを揃えるJavaScriptはいくつかあります。 その中でも行ごとの高さを変えたい場合に便利な「fixHeight.js」をご紹介します。 「fixHeight.js」の設置方法 ま …

脱初心者!CSSのちょっとしたテクニック!CSSが効かない問題を回避!

脱初心者!CSSのちょっとしたテクニック!CSSが効かない問題を回避!

「CSSを設定したのに効かない!?」っていうことありますよね。 その場合、一概には言えませんが、もしかしたらCSSの書き方が原因かもしれません。 下記を参考に、CSSを書き直せば直る可能性もぐっと高ま …

jqueryを利用した、facebookのアルバムから写真一覧の取得について

jqueryを利用した、facebookのアルバムから写真一覧の取得について

jQueryを利用して、 facebookの指定のアルバムから写真の一覧を取得する方法を紹介します。 ※ まず、facebookからアルバム一覧します。 var name = “markernet”; …

手軽に雰囲気を変える!無料英字webフォントのまとめ -素敵な明朝フォント編-

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

さまざまなレイアウトの工夫その①

さまざまなレイアウトの工夫その①

キレイなウェブ制作のためには色んな要素が必要となります。「フォント」「色」「レイアウト」「写真」「バランス」「テーマ」等々!今回はその中でも「レイアウト」ついて少し説明させていただきたいと思います。で …