[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アプリ 「リズムくん」 Ver.1.1 アップデート

リズムくん Ver.1.0ではまずは8分音符までの問題でリリースしてみましたが、やはりより難しい問題

記事を読む

no image

iPhone SDK アプリケーション開発ガイド

iPhone SDK アプリケーション開発ガイド(原題 iPhone SDK Application

記事を読む

no image

Invalid Signature で App Store に Submit できず

無料版と有料版を同じソースからビルドできるようにしようと思いいろいろ試行錯誤を続けている。 ついにビ

記事を読む

iPhoneとBluetooth連携できる体重計 タニタ RD-900

iPhone と連携できる体重計には以前から興味があって、Withings の WS-30 を狙って

記事を読む

iPad 12.9インチでも安定するタブレットスタンド

iPad Pro 12.9インチを買ったが、かなり大きく机の上で場所を取るので、スタンドを買ってみ

記事を読む

no image

[iPhone 開発本] iPhoneのオモチャ箱 でしばらく遊べそう

cocos2d/Box2Dを調べたいと思っていたら丁度発売されたので買ってみた。 実際にcocos2

記事を読む

[iOS SDK] 消音モードでも音を再生する対応を入れました

昔、 iPhone/iPad はサイレントモードにしても音が鳴る という記事を書いたけれども

記事を読む

[i0S8] presentModalViewController で表示している画面で文字が切れる

iOS8 を甘く見ていたようで、いろいろな問題が発生している。 今回発見したのは おんぷち

記事を読む

no image

プログラムを使ってiPhoneアプリを終了する方法

「ゲームを終了しますか? YES」的なダイアログを出してアプリを終了しようと思ったときに、どうするか

記事を読む

かなりスパルタンなピアノの調律アプリ

平均律を調べていて発見。 ピアノの調律ゲーム 〜平均律訓練アプリ〜 驚くほど難しい。自

記事を読む

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 ↑