iOS8の勝手コンセプトムービーで出ていたホーム画面っぽいものを作ってみる

先日のWWDCの少し前に「iOSのコンセプトデザインがカッコイイ!」とかで話題となっていたYoutube動画がありました。

次期iPhoneやiOSが噂されるたびにこうやってユーザーが勝手な妄想のものを作り上げて、それを見て「カッコイイ!」「やっぱりiPhoneスゲェ!」とかいう感想が出てくるのに辟易しているのですが、今回のこれ…本当にカッコイイのかな…?とも思うのです。まぁ紹介と一緒に「これWindowsPhoneじゃん…とも書かれているところもありますが。

それはともかく、ホーム画面カスタマイズの入門用としてはいいんじゃないかと思って作ってみました。

  • 本記事は広告およびアフィリエイトプログラムによる収益を得ています。

Nova Launcherの場合

140608-1

こんな感じです。
うん…完全に再現とまでは行かなかったですけど。

あ、先に言っておきますけど、動画のようにピンチアウトで開くとかそういう仕掛けはありません。

140608-2

今回はNova Launcherで作っています。

とりあえずコンセプトムービーにあったものと似たアプリを置いてみました。よくわからないものは適当に端末にインストールしてあったものを置きました。

140608-3 140608-4

アイコンを長押しして、編集メニューからアイコンとラベルを変更します。
なんか…寂しい感じになってしまいましたね。

アイコン画像は、検索すればいくつか出てくると思いますが、今回はdeviantARTで配布されていたものを使いました。
iOS 7 Icons (Updated) by iynque on deviantART

Playストアでもアイコンパックを検索すればあるかもしれません。(探してません。)

140608-5 140608-6

アイコンが小さすぎると思ったので、Nova Launcherの設定「外観と操作感」から「アイコンの大きさ」を設定します。130%まで大きくできます。

140608-7

少し大きくなりました。できればもう少し大きくしたいところですが、とりあえずこれで妥協します。

140608-8 140608-9

続いて、設定の「デスクトップ」「アイコンとウィジェット」からラベルの色と影を設定します。
ラベルの色は黒に、影はチェックを外します。

140608-10 140608-11

空いたスペースにZooper Widgetを置きます。
このZooperの中身については省略します。ポイントとしては背景のパネルを矩形で作って、角の丸みをアイコンに合わせる、微妙なグラデーションをつける、ということでしょうか。

140608-12 140608-1

これで完成(左)です。
…が、やはりアイコンの大きさが気に入らなかったので、アイコン画像自体を調整して少し大きく表示できるようにしました。(右)
これで完成です。

Apex Launcherの場合

Apex Launcherはもう少しアイコンを大きくできた気がしたので、そちらでもやってみました。

140608-13

同じようにアイコンを置きます。

140608-14 140608-15

設定メニューの「高度な設定」から「アイコンの大きさ」を150%にします。

140608-16

大きくなりました。
これだけ大きいといいかんじですね。

140608-17

あとはNova Launcherの時と同じようにアイコンを変えてウィジェットを置いて完成です。

こちらはラベルの色が変更できなかったので白のままです。明るい壁紙だとちょっと視認性が落ちますかね。

まとめ

iPhone風、というのはたいていはアイコンを変えるだけでそれっぽくなるので、ホーム画面カスタマイズの初歩としては良い題材ですね。このホーム画面が使いやすいかどうかはともかく、見た目の新鮮さは出るんじゃないでしょうか。

本記事に記載された内容は記事公開時点のものであり、必ずしも最新の情報とは限りません。記事をご覧いただく際には、最新の情報を確認するようお願いいたします。

OREFOLDERの最新情報をお届けします
author icon
orefolder

OREFOLDER編集長。
1979年静岡県清水市生まれ、現静岡市清水区在住。

様々な巡り合わせから、このサイト1本で生活してる氷河期世代の一人。ガジェットに限らず広く浅く様々なものに興味があります。

スマートフォンは2010年にXperia SO-01Bを買ったのが最初。同時にb-mobile U300で格安SIMも始めました。これまでに数百台のスマホを手にし、格安SIMも常時20種類以上契約しています。

⇨orefolderの記事一覧