[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 に対応するための実際のコードを求めている人には適していないので注意を。

関連記事

PebbleKit iOS SDK dynamic framework 問題

最近 EverLearn の Pebble アプリがiOSアプリと接続できずエラーが表示されるので、

記事を読む

Apple Event 2016秋 See you on the 7th

2016秋のApple Eventは 2016/09/07(日本時間 9/8 2:00)に行われた。

記事を読む

no image

[iPhone SDK] GPX Format で位置情報を出力

今公開している Log Locations は割り切りでエクスポート機能を入れていなかったのだけれど

記事を読む

[買ってみた] 新しいAirPods

2019年3月20日に突如発表された、新しい AirPods を買ってみた。 新型「

記事を読む

おんぷちゃん for iPad リアル鍵盤で回答

おんぷちゃん for iPad は五線譜上に表示される音符をスクリーン上のキーボードや、USBやB

記事を読む

Siri Shortcuts に対応

正月休み中なので、ブログ記事が書きやすい。毎年この時期だけはよくブログを書いている気がする。

記事を読む

iPad Pro 2017 12.9inch購入

新型コロナウィルスの影響でリモートワークの機会が増えているため、リモートワークをサポートす

記事を読む

no image

自作アプリ おんぷちゃん にランキングモードを追加

かなり前からほそぼそと準備を続けていた、五線譜学習アプリ おんぷちゃんへのランキング挑戦モード追加

記事を読む

no image

iPhoneアプリ おんぷちゃんアップデート 2010年7月 第1回

先月、iPhoneアプリおんぷちゃん(無料版)を1.3にアップデートして、いくつか機能を追加しました

記事を読む

Becoming Steve Jobs

これまでに読んだ Steve Jobs本では一番よかったと Amazon に書いている人がいたが、同

記事を読む

Message

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

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

[Xcode] Interface Builder でControl+ドラッグでOutletが作成できない

たまにInterface Builder でUI作っているとはまるの

Ember Mug用のふたを買ってみた

Ember Mug Lid 2022年あけましておめでとうござ

Google Search Console の利用を開始してみた

YouTube DATA API (iOS Quickstart  

Xcode 13.1 アップデート

Apple、統合開発環境「Xcode 13.1」をリリース:Code

watchOS8 アップデート内容

この前購入した Apple Watch SE は watchOS 7

→もっと見る

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