ブログは、記事の質がナンボ!とは言われるものの、大切にしなくてはならない「サイトデザイン」。

訪れた方に、ストレスを感じさせない使いやすさ・機能性も、もちろんのこと「何だか、このサイトいいな」と思ってもらえるような、見た目や面白いデザインって、本当に大事です。

そこで、今回は僕が見つけた、美しいデザインのサイト様を、ご紹介します。

 

SPONSORED LINK

目指したい!美しいサイトデザイン

1.milieu 様

milieu

とにかく「美しい」の一言。洗練されたカラーバランスのほか、アニメーションにより、コンテンツが変化する(背景色など)が、ため息モノです。

トップヘッダや、スクロールにより、その変化(アニメーション)が楽しめるので、是非(↑)のリンクからアクセスしてみて下さい。

とにかくデザインにこだわったという、ご本人様のコメント通り、ロゴ一つにとっても、考え抜いて、作られたサイト様。同じWordPressとは思えないです。

 

コチラ(↓)で、サイトのこだわり等を、詳しく知ることが出来ます。僕も、こんなサイト作りをしたいなぁと、一目ボレしたサイト様でした。

 

2.Hawshi Hiccoroton LLC 様

Hawshi Hiccoroton LLC

シンプルでいて、動きの「楽しい」サイト様。

(↑)のスクショでは伝わりませんが、トップページが、街中の景色が駆け抜ける、アニメーションになっており、スクロールによる変化(アニメーション)も楽しめるので、是非(↑)のリンクからアクセスしてみて下さい。

ブログは、伝えたいことやオススメしたい記事で、画面がごちゃごちゃしがちですが、こういった「伝えたいコト」が「コンパクトにまとめられている」デザインは、本当に勉強になります。また、ベースカラーを絞っていらっしゃるので、コンテンツ画像が見栄えしますね。

記事のアイキャッチを目立たせたい場合は、コチラのサイト様を参考にしてみては、いかがでしょうか。

 

3.ELEPHANT 様

ELEPHANT

スクロールの「面白い」サイト様。

海外のサイト様で、おしゃれなフォントや写真にこだわられているほか、スクロールにより「窓から眺める景色」のように、コンテンツが楽しめます。

こちらも、是非(↑)のリンクからアクセスして、スクロールにしてみて下さいね。

ヨーロッパテイストや、カフェっぽいデザインが好きな方は、参考にしてみて下さい♪

 

4.THE CONFERENCE 様

THE CONFERENCE

黒板をモチーフにした「アイデアの光る」サイト様。

海外のサイト様で、まるで黒板に書いたかのような、オブジェクト・コンテンツを配置しています。

こちらも、是非(↑)のリンクからアクセスして、スクロールにしてみて下さいね。特に、スクロールしていくと、右側の「数字」に丸がつくのが、おしゃれでありながら、訪れた方に「今ページのどのあたりを見ているか」をさりげなく、伝えてくれます。

背景色の濃いサイトは、少し見づらいので敬遠される方も多いですが、こういったポップな趣向をこらすと、一気に好感度があがりますね♪

 

まとめ

いかがでしたでしょうか?上記4サイト様は、僕が最近特に、気になって参考にしているサイト様です。

また、「他にも、いろんなデザインを見てみたい!」という方は、コチラ(↓)がオススメ。

Design Iketeru

 

このサイトは、個人的に、イケてるサイト、カッコイイサイト、オシャレなサイトやクールなサイトをピックアップして紹介しているリンクサイトです。 テイスト、ジャンル、カラー別に紹介をしています。

引用元:Design Iketeru「このサイトについて」

 

カラーやテイスト別に、おしゃれなデザインのサイトを、2000件以上、ご紹介されています。僕も、よく参考にさせてもらっています!

 

当サイトも、美しいサイトデザインを目指して、実はリニューアルオープンいたしました。

詳しくは、コチラ(↓)をどうぞ♪

「コビトブログ2」が、本日より、リニューアルいたします
2017-04-22 21:07
本日より、サイトのデザインを一新し、「コビトブログ2」を再開いたします。 以前、訪れたことがある方にとっては、ビックリするほど変わった、当ブログです。笑 その理由や、どのように生ま...

 

ブログデザインは、まず「どんなサイトにしたいか」、しっかりイメージを作っておくことが大切です。そのためにも、たくさんのデザインを見てみてくださいね!

 

コチラもおすすめです

【コピペで簡単】タイトル(見出し)CSSテンプレート 15選

直感的に、すぐ配色セットを選べる、本当に使えるカラーサイト7選

 

デザインの関連記事
  • wordpressテーマ「Diver」- 2017年注目の有料テーマにリニューアル!
  • サイトの衣替え(8-9月・夏)と、写真加工話part2
  • サイトの衣替え(6月・梅雨)と、ブログで使う写真の加工について
  • 【コピペで簡単】クリック展開 アコーディオン(折りたたみ)CSSボタン
  • WordPress自作子テーマの作り方
  • 多彩なアニメーションのWordPress無料テーマ「Gridsby」

この記事が気に入ったら
いいねしよう

狐火兎をフォロー

おすすめの記事