コンテンツ区切りが秀逸すぎるPinterest風ブログWebデザイン

Webデザイン３つの良いとこ : 3 Good Point!

皆さんGW楽しんでいますでしょうか。絶賛お休み中ですが、簡単にWebデザインレビューいきますよ！

今日はPinterest風ブログWebデザインで非常に参考になるサイトがあったのでご紹介。ページというか、記事区切りが秀逸です。当ブログ「Web風」と同じく、masonryを使用していますが、こんな区切り方があるとは驚き。

トップスクリーンから下にスクロールすると、pinterest風のコンテンツ区切りが秀逸なブログ形式のWebデザインが登場します。

このマルチカラムの段々なレイアウトは、「masonry」というjQueryプラグインを利用して実現しています。Web風トップページもこのjQueryを利用させて頂いていますが、この記事の区切り方は素晴らしい！

ただの線での区切りなのですが、記事が食い込む箇所も若干の線を別に表示させることで、単調ではないデザインへと仕上げています。線だけでここまでイレギュラーの表現ができるなんて驚き。

個別記事でもそのデザインは踏襲しているため、統一感が半端ないですね。その点ではナビゲーションメニューもデザインの統一性を上昇させています。

大きく、ページ全体を使ってやるという意気込みばっちりのWebデザイン、非常に見習いたいなと思いました！

今日参考にさせて頂いたサイト

Twitter/FacebookではWebデザインにまつわることから、Web制作に関することを日々配信しています。ぜひフォローしてください！