[UI Design] App Animations – Mobile Appのアニメーションにフォーカスしたデザインギャラリー
モバイルアプリのクールなトランジションやアニメーションを、動画で紹介するサイト。アプリケーションごとに紹介され、また各エントリーは場面ごとにタグ付けされているので、例えばボタンとかナビゲーションといった感じで、異なるアプリの同一場面だけを抽出して見る事もできます。UIデザインでアニメーションについて考える際の参考になりそうです。
Tag Archives: ネタ帳
[Design Gallery] Daily UI Elements – クールなUI作例を毎日紹介するサイト
dribbbleに上がっているクールなUI作例を毎日紹介するサイト。タイトル100 Days UIとある事から、100日連続でやってるのかもしれません。で、今上がっている最新のものは98番目。となるとあと2日で終了？ なのかどうかはよく分かりませんが、紹介されている作例がどれもオシャレでUIデザインの際の参考になります。デザイナーのネタ帳に是非これひとつ。
[Design Gallery] Really Good Emails – HTMLメールの作例紹介サイト
クールなHTMLメールの作例を紹介したデザインギャラリー。各作例は細かくカテゴリー分けされており、目的やジャンルに応じて作例を探す事ができます。海外のWebサービスから届くHTMLメールってかっこいいの多いので、デザインだけでなくコーディング手法なんかの参考にもなりそうです。
[CSS] Stylesheets – CSSに関するリソースまとめサイト
スタイルシートに関するリソースを紹介するサイト。Tipsやスニペット、CSSフレームワークなどが紹介されています。サイト内検索やソートを使ってリソースを探す事もできます。紹介されてるサイトそのものが趣味の良いものが多いので、ネタ帳としても使えそうです。リソース集めや、日々の情報収集に役立ちそうなサイト。
[UI Design] Calltoidea – UIデザイン作例のギャラリーサイト
UIデザイン作例のデザインギャラリー。この手のまとめサイトによくある感じで、ログイン画面やカレンダー、ポップアップ、フォームといった各種場面ごとにカテゴリ分けされて紹介されてます。UIデザインのネタ漁りに使えそうです。このサイトちょっと興味深いのが、レスポンシブレイアウトの手法というか見せ方。1つのカテゴリを3つのスクリーンショットの固まりで表現してるんだけど、後ろの2枚がスライドする形で横幅が可変します。こういうサムネイルの見せ方ってオモろいなーと思ったのであります。
[UI Design] UIHAUS – モバイルAppのUIギャラリー
優れたモバイルアプリUIのデザインギャラリー。iOSやAndroid Appの画面デザインが紹介されています。作例の詳細ページでは、アプリ内の各場面が掲載されています。ワードやタグ検索ができ、アプリの投稿もできます。なんとなく最近この「なんとかHaus」系のネーミングって流行ってんのね、とか思いました。
[Web Design] 20 Best Tools and Resources for Web Developers – Webデベロッパーのための20の便利なリソース
Webデベロッパーのための便利なリソースが20例まとめられた記事。内容はJS、CSSなど、主にコーディングを行う人にとって便利なものが紹介されています。CSSやSVGを使ったローディングアニメーションや、全画面オーバーレイのエフェクト、スワイプ可能なフォトギャラリーなど、最近のWebにおけるトレンドみたいなものも押さえられてるという印象です。