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

Browse By

Tag Archives: DesignGallery

[Design Gallery] UI Interactions – クールなUIインタラクションを紹介するデザインギャラリー

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

モバイルAppのクールなUIインタラクション作例を、動画で紹介するデザインギャラリー。作例によってiOS AppだったりAndroid Appだったりします。動画なので動きを含めて閲覧できるのがイイです。App制作時の動きの考察やネタ探しに使えそうです。

[Design Gallery] iTunes Artworks – iTunes Storeに掲載されたバナーのギャラリー

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

iTunes Storeに掲載されたバナーのデザインギャラリー。MusicストアやMovieストア、Appストアを見るとiTunesのウィンドウ上部に出る横長のアレです。iPhone Appのバナーを以前作った事があるんですが、アレってAppleから「掲載するからバナー用画像このサイズで作って」って感じで依頼が来るんですよね。そうした依頼が来た際のネタ調として使えそうです。iTunes用のバナーって角が丸かったり独自のサイズだったりするので、これ専用に作る必要あるんですよね。ジェニファー・ローレンスたんかわいいよジェニファー・ローレンスたん。

[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デザインをする際のネタ調になりそうなサイト。紹介作例もかなり多いです。