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

Browse By

Tag Archives: DesignGallery

[Art] Gearaward – コードで書かれたアートギャラリー

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

コードで書かれたアートギャラリー。ブラウザ内で動く、アーティスティックな作品を扱っています。サイトではCode-Driven Artと呼ばれているようで、クリックするとそれぞれのサイトに遷移します。見た感じSVGやWebGLなどを使った作品がほとんどで、ユーザーサイドで色々いじくれるものが多くあります。よく作るなぁ・・・という感じでコードに感動できる人に是非これひとつ。

[Music] The Rock and Pop Fashion Hall of Fame – ロック&ポップスターの殿堂入りファッション

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

ロックスターやポップスターの殿堂入りファッションを、画一的なイラストで紹介するギャラリーサイト。それぞれどこのステージで、もしくはどのMVでしてたファッションなのかも併せて紹介されています。洋楽を聴く人なら誰もが見た事のあるコスチュームばかりです。個人的に印象的だったのはやっぱりGunsのアクセル・ローズ。ステージ上でバンダナと短パンが似合うのは彼くらいのもんですからね。特に年代を固定しているわけではないと思うけど、60年代〜80年台のものが最も多く、2000年以降のものはチラっとある程度です。これって作者の趣味とかではなく、きっとマスカルチャーにおけるファッションアイコンみたいなものが最近では生まれづらいせいなんだろうなぁ、とかめんどくさい事を考えちゃいました。

[UI Design] Appealing – アニメーションにフォーカスしたUIデザインギャラリー

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

アニメーション部分にフォーカスしたUIデザインギャラリー。各サムネールをクリックすると、動画でアニメーション作例を見る事ができます。コレ系のデザインギャラリーのセオリー通り、スプラッシュスクリーンやサーチなどの各場面ごとにタグ付けされて管理されているので、特定の場面のみを抽出して閲覧できます。アニメーションやトランジションのネタ探しに良さそう。

[Logo] Instant Logo Search – ロゴの検索&ダウンロードサイト

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

様々な企業、またはブランドのロゴを探すことのできるサイト。ロゴは全てSVGでダウンロードできる点がとってもナイスです。またロゴも1種類だけでなく、複数種用意されているのもいい感じです(例えばAppleなら、AppStoreやApple Payなどもあります)。大きい企業ガラみのサイト制作する時ってたまに、「もう着手したいんだけど素材がねぇ!」とかなるので、そんな時の探しものに使えそうです。

[UI Design] Collect UI – 毎日更新されるUIデザインギャラリー

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

モバイルAppやMac, PC用アプリのUIデザインギャラリー。毎日更新されているようで、結構な数が紹介されています。この手のギャラリーサイトお約束の、場面ごとにタグ付けされて管理されているので、お目当ての画面だけの抽出などは楽に行えます。クリックするとデザインとソースへのリンクが表示されるだけのシンプルな作り。UIデザインする時のネタ調として便利そうです。

[UI Design] UI Movement – クールなUI作例を、動画で紹介するギャラリーサイト

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

クールなモバイルAppのUI作例を、動画で紹介するサイト。iOSやAndroidアプリ、またMac用アプリなどのデザイン作例を、動きも含めて見る事ができます。ただしトップの一覧画面からアニメーション全開なので結構重いです。アニメーションも含めたUIデザインをする際のネタ調になりそうなサイト。紹介作例もかなり多いです。

[Design Gallery] Inspiration UI – クールなWebデザイン作例のギャラリーサイト

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

クールなWebデザイン作例のギャラリーサイト。スクリーンショットを使って紹介されており、一覧から直接対象のサイトに行く事もできます。各作例は場面ごとに整理されているので、「All Patterns」から特定の場面だけを抽出して閲覧する事もできます。コレ系のギャラリーサイトってモバイルUI系が多いけど、久しぶりにWeb系のものを見つけた気がします。サイトデザインのネタ調として使えそうです。

[UI Design] UX Timeline, back to the past! – 各種WebサービスのUI変遷を見ることのできるサイト

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

様々なWebサービスが今のデザインに至るまでの変遷を、タイムライン形式で見ることのできるサイト。まだ新しいサイトのようで紹介例はそれほど多くないけど、メジャーどころだとVimeoやDropbox、Airbnb、Spotifyなど紹介されています。UXタイムラインとはあるけど、どちらかというとデザイン面にフォーカスされているので、UIデザインの変遷、つまりは試行錯誤のプロセスを見れるサイトと考えた方が良さそうです。サイトのデザインって使い勝手に直結しますからな。参考にしたいものです。