Webやアプリのデザイントレンドを紹介。たまに雑談。

Browse By

Tag Archives: ネタ帳

[Print Design] typo/graphic posters – タイポグラフィーポスターのデザインギャラリー

  • Pocket
  • このエントリーをはてなブックマークに追加

タイポグラフィーがクールな、ポスター作例を集めたデザインギャラリー。ギャラリーでは作例のサムネールがズラっと並んでますが、詳細ページに行くと、それを制作した個人や団体の作例が一覧できるという方式。それぞれどの国のデザイナーなのか、どんな仕事をしてるのかについても触れられています。また印刷物だけに白背景の作例が多く、見やすくするためにサイトの背景を変える事ができる点もナイス。デザインのネタ帳として使えそうです。

[UI Design] AppreciateUI – クールなモバイルUIのデザインギャラリー

  • Pocket
  • このエントリーをはてなブックマークに追加

クールなモバイルUIのデザインギャラリーサイト。この手のサイトでは一般的な、場面ごとに分けて閲覧する事ができるタイプです。ただこのサイト場面の分け方がスゴく細かいので、求めてる場面の作例をわりと具体的に探す事ができそうです。UIデザインのネタ帳としてイイ感じです。

[Web Design] Very nice sites – クールなサイトのギャラリー

  • Pocket
  • このエントリーをはてなブックマークに追加

クールなWebサイトのデザインギャラリー。見た感じ結構多くのサイトが紹介されています。Pinterestでフォローする事もできるので、Pinterestヘビーユーザーの人は日々のチェックも楽にできそうです。紹介されているサイトの質も高いので、ネタ帳としてなかなかナイス。

[Graphic Design] NiceFuckingGraphics! – クールなグラフィックデザインをまとめたブログ

  • Pocket
  • このエントリーをはてなブックマークに追加

クールなグラフィックデザイン作例を紹介するブログ。英語圏のものではないらしく何が書いてあるのかはさっぱり分かりませんが、紹介されている作例の趣味がイイです。作例だけでなく、例えばPhotoshopを使ったグラフィックデザインのプロセスをアニメーションGifで紹介したものなど、デザイン系の仕事してる人なら楽しめる内容が多いです。一覧での作例の見せ方もウマいです。勉強になりますな。

[Web Design] Brand Style Guide Examples – メジャーサイトのスタイルガイドまとめ

  • Pocket
  • このエントリーをはてなブックマークに追加

メジャーサイトのスタイルガイドをまとめたサイト。いわゆるレイアウトやスタイルの適用に関するデザイン規定ですね。誰でも見れるようになっているという事はオープンなものなんでしょう。例えばスターバックスのスタイルガイドを見てみると、グリッドシステムについて、ブロックの使い方、プロモ用ページのレイアウト例、見出しや本文、アイコン類の使用について、JSウィジェットの使い方などが詳細に解説されています。大手サイトがどのようにサイト全体を通してブランドイメージを統一しているのか、これを見ると色々分かるような気がします。紹介されているサイトの数はまだそれほど多くはないけど、Web制作者にとってなかなか興味深い資料と言えそうです。

[Web Design] Inspire ― Curated online portfolios every day – ポートフォリオサイトのデザインギャラリー

  • Pocket
  • このエントリーをはてなブックマークに追加

Web制作会社やフリーランスデザイナーのポートフォリオサイトをまとめたサイト。ポートフォリオサイトって、「自分こんな事できます」的なアピールをする場合が多いので、実験的なUIや遷移を持つサイトも結構ありますね。ちょっと変わった見せ方の手法を探る際に使えそうな気がします。しかし白背景のサイト多いなぁ・・・。

[Web Design] Marketing Design Search Engine | Crayon – ウェブサイトを場面で抽出できるデザインギャラリー

  • Pocket
  • このエントリーをはてなブックマークに追加

トップページやランディングページ、プライシングページなど、Webサイトを場面ごとに抽出して閲覧する事のできるデザインギャラリー。複数のサイトのデザイン作例を任意の場面で横断して閲覧する事ができるので、例えば「LPのレイアウトを複数例見たい」という時なんかに便利です。またそうしたページタイプだけではなく、サイト運営者の業種、CMSの種類、トラフィックの大小などの属性で表示内容を細かく選べる点がナイスです。CMSの種類で選べるってのが特に便利だなと。デザインのネタ調に使えそうです。

[Web Design] AppCSS – モバイルアプリのプロモサイトだけのデザインギャラリー

  • Pocket
  • このエントリーをはてなブックマークに追加

MobileAppのプロモサイトだけを集めたデザインギャラリー。様々なアプリの紹介サイトが集められてます。内容が内容だけにどのサムネールを見てもまず目につく位置にあいぽんがあります。まぁ自然とそういう見せ方になりますよね。また横幅100%、ホワイトスペース、ミニマル、ハンバーガーアイコン、カラフル、モノクロ、イラストという感じでタグ付けによってカテゴリ分けされているので、特定のデザイン手法だけに絞って閲覧する事もできます。アプリの見せ方を考察する際に使えそうです。