2013/05/05

【実践】フラットデザインなiPhoneを目指してこんなホーム画面にしてみました!









どうも、@dodonpapaです。


iOS7はフラットデザインになるかもしれないという噂がありますね。

Appleチーフデザイナーのジョニー・アイヴ、フラットデザインでiOS 7のビジュアル一新へ | TechCrunch Japan

アップル、iOS 7で「フラットなデザイン」を採用の可能性 - WirelessWire News(ワイヤレスワイヤーニュース)






▼フラットデザインなiOS7のコンセプト動画




フラットデザインというのは、こういうことです。

Flat UI Design - A showcase of the best examples of the flat UI design aesthetic on the web.

何となく、感覚はつかんでいただけました??



私なりのフラットデザインの解釈は、、、

・グラデーションを使わない。
・べた塗りの単色。
・カラフルにする。

かな?なんて勝手に思ってます。


最近では、WindowsのUIとして目にする機会が増えてきましたね。
私は、このデザインを最初にみたときは「え??、ださ!」って思いましたが、慣れは怖いもので、これはこれでありだなと思えるようになりました。

ということで、私のiPhoneもフラットデザインを目指してホーム画面を整理してみました。

▼ロック画面

























▼ホーム画面

























あ、私のiPhoneは4Sですけど、5の方でもできると思います。。。


(準備するもの)
iPhoneアプリ「Fokuson」



Fokuson - あなたにフォーカスするランチャーアプリ (Version 1.1.0) App



カテゴリ:
仕事効率化



価格:
¥170



デベロッパ名:
e73developer



リリース日:
2013/04/14



対応デバイス:
iPadThirdGen4G / iPadMini / iPad Wi-Fi+3G / iPadThirdGen / iPhone 3GS / iPod touch (4th Gen) / iPadFourthGen / iPadMini4G / iPod touch (3rd Gen) / iPhone5 / iPodTouchFifthGen / iPad Wi-Fi / iPad 2 Wi-Fi+3G / iPhone4S / iPhone 4 / iPad 2 Wi-Fi / iPadFourthGen4G



現Ver.の平均評価:
(5.0 /  3件の評価)



通算の平均評価:
(3.5 / 7件の評価)



Game Center:
非対応



iPhone iPhone



このアプリの特徴ですが、

・フラットデザインなランチャーアプリ。
・URLスキームでのアプリ登録もできる。
・アプリの使用頻度によって、アイコンの大きさが自動的に変動する。
・グループ毎にランチャーに表示する時間帯、曜日、場所を指定することができる。

▼フラットデザインなランチャー。

























▼グループ毎にランチャーに表示する時間帯、曜日、場所を指定。

























今まで使っていたランチャーアプリ「Launch Center Pro」に比べるとみやすいです。
「Launch Center Pro」に比べて劣る点は、サポートしているアプリが少ないことですね。
それと、登録するアプリをスケジュールで起動したりができない。。。
しかしながら、みやすいことはランチャーアプリとして一番重要なことです。
使い勝手はいいですよ。



このアプリに合わせる感じで、ホーム画面にこんなアプリを置きました。

▼ホーム画面



























○Calvetica Classic


Calvetica Classic App


カテゴリ: 仕事効率化
価格: ¥85


iPhoneの標準カレンダーと同期します。
シンプルなデザインが目に優しいです。










○ToDo


Todo App


カテゴリ: 仕事効率化
価格: ¥450


タスク管理アプリです。
すべてのタスクはこれに登録しています。
タスクのデータベースとして使ってます。








○Day One

Day One (Journal / Diary) App


カテゴリ: ライフスタイル
価格: ¥450


日記アプリとして使ってます。
iCloudを使ってMacとの連携もできます。
パスコードを設定できるので、秘密なことも書ける(^^)









○Solar

Solar : Weather App


カテゴリ: 天気
価格: 無料


これほどシンプルな天気アプリはありませんね。
登録した場所名、日時、天気、気温を表示してくれます。
気温に応じて、グラデーションが、美しく変化します。









○電話
iPhone標準の電話アプリです。


○LINE
言わずと知れたチャットなどができるアプリです。
フラットデザインではないですけど、ホーム画面にないと困るんで。。。

LINE App


カテゴリ: ソーシャルネットワーキング
価格: 無料



○Flipboard

Flipboard: あなたのソーシャルニュースマガジン App


カテゴリ: ニュース
価格: 無料


自分の気に入っているSNS、RSSなどを登録して、マガジンみたいにみるためのアプリです。









○Wunderlist

Wunderlist – To-Do & Task List App


カテゴリ: 仕事効率化
価格: 無料


タスク管理アプリとして有名ですが、私は、情報収集した参考記事のデータベースとして使ってます。









簡単にいうとこんな使い方です。

1、「Reeder」で気になった記事にスターをつける。

2、スターをつけた記事が「IFTTT」との連携で、「Wunderlist」に自動的に登録される。

3、「Wunderlist」に登録された記事を参考記事等に使う。

集めた情報をいつ参考記事に使うかの管理ができるので便利です。


○Mailbox

Mailbox App


カテゴリ: 仕事効率化
価格: 無料


Gmailのメール管理に使ってます。
シンプルに管理できますよ。










○App Store
iPhone標準のアプリ管理ツールです。

○Podcast
iPhone標準のPodcastを聞くためのアプリです。

○Llumino

Llumino App


カテゴリ: ユーティリティ
価格: ¥170


シンプルな電卓アプリです。
黒地に白い文字でみやすいです。
タップした数字キーがひかるので、押し間違いにくいです。








以上、こんな感じでシンプルなホーム画面を目指してみました。


今回紹介したランチャーアプリ「Fokuson」については、また別の記事で詳しく紹介しますね。


























ドックに登録しているアプリもまた今度ってことで。


以上、@dodonpapaでした。

にほんブログ村 携帯ブログ iPhoneへ
にほんブログ村