2018年6月29日
デザインの参考になるWebサイトリンク集
よし
こんにちは、web担当よしです。
webサイトを制作する際、流行りのデザインや、イメージに合ったサイトを参考にすることが大事になります。
ということで今回は、頻繁に更新がされていて、クオリティの高いサイトが掲載されているwebデザインギャラリーサイトをあつめてみました。
muuuuu.org
縦に長いレイアウトのクオリティの高いwebサイトをまとめています。
業種別、デザイン別、タイプ別、色別でそれぞれ細かいカテゴリーに分けることができて自分のイメージにあったサイトが探しやすくなっています。
現代デザイン
トップ画面だけでなく中面・下層ページも表示しています。
業種別・色別・日付別でカテゴリー分けができます。bookmark機能がついており、お気に入りのwebサイトをまとめて閲覧することができます。
頻繁に更新されているようです。
81-web.com
サイト名は日本の国際電話番号「81」に由来しているそうで、国内のサイトをまとめています。
サイトに飛ばなくてもプレビューを確認することができるのが便利です。こちらのサイトもお気に入り登録ができるようになっています。
頻繁に更新されているようです。
Straightline Bookmark
クールなインターフェイスのギャラリーサイトです。
レイアウトパターンや言語別で検索ができるのが特徴的です。こちらもサイトのお気に入り登録することができます。
登録者の数がサムネイルに表示されており、どんなサイトが人気かわかるようになっています。
S5 Style
セッティングを変更して背景色などを変えることができます。
HTML5やSPA、webGLといったテクニック別に検索できるのが特徴的です。海外のサイトも多く掲載されている印象です。
LPアーカイブ
ランディングページに特化したギャラリーサイトです。
登録ページ数がすごい数です。「売るためのサイト」を集めたサイトを集めたということで、他のギャラリーサイトとは一線を画しています。
AGT smartphone design gallery
http://agtsmartphonedesign.com/
スマートフォン向けページのギャラリーサイトです。
サムネイルにマウスオーバーすると、キャプチャがするするっとスクロールされます。
iPhoneデザインボックス
こちらもスマートフォン向けページのギャラリーサイトです。
詳細ページで、PC画面とスマホ画面の比較ができるようになっています。
Responsive Web Design JP
国内の秀逸なレスポンシブwebデザインを集めたギャラリーサイトです。
PC、タブレット、スマホそれぞれの表示を比較できるようになっています。
最後に
今回は数多くあるギャラリーサイトの一部を紹介しました。それぞれ特徴がありますので、うまく使い分けてweb制作に役立てていきたいと思っています。
