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

Browse By

Tag Archives: iOS

[UI Design] PortKit: UX Metaphor Equivalents for iOS & Android – iOSとAndroidとのUIパーツを比較し、それぞれのPSDツールへのリンクを掲載した記事

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

iOSとAndroidの各種UIをパーツごとに見比べて、それぞれのUIデザインに役立つPSDキットへのリンクを掲載した記事。iOSのPSDキットへのリンクは、昨日紹介したTeehanlax PSDです。iOSのバージョンは6系と7系それぞれ紹介されているので、合計3プラットフォームでの比較がされています。この3つが並ぶとなかなか興味深いです。iOS 7がAndroidに似てると言われる理由というか根拠というか、そういうのが良く分かります。俺みたいなAppleの犬から見ても実際似てると思うもんなー。黒系がライトグレーになって明るい印象ではあるけど、意匠そのものが似てるんだよね。まぁ良い部分の模倣は良い事だとは思うけど。あ、けどiOS 7でダイアログかっこ良くなってますね。前のテカテカのやつ個人的にはあんまし好きじゃなかったのです。

[UI Design] iOS7 GUI PSD – iOS7のインターフェースPSD

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

iOS 7のUIをPSDにしたデザインキットがもう配布されてます。配布元はTeehanlax。俺もいつもここのPSD使ってます。いやしかし仕事早いっすね。まだBeta1という事でパーツの種類こそあんまし多くないけど、今後増えて行くんでしょう。iPhone Appをデザインする現場にも、今回のフラットUI化は大きく影響しそうですな。ぼちぼち準備しないといけませんな。

[iOS] Icon comparison: iOS 6 vs iOS 7 – フラットUIになるiOS7のアイコンと、旧アイコンとの比較

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

iOS 7ではフラットUIとなり、その流れでApple純正アイコンも一新されます。この記事ではiOS 6までの旧アイコンと、iOS 7での新アイコンとを比較してます。左が旧アイコンで右が新しいものという形で一覧されてます。視認性の良い悪いについてはともかく、こうして並べてみると結局のところコレって好みの話だよなぁ・・・とか思いました。けどSafariの新アイコンは微妙だなー。コンタクトとかリマインダーはクールだと思うんだけど。まぁきっとすぐに慣れるでしょう。ジョニー・アイヴの仕事が悪いわけないんだものっ!(犬)

[(∪^ω^)わんわんお!] 2013/03/11 (Tue)・・・WWDC 2013雑感

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

WWDCでしたね。さすがにリアルタイムでは見てなかったけど、朝になってあちこち巡回して思った事と買った物をおさらいしてみました。Appleマンセー!記事なのか否定的な記事なのかというと、完全に前者であります。毎度の事であります。

(さらに…)

[UI Design] iOS Music Concept – iOSのミュージックアプリのコンセプトデザイン(Not Official)

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

多分来週発表されるiOS 7ではガラっとUIが変わると噂されてますが、その中のMusicアプリのコンセプトデザインを作った人の記事。いわゆる「作ってみた」系のものなのでAppleオフィシャルのアレではありません。MusicアプリのUI変化の変遷を紹介し、そこで問題提起をします。次にFlatデザインを取り入れたコンセプトをワイヤーフレームで紹介し、プロトタイプ制作、テストという工程を経てリニューアルデザインを紹介してます。これね、デザイナーの人なら途中のプロセスで楽しめます。実際にリデザインした案の紹介を読むと、これがまたよくできてる。最後に新しくなった事を伝えるAppアイコンを紹介して終了。よくできてると思います。来週の発表でこの作例以上にハァハァできるといいんですが、さてどうなんでしょうね。

[CSS] CSS Media Queries for iPads & iPhones – iOSデバイスのメディアクエリー指定をまとめたサイト

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

iPadやiPad mini、iPhoneなどのiOSデバイスに対するMedia Query指定をまとめたサイト。iPadやiPhoneは機種によって解像度が違うので、それぞれどのように指定すればイイのかを機種ごとに解説してます。縦位置と横位置のそれぞれの指定方法について紹介されてます。スマートフォンに対応したレスポンシブレイアウトのサイト制作する際に便利っすねこれ。

[iOS, Mac App] Instashare – MacとiOSデバイス間で簡単にファイルをやりとりできるアプリ

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

;

MacとiOSデバイス間で簡単にファイル転送を行う事ができるアプリ。最近じゃ「アプリ」という言葉を使ってしまうとMobileAppに限定してるような聞こえ方しちゃいますが、MacとiOSとでファイルを転送するため、双方にクライアントアプリが必要となります。Mac版Appはメニューバーに常駐するタイプで、使用頻度の高い人はログイン項目に入れておくとイイかも。使い方は配布元の動画を見てもらうとして、これなかなか便利ですよ。自分は通常Dropboxなんかを介して両デバイス間でファイルをやりとりする事が多いんだけど、なにせクラウドサービスであるためタイムラグやディスク容量の問題があります。このアプリなら直接Wi-FiやBluetoothを使って転送が行えるので、「今送りたい!」という時に超便利。他人のiPhoneにファイルを渡したい時なんかにも使えそうです。ちなみにMac版, iOS版どちらのクライアントも無料。iOS版は85円で広告を外す事もできます。余談ですが、この「基本無料だけど××円で広告外せるよ」系の課金体系って個人的にシンプルで好きです。

[UI Design] 27 Must have iOS Design Resources to Bookmark – iOSに関するデザインリソースまとめ

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

iOSに関するデザインリソースをまとめた記事。去年の記事なので情報としては新しくないけど、わりと多くのリソースが紹介されてます。あと最近じゃちょっと珍しくなった3G, 3GS系のモックアップなども揃ってて、そういう古いリソースが必要な場合にもナイス。まぁそういう機会ってそれほど頻度はないかもしれませんが。掲載素材もPSDからベクターデータまで色々揃ってます。デザインテンプレート探す際に便利なまとめ記事。