2018年6月29日

デザインの参考になるWebサイトリンク集

よし

yoshihara

こんにちは、web担当よしです。
webサイトを制作する際、流行りのデザインや、イメージに合ったサイトを参考にすることが大事になります。
ということで今回は、頻繁に更新がされていて、クオリティの高いサイトが掲載されているwebデザインギャラリーサイトをあつめてみました。

muuuuu.org

muuuuu.org

http://muuuuu.org/

縦に長いレイアウトのクオリティの高いwebサイトをまとめています。
業種別、デザイン別、タイプ別、色別でそれぞれ細かいカテゴリーに分けることができて自分のイメージにあったサイトが探しやすくなっています。

現代デザイン

現代デザイン

https://gendaidesign.com/

トップ画面だけでなく中面・下層ページも表示しています。
業種別・色別・日付別でカテゴリー分けができます。bookmark機能がついており、お気に入りのwebサイトをまとめて閲覧することができます。
頻繁に更新されているようです。

81-web.com

81-web.com

81-web.com

サイト名は日本の国際電話番号「81」に由来しているそうで、国内のサイトをまとめています。
サイトに飛ばなくてもプレビューを確認することができるのが便利です。こちらのサイトもお気に入り登録ができるようになっています。
頻繁に更新されているようです。

Straightline Bookmark

Straightline Bookmark

http://bm.straightline.jp/

クールなインターフェイスのギャラリーサイトです。
レイアウトパターンや言語別で検索ができるのが特徴的です。こちらもサイトのお気に入り登録することができます。
登録者の数がサムネイルに表示されており、どんなサイトが人気かわかるようになっています。

S5 Style

S5 Style

http://bm.s5-style.com/

セッティングを変更して背景色などを変えることができます。
HTML5やSPA、webGLといったテクニック別に検索できるのが特徴的です。海外のサイトも多く掲載されている印象です。

LPアーカイブ

LPアーカイブ

https://rdlp.jp/lp-archive

ランディングページに特化したギャラリーサイトです。
登録ページ数がすごい数です。「売るためのサイト」を集めたサイトを集めたということで、他のギャラリーサイトとは一線を画しています。

AGT smartphone design gallery

AGT smartphone design gallery

http://agtsmartphonedesign.com/

スマートフォン向けページのギャラリーサイトです。
サムネイルにマウスオーバーすると、キャプチャがするするっとスクロールされます。

iPhoneデザインボックス

iPhoneデザインボックス

http://design.web-hon.com/

こちらもスマートフォン向けページのギャラリーサイトです。
詳細ページで、PC画面とスマホ画面の比較ができるようになっています。

Responsive Web Design JP

Responsive Web Design JP

http://responsive-jp.com/

国内の秀逸なレスポンシブwebデザインを集めたギャラリーサイトです。
PC、タブレット、スマホそれぞれの表示を比較できるようになっています。

最後に

今回は数多くあるギャラリーサイトの一部を紹介しました。それぞれ特徴がありますので、うまく使い分けてweb制作に役立てていきたいと思っています。

記事一覧へ