[iOS 開発本] iOSフラットデザインの作法

公開日: : Android, iPad, iPhone,

20130528whatisflatdesign02.jpg

iOS7で採用されたフラットデザインに関して、個人的には Windows 8のMetroのイメージが強く、使い勝手は悪くはないが、なぜAppleがMicrosoftの後追いをするのか、という印象を持っていた。

実際にBeta版のiOS7を使ってみても良い印象は持てなかったのだが、しかし実際自分のアプリをiOS7対応にしたり、iOS7対応されたアプリを長いこと使っていると、段々これはちょっとWindows 8とはちがう、と感じ始めた。

しかしその理由がなぜかわからなかったので書店でフラットデザインに関する本を探してみたところ、下記の本が一番詳細に検討されていたようだったので購入してみた。

 

iOSフラットデザインの作法
iOSフラットデザインの作法 泉本 優輝 吉竹 遼 津守 優秀和システム 2013-11-30
売り上げランキング : 189262Amazonで詳しく見る by G-Tools

この本ではWindows 8はもちろん、Android Holo と iOS7 のフラットデザインが比較検討されており、それぞれ共通点もあるが、違いも多いことがわかった。

また、そもそもAppleのドキュメントでは「フラットデザイン」という言葉は一度も出てこず、「シンプル」という言葉が使われ、「シンプルはミニマリズムとはちがう」「シンプルとは複雑さに秩序をもたらす作業」と説明されているとのこと。

それを実現するための手段として、スイスデザインをもとにしたフラットデザインが使われていると言うことなのだろう。Windows 8 と Android Holo のデザインガイドラインと比較すると、ちがいが伝わってくる。

単なるフラットではない  : シンプルにしながらもディテールを考慮し、ユーザを喜ばせる体験が必要。また、空間や階層を意識したレイアウトやアニメーションが必要。

主張を抑えた繊細なデザイン : アイコンの線やフォントの細さがWindows 8やAndroid Holo と異なる。文字中心のWindows 8とアイコン中心のAndroid Holo との中間に位置している

質感 : 必要であれば、標準天気アプリのような緻密なアニメーションや、ブラー効果によるぼかしなど質感を前面に出している

著者の中に Windows8 UI/UXデザイン入門 を書いた方がいるのでWindows 8 のフラットデザインに関しての記述も間違いなさそうだ。

Windows8 UI/UXデザイン入門
Windows8 UI/UXデザイン入門 泉本 優輝 吉竹 遼秀和システム 2012-09-11
売り上げランキング : 315581Amazonで詳しく見る by G-Tools

個人的にはiOS7のフラットデザインよりもiOS6までのスキューモーフィックデザインの方が好きだったのだが、実際にアプリで対応したり、長いこと使っているとフラットデザインも悪くない気がしてきた。この本でその理由が理解できた気がする。

アプリの iOS7 対応を行う前に一度読んでおくとよさそうな本だった。

デザイン担当の人向けなのか、最後の章になぜか Xcode と Interface Builder の基礎的な使い方が紹介されているけれども基本的にはフラットデザインに関する本なので、iOS7 に対応するための実際のコードを求めている人には適していないので注意を。

関連記事

no image

iPhone アプリアイコン設定

AppStore でアプリを売る一連の流れを知るために作っているアプリが大体できてきたので、ついにア

記事を読む

no image

無料版アプリの効果について

最近いくつかiPhoneアプリの無料版の提供に関してのブログが上がって、考えさせられている。 fla

記事を読む

ITMS-90175 Legacy Language Designator

自分は自作アプリの非常に古いプロジェクトをいまだにメンテすることがあるので、ITMS-90

記事を読む

no image

[iPhone UI本] Tapworthy (原書) iPhoneアプリ設計の極意 (翻訳)

O'Reilly から本を紹介するメールが来て、その中で目がとまって結局iPhoneアプリとして購入

記事を読む

no image

[iOS] iOS6 から起動時に一度 Portraitになる挙動が変更された模様

iOS6 からは画面の回転関係の仕様が整理されたのか、いろいろと変更が入っている。 まず - (B

記事を読む

no image

初代 iPad mini 16GB ブラックスレート注文

予約は10/26(金)16:00 きっかりに開始され、iPad mini 16GB ブラックスレート

記事を読む

これは楽しそう。ズボンでドラム演奏 DRUMPANTS

こんな楽しげなデバイスが2014年にKickstarterにでていたらしい。 新しい楽器?ドラムを

記事を読む

Macでコマンドラインで一括オーディオフォーマット変換 afconvert

iOSアプリの場合、効果音のフォーマットは caf がよいらしい。 ダウンロードしたファイルはca

記事を読む

おんぷちゃん for iPad にオンライン授業サポート機能を追加

コロナウィルスの影響で、うちの子どもたちのピアノレッスンもオンライン授業になりまし

記事を読む

[iOS SDK] アプリを起動しない 3D quick action は実現できるか

iPhone 6s / iPhone 6s Plus から 3D Touch 機能が搭載されたが、搭

記事を読む

Message

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Ember Mug 2のACアダプタをUSB Type-Cに変えてみた

冬になると活躍する Ember Mug 2 の充電器は付属のACアダ

Wi-Fi6Eルータ TP-Link AXE5400購入

Wi-Fi6E を試してみたくなり、TP-Link AXE5

児童手当 認定請求書申請 2024 「請求者が養育をする18歳に達する日以降の最初の3月31日までの子の数」とは?

2024年に受給していない人には手紙が届くらしい。 電子申請も

Vision Proアプリ開発本 8/24、8/26に発売

Vision Proアプリ開発入門 P400が 8/24 に発売、V

Developer Strap が日本でも購入可能に

USアカウントでしか購入できなかった Vision Pro 用 De

→もっと見る

  • 2014年2月
     12
    3456789
    10111213141516
    17181920212223
    2425262728  
PAGE TOP ↑