タグ

iOS7とUIに関するperstivetechのブックマーク (7)

  • iOS 7 UI 移行ガイド: コントロール部品

    コントロール部品 コントロール部品とは、情報を表示し、あるいはアクションを実行するために用いるUI要素のことです。iOS 7ではいずれも外観が変わり、多くは寸法も変わっています。 UIControl は UIViewの派生クラスなので、 tintColor プロパティで色遣いを設定できます。ビューの色遣いの設定について詳しくは、 “色遣いを指定する”を参照してください。 デフォルトでは、システム組み込みのコントロール部品にはシステム定義のアニメーションが付随しており、強調状態および選択状態に応じて外観が変わるようになっています。 日付ピッカー 日付ピッカーには、時、分、日、年など、日付や時刻の構成要素が表示されます。 iOS 7でも全体の大きさは同じです。 iOS 7のアプリケーションは一般に、独立したビューを用意せず、コンテンツに埋め込む形で日付ピッカーを使います。たとえば「カレンダー(

    iOS 7 UI 移行ガイド: コントロール部品
  • iOS 7で大きく変わったUI周りの開発に役立つ記事26選

    iOS 7で大きく変わったUI周りの開発に役立つ記事26選:ここが変わった! iOS 7まとめのまとめ(3)(1/3 ページ) 大きく変化したiOS 7に戸惑う多くの開発者/デザイナーのために、役立つブログ記事をまとめて紹介していく、まとめ連載。今回はUIKitやSprite Kitの機能を使う、アプリのUI周りやアニメーション、画像フィルタなど見た目に関するブログ記事をまとめて紹介します。 2013年9月18日、iOS 7の正式版リリースが始まりました。iOS 7は旧来のiOS 6に比べるとUI含め変わった部分が大きく、戸惑っている開発者/デザイナーも多いと思います。 そこで企画ではアプリ開発者/デザイナー向けに、iOS 7リリースに合わせて多数のブログ記事を執筆したクラスメソッドの協力の下、数回に分けてiOS 7に関する情報をまとめて紹介していきます。 前回の「便利になったXcode

    iOS 7で大きく変わったUI周りの開発に役立つ記事26選
  • Post by @uid-lab

    この記事は以下に移転しました。 http://lambda-structure-design.jp/lab/apple-want-to-redesign-of-common-sense-of-ui-design/

    Post by @uid-lab
  • iOS7で使用されている色のカラーコードがまとまったサイト「iOS 7 colors」 | ライフハッカー・ジャパン

    「iOS 7 colors」はiOS7で利用されている色のカラーコードがまとまったサイトです。フラットデザインを作る際の色見として利用するとよさそうですね。 以下に使ってみた様子を載せておきます。まずiOS 7 colorsへアクセスしましょう。 このようにiOS7で使われている色が一覧で表示されます。マウスを乗せると、カラーコードが表示されるのでコピーして使いましょう。iOS7っぽいデザインを作りたい際にぜひご活用ください。 iOS 7 colors (カメきち)

    iOS7で使用されている色のカラーコードがまとまったサイト「iOS 7 colors」 | ライフハッカー・ジャパン
  • iOS7 UIデザインのPSD/AIテンプレートファイル!

    いま自分のiPhone5に、iOS7をインストールしていろいろ試しているのですが、もうすでにiOS7のUIデザインのpsdファイルが数多く出ています!皆さん仕事早すぎです! iPhoneアプリの素材に使うのがメインだと思いますが、スマホサイトのデザインするときにも、これを使えばビシっと締まるでしょう! iOS7 GUI PSD – Teehan+Lax iOS 7 UI Kit Lite for Sketch Introducing iOS 7 GUI PSD Dribbble – iOS 7 iPhone AI Download by Kim Ruelo Dribbble – iOS 7 iPad AI Download by Kim Ruelo iOS 7 UI Components » GraphicBurger Download iOS7 UI Kit PSD on Behance

    iOS7 UIデザインのPSD/AIテンプレートファイル!
  • iOS 7アプリを開発するのに必携のワイヤーフレーム·iOS 7 Wireframe Kit MOONGIFT

    iOS 7 Wireframe KitCreative Commonsのオープンソース・ソフトウェアです。 iOS 7の正式リリースは間もなくと思われますが、既に新しいアプリ開発においてはiOS 7のUIを模して行われていると思われます。そんな中で必要なのがUIを決める素材集です。今回はIllustratorベースのiOS 7 Wireframe Kitを紹介します。 こちらがファイル一覧。Illustrator、PDF、PNG、Omni Graffle、Sketch用のファイルとなっています。 その内容。iOS 7らしい雰囲気のコンポーネントが多数作成されています。 こちらはIllustrator版。 iOS 7 Wireframe Kitではデフォルトのオブジェクトをデザインしていますので、そういったパーツを組み合わせて作るアプリに対しては有効ではないでしょうか。細かくカスタマイズす

    iOS 7アプリを開発するのに必携のワイヤーフレーム·iOS 7 Wireframe Kit MOONGIFT
  • iOS 7 Video の内容の書き起こしと日本語訳(寄稿:UIデザイナMorino氏) | TOKOROM BLOG

    今回の記事はUIデザイナの Morino@WWDC2013参加中 に寄稿いただきました! Appleの公式サイトに iOS 7 を紹介するビデオが公開されましたね。 http://www.apple.com/ios/ios7/ 特に前半の4分間でジョナサン・アイブ氏により語られているiOS 7の説明部分に、今回の大きなデザイン変更の様々な要点が含まれており、これからのアプリ設計のあるべき方向性が示唆されています。 これらをよく理解しておくことが非常に重要だと感じていますので、自分自身の復習のためとみなさんへの展開の意味で、書き起こし&和訳を行いました。 デザイナのみならずアプリ開発者の皆様にも有用かと思いますので、ぜひご参照ください。 iOS 7 Video - 書き起こし & 和訳 ※ 画像はすべて iOS 7 Video の中からの抜粋です We have always thought

  • 1