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

Browse By

Tag Archives: DesignGallery

[Design Gallery] GraphicBurger – 様々なデザイン作例を扱うギャラリーサイト

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

様々なデザイン作例を扱うギャラリーサイト。タイポグラフィー、UIデザイン、アイコン、印刷物、MobileAppモックアップ、テクスチャなど色々あります。グリッドレイアウトで様々な種類の素材が混在してますが、サイト上部のメニューからカテゴリごとに抽出できます。紹介されている作例の質が高く、ネタ調としてなかなか素晴らしいんじゃないでしょうか。ナイスです。

[Material] Agile Designers – 様々なデザイン素材を扱うギャラリーサイト

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

グラフィックデザインやUXデザイン、Webデザインなど、様々なデザイン素材を目的別に整理して紹介しているリソースサイト。実はこのページ以前から知ってはいたんだけど、扉絵がなんだか微妙であまり見る機会がありませんでした。けどたまたま見たら紹介されている素材の量が多く、また効率的に整理もされているので「あ、これ便利だわ」とか思いました。パっと見の印象で判断しちゃイケませんねw デザイナーの素材探しの場としてなかなかナイスです。

[Typography] Type Hunting – リアルオブジェクトのタイポ作例を集めたギャラリーサイト

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

印刷されたリアルなオブジェクトのタイポグラフィー作例を集めたギャラリーサイト。商品広告や製品そのものに印字されたもの、あるいは列車の側面に印字されたナンバーなど、デジタルデータではないレトロな作例ばかりが集められてます。普段特に注意していなければ見逃してしまいそうなちょっとしたタイポ作例が多く、改めて身の回りにはデザイン物が溢れてるんだなぁという事に気づかせてくれます。レトロな感じやヴィンテージ感のあるデザインをする際の参考にもなりそう。シブいっす。

[UI Design] UX Archive – iPhone Appのインターフェースを、遷移順に並べたデザインギャラリー

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

iPhone Appのユーザーインターフェースを、遷移順に並べたデザインギャラリー。各種画面を、アプリごと、もしくは場面ごとにソート&抽出する事ができるので、任意のアプリのUI遷移を見る事も、複数のアプリの同一場面を横断的に比較する事もできます。紹介されているアプリの件数はそれほど多くないけど、見せ方が分かりやすく、UIデザインの際に参考にできそうです。けどiPhone AppのUIデザインのトレンドって、iOS 7の公開後に色々と変化あるでしょうね。

[Design Gallery] Give’n’Go – Dribbbleで話題になってる作例をCode Penでコーディングしてみた、というギャラリーサイト

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

Dribbbleで話題になっているデザイン作例を、CodePenを使ってコーディングしてみた、というデザインギャラリー。それぞれコーディング前と後のものを掲載し、「これがこうなったYO!」という形で紹介されており、HTML,CSS,JSについてはサイト内から直接見る事ができます。いやーしかしよくやりますな。微妙な陰影の付け方とかウマいなーと思います。CSSだけでシェイプ描いてるもののいくつかはズレたりもしてますが、作例の質としては相当高い感じ。デザインやコーディングのネタ帳としても素晴らしい内容。

[Design Gallery] Flat UI Design – フラットデザインのWebサイトを紹介したデザインギャラリー

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

フラットな感じにデザインされたWebサイトを集めたデザインギャラリー。まぁアレです、最近流行りの感じのアレです。ロゴもロングシャドウ付いてます。Webにおいては以前からフラットにデザインする手法てのはずっと存在してはいたけど、なんつーか最近流行ってるせいかそういうの目にする機会増えた気がします。数が増えたというより主観的に気になる機会が増えたというだけなのかもしれません。Webのトレンドって色々あるけど、アクアだったりグランジだったりヴィンテージだったり、どれもテクスチャによる質感の表現が多かったのに対し、フラットデザインは言ってみればその反動なのかもしんないですね。ミニマルなデザイン手法ってとっても好きなんですが、スキューモーフィックな手法に比べて手数が減る分難しいんですよねぇ。

[UI Design] UX Rave – UI/UXのクールな作例ギャラリー

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

UI/UXがらみのクールな作例を集めたデザインギャラリー。この手のUIギャラリーってMobileAppを対象にした場合が多いけど、このサイトではPC用アプリケーションやWebなど幅広く扱っているみたいです。紹介されている作例の数がなかなか多いので、タグクラウドから探すといいかもしれません。インターフェース考える際の参考にひとつ。

[UI Design] CAPPTIVATE.co – 動きを含めたUIギャラリー

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

Mobile AppのUIデザインを、動きを含めた形でギャラリー化したサイト。表示された状態では止まってますが、サムネールの上にマウスポインタを置くと再生が始まります。これ最初メンドいなーって思ったんだけど、アニメーション画像が一斉に動き出すとサイトの表示が重くなるので、逆に親切だなーと思いました。最近この手の「動きもUIの一部」的な考えの見せ方、あとそれを紹介するサイト増えましたね。使いやすいUIにつながるかっけートランジションとか、なんつーかそういうの大事だなーって思います。