[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アプリケーションプログラミング-オンライン版

先日紹介した、新居雅行氏のiPhoneアプリケーションプログラミングだが、オンライン版が存在する。

記事を読む

no image

Kickstarter で iPhone/Android で使える腕時計 Pebble に出資してみた

Kickstarter で28時間で100万ドルを調達したという Pebble E-Pape

記事を読む

no image

Core Graphics と Quartz

Core Graphics と Quartz の関係がよく分からなかったので調べていたところ、ほぼ同

記事を読む

no image

[iOS] iOSでToast

iOSでAndroidのToast的な、数秒間メッセージを表示して自動的に消える部品を探していたのだ

記事を読む

no image

モンスターハンターポータブル3rd ルーキーズ・ガイド (エンターブレインムック)

やたらと売れているらしいのできっと面白いのだろうと思って購入したMHP3だが、すっかりはまっている。

記事を読む

no image

HTML5学習 XHTML+CSS 100の疑問に答えます。

基本的に読みたい本は買うようにしているが、最近は子供につきあって図書館に行っており、小さい図書館なが

記事を読む

no image

dynabook AZ クラウドブック Android2.1搭載 10.1型ワイド PNAZ05MNA

Amazon を放浪していてたまたま発見。 東芝がこんなものを出していたのか。全く知らなかった。 【

記事を読む

開発用iPad比較検討2016

手持ちのiPad2およびiPad mini 初代がiOS10のサポート対象から外れてしまったので、i

記事を読む

no image

いろいろ考えさせられた 「ウェブ×ソーシャル×アメリカ」池田 純一著

TwitterのTLで誰かがつぶやいていて、Amazonを見たらレビューで激賞されていたので買ってみ

記事を読む

no image

[iPhone SDK] Apple Push Notifiction Service (APNs)対応 その1

Apple Push Notification Service (以下、APNs) を使ったiPho

記事を読む

Message

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

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください

おんぷちゃん for iPad 1.9.0が異常終了する

ユーザの方から下記の連絡がありました。 おんぷちゃんfor i

App Store Submit最低要件 2021.05

Submit your iOS and iPadOS app

MacBook Pro mid 2012激遅

しばらく前から、MacBook Pro Mid 2012 が激遅にな

M1 MacBook Airで困ること

M1 MacBook Air を購入 M1 MacBo

Apple Event 2021.04

今回はちょっと驚いた。最近リークが少なくて良き。もしくは自分

→もっと見る

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