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

Browse By

Tag Archives: iPhone

[Freebie] Smartmockups – モバイルAppやPCのスクリーンショットを、各種デバイスのディスプレイに合成できるサイト

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

モバイルアプリやPCアプリのスクリーンショットを、各種デバイスのディスプレイ部分にハメ込み合成できるサイト。用意されているデバイスはiPhone、iPad、Mac、Apple Watch、Android端末など、多くの種類が用意されています。Apple Watchあるのがレアですね。モバイルApp制作してて、サイト内やチュートリアル画面で使い方を見せる場面の画像制作に使えそうです。サイト内でトリミングができる点もナイス。

[Wallpaper] Golden Hour – 日没後数分のゴールデンアワーをテーマにした壁紙サイト

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

ゴールデンアワー(日没後数分の時間帯を指すカメラ用語)をテーマにした壁紙配布サイト。撮影した場所と月ごとに1枚1枚丁寧に紹介されていて、それぞれPC用とモバイル用のサイズでダウンロードできます。PC用の方は横4000pxオーバーあり(ものによっては6000pxあります。多分トリミングしたものは少し小さいんだと思います)、Retina Macでも十分に使えるサイズです。美しい作品ばかりなので早速Macの壁紙として使わせてもらいます。ちなみにライセンスはCC 4.0なので個人利用として使いましょう。

[Freebie] Bjango App Icon Templates – 各種モバイルAppのアイコンテンプレート

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

モバイルAppとか作ってるBjangoが、各種モバイルデバイス向けAppアイコンのテンプレートファイルを配布しています。iPhoneやiPadなどのiOSに加え、AppleTVのtvOS、Apple WatchのwatchOS用テンプレートも入ってます。あとAndroid用のものも。ダウンロードするとフォルダごとに各種フォーマットが整理されており、PhotoshopやIllustrator以外にSketchやAffinity Designer用のものまで入ってます。最近じゃSketchやAffinityでデザインする人も多いですからね。対応デバイスの数やフォーマットの多さを考えると、コレ系のアプリアイコンテンプレートとしては最強なんじゃないでしょうか。ホーム画面に置いた時のシミュレートとかを考えるとPixelresortのテンプレートとかもイイんですけどね。

[Sketch] Devices – Images and Sketch files of popular devices – タッチデバイスのSketch用モックアップ

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

iOSやAndroidの各種タッチデバイスのモックアップを、Facebookが配布してます。興味深いのはそのフォーマットがSketchである事。もうすっかりUIデザインの世界じゃPSDやAIではなくSketchが主流なんだなーと思いました。用意されている端末の種類も多いので(Nokia系なんかもあります)、Sketchユーザーの人は素材探しに使えそうです。

[UI Design] Designing for iOS 9 – iOS 9 Appデザインのための分かりやすいガイドライン

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

iOS 9向けにアプリをデザインする際に役立つ、UIガイドラインを分かりやすくまとめた記事。まぁApple純正のガイドライン読めば分かるっていえば分かるんですが、ここではその中でも特に重要な点を画像を使って分かりやすくまとめられているのがナイス。レイアウト、フォント、ディスプレイ解像度、スプリットビュー、アイコンのサイズやグリッド、カラー、ボタンやフォントのサイズについて、スペーシングやアライン、マージン、各種純正パーツのサイズ、キーボードなどについて端的に仕様を紹介しています。また記事最下部にはiPhoneやiPad、Apple WatchなどのGUIテンプレートへのリンクなども紹介されており、なかなか気の利いた記事だと思います。UIデザイナーの方にひとつ。

[Freebie] iOS 9 UI Kit – iOS 9のUIテンプレートPSD

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

iOS 9のUIテンプレートがPSDフォーマットで配布されています。この前公開されたばかりですからね、UIテンプレート出てくるの早いですね。ダウンロードする際にはiPhone 5, iPhone 6, iPhone 6 Plusの3機種から選ぶ事ができます。これら現役の3機種はそれぞれ画面解像度が違うので、制作するものに合ったサイズを選んでネ、という事なんでしょう。UIデザインする時に役立ちそうです。

[iPhone 6s] How does the iPhone 6s camera compare to every other iPhone generation? – 6sまでの各世代iPhoneのカメラ性能比較

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

iPhone 6s出ましたな。3D Touchイイなーとか思ってますが、6 Plus持ってるので今回はスルーの予定。この記事では6sまでの各世代iPhoneのカメラ性能を比較していますが、いやぁこういうの見ちゃうと欲しくなりますなぁ・・・。6世代と比べて絵がカリっとしてコントラストがハッキリしているのがよく分かります。このサイト、Camera+を作ってる会社の記事なんですが、クリックするとその世代の写真を大きく表示してくれるのでとても見やすいです。んぁー欲しい。

[UI Design] ICNS – iOS Appのアイコンデザインに役立つアプリ

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

アプリのデザインに役立つアプリって、なんだかややこしいですね。まぁ早い話が、アイコンデザインする時にiPhone使って簡単にプレビューができるから便利だYO!というアプリです。デザインツールは好きなものを使えば良くて、Dropboxに保存するだけでiPhone側がシンクロして保存した画像をアプリアイコンとして表示してくれるものだそうです。Dropboxに保存するだけでプレビューできるというのはスゴい便利。最近やってないけど今度アプリアイコン作る時に早速使ってみようと思いました。