[Freebie] PSD Repo – WebやAppのPSD素材配布サイト
Webのモックアップやアイコン、ボタン、Mobile AppのUIキットなどのPSD素材配布サイト。ページ数を見たところ105ページあるので、結構な数が紹介されているようです。この手の「PSDなんちゃら」ってサイトいくつもありますが、素材探し以外にデザインのネタ調としても使えそうです。
Tag Archives: UIDesign
[Freebie] iOS 9.3 UI Kit Sketch Resource – iOS 9.3のSketch用UIキット
つい昨日公開になったばかりのiOS 9.3のUIキットがもう出てます。フォーマットはSketch。9.3では9.2に比べて細かいところがちょいちょい変わった程度ですが、まぁモックアップキットは最新のもの使った方がイイですしね。ちなみにNight Shiftモード使ってみましたが、アレ暖色に寄せ過ぎると視界の色が変になりますね。スライダー控えめにしといた方が良さそうです。
[UI Design] Appealing – アニメーションにフォーカスしたUIデザインギャラリー
アニメーション部分にフォーカスしたUIデザインギャラリー。各サムネールをクリックすると、動画でアニメーション作例を見る事ができます。コレ系のデザインギャラリーのセオリー通り、スプラッシュスクリーンやサーチなどの各場面ごとにタグ付けされて管理されているので、特定の場面のみを抽出して閲覧できます。アニメーションやトランジションのネタ探しに良さそう。
[Prototyping] sketchsheets – 手書きのプロトタイピングに使える印刷用PDF
手書きのプロトタイピングをする際に便利な、印刷用PDF。用意されているテンプレートは、iPhoneやiPadなどのタッチデバイスの他に、ブラウザウィンドウなどもあるので、モバイルAppだけでなくWebデザインの現場でも使えます。またiPadのものはSlide Over（2画面表示のアレです）表示時の画面分割されたものも用意されていて、気が利いてるなーと思いました。
[Mockup] MocKit 2.0 – 画像やWebサイトをiPhoneのモックアップにハメ込み合成できるサイト
任意の画像やWebサイトを、iPhoneのディスプレイ部分に表示させることのできるサイト。UIデザイン作例の確認や、Webのスマホ版レイアウトの動作確認に使えそうです。iPhoneも4色ラインナップされており、またHTMLとCSSでデザインされているのでソースコード一式をダウンロードする事もできます。ちょっとした確認作業や顧客へのデザイン確認などに使えそうです。
[Freebie] Smartmockups – モバイルAppやPCのスクリーンショットを、各種デバイスのディスプレイに合成できるサイト
モバイルアプリやPCアプリのスクリーンショットを、各種デバイスのディスプレイ部分にハメ込み合成できるサイト。用意されているデバイスはiPhone、iPad、Mac、Apple Watch、Android端末など、多くの種類が用意されています。Apple Watchあるのがレアですね。モバイルApp制作してて、サイト内やチュートリアル画面で使い方を見せる場面の画像制作に使えそうです。サイト内でトリミングができる点もナイス。
[UI Design] Collect UI – 毎日更新されるUIデザインギャラリー
モバイルAppやMac, PC用アプリのUIデザインギャラリー。毎日更新されているようで、結構な数が紹介されています。この手のギャラリーサイトお約束の、場面ごとにタグ付けされて管理されているので、お目当ての画面だけの抽出などは楽に行えます。クリックするとデザインとソースへのリンクが表示されるだけのシンプルな作り。UIデザインする時のネタ調として便利そうです。
[UI Design] UI Movement – クールなUI作例を、動画で紹介するギャラリーサイト
クールなモバイルAppのUI作例を、動画で紹介するサイト。iOSやAndroidアプリ、またMac用アプリなどのデザイン作例を、動きも含めて見る事ができます。ただしトップの一覧画面からアニメーション全開なので結構重いです。アニメーションも含めたUIデザインをする際のネタ調になりそうなサイト。紹介作例もかなり多いです。