作成:2016/08/16WebデザインありきたりのWebデザインギャラリーではなく、グリッド線が入っているもの、料金表専門、インフォグラフィックスやグリッド・404・サイドバーなど、少し掘り下げたようなWebデザインギャラリーをまとめました。暇な時に見ているとインスピレーションが湧くはずです。Link料金ページ今月話題となった料金ページのみをまとめてあるTumblr製のプライスページギャラリー集。ブログなどに埋め込み可能。Pagesグリッド参考スクリーンショットにグリッドを入れてある、グラフィック(紙)やWebのデザインルールがひと目で分かるWebデザインギャラリー集。Grids404ページ404ページのみ集めてあります。背景にどんな写真を使ってあるのか、短いメッセージは何を書けばよいのか、どんなボタンを設置すればよいのか、エラーページの構成を勉強できます。FourZeroFourアバウト・プロフィール・コンタクト・新規登録ページアバウト・プロフィール・コンタクト・新規登録ページなどコーポレートサイトやECサイトで必須のカテゴリが充実しているギャラリー。分類が視覚的でわかりやすく、カレンダーやダッシュボード・カウンターなどの小さなパーツまで揃ってます。Calltoidea国産インフォグラフィックス情報や知識・市場を視覚的に解説するインフォグラフィックを集めてあるギャラリー。海外ではなく国産のインフォグラフィックが揃っているので見やすい。紹介されているサイトのクオリティも高いです。infographic.jpヒーローヘッダーファーストビューを画面いっぱいに広げて見せるフルスクリーンを採用しているヒーローヘッダー。ここ数年で急速に広がりました。こちらはフルスクリーン中心のヘッダーのデザインだけを集めてあるショーケース。Loveシステム構成図スライドを作る前にチェックしたい、システム構成図が描けるアイコンセット。シンプルで癖のないアイコンなので汎用性が高く使いやすい。ArchitectSketchサンプルクオリティの高いモックアップやサイトギャラリーなどSketchの無料サンプル。Repoサークル(円)サークル(円)の形を取り入れてあるサイト一覧。下層ページファーストビューだけでなく、中面/下層ページなどコンテンツを一覧から視覚的にチェック可能。クオリティの高いサイトを集めてあるギャラリー。現代デザインサイドバーサイドバーのアイデアを得たいならここのページでチェック。CroppyフッターSNSボタンやメールフォームなどワンパターンになりがちなフッターのデザインから脱却したいなら、こちらのフッターのデザイン中心のギャラリーを参考にすべし。比較的新しい今時のデザインを集めてあります。LoveECサイトECサイトをメインに集めてあるギャラリー。海外のECサイトは国内と違って非常にシンプル。余白の使い方などを参考に。普通のバナーデザイン専門ギャラリーサイトですが、マウスオーバーで実物大の大きさのバナーがポップアップされるところが素晴らしく使いやすい。レトロバナーファビコンWebサイトのファビコンを集めたサイト。小さいのでディティールまで分かりにくいですが、アイデアを得るには問題なしです。ファビコンギャラリー.com海外版ロゴデザインロゴデザインギャラリーは沢山ありますが、こちらのギャラリーはカラーコードなどの記載つき。Logopond国内版ロゴデザイン解説が長めで参考になるWordPressで作られたギャラリー。ロゴデザイン・制作に役立つロゴマークを集めたロゴポータルサイト。投稿者:commte株式会社コムテ代表取締役。2015/8:弊社にてWeb制作スクールを開始。した話し方をするおっさん。この後によく読まれている記事2015/07/21Webデザイナー必見、実務で役立つ逆引きレイアウト集オシャレなレイアウトやユーザーが使いやすい配置を実現するには、どのようなことに気をつければよいのか。1月号に執筆させていただきました。「提案されたものの、このレイアウトよく見るんだよなぁ」とクライアントさんに思われないように個性を出したい。今回は2018年も使える「遊び心を加えた」Webデザイントレンド、ファ2013/11/18ノンデザイナーでも分かった!色に関する基本と配色に困ったときの知識まとめ先月、リーフレットを作ったときに「なぜか同じように印刷されない」とか、サイトを作るときにイメージが伝わりにくいと感じたことが多々ありました。コメントデータの処理方法の詳細はこちらをご覧ください。