HTML/CSS/Javascriptのみで作られた「iOS 7」が動作する「iPhone 5S」のクオリティが尋常ではない!デザインは当然、フラット!

iPhone 5sのiOS7モックアップ
WWDC2013で間違いなく発表されるのは「iOS 7」。もっとも注目されているのは大幅な見直しが掛けられて全体的にフラットになると噂されているUIデザイン。不安に思う人も多いようだが先日リークされた「iOS 7」のホーム画面写真に対する反応は、僕が把握している限り悪くは無さそうだった。

端末レビュー比較サイト「Recombu」にHTML/CSS/Javascriptのみで作られた「iOS 7」が動作する「iPhone 5s」のモックアップが公開されていたので、紹介する!画像は一切使用せずに作られている!すごい!

画像は一切不使用!すべてHTML/CSS/Javascript!

過去にもHTML/CSS/Javascriptのみで作られたMacBook AirCSS3で作られたiPhone 4など紹介してきたが、この類の作品は毎回見る度に感心してしまう。特に今回はあくまでも現時点で分かっている情報や噂をベースにして作られているので尚更すごい。

起動して電源ボタンを押すと表示されるのは「iPhone 5s」のコンセプトイメージの中で動作するフラットデザインを採用した「iOS 7」のイメージ。光沢やテクスチャがなくなり、非常に見やすくて目に優しくなった印象を受ける。
HTML/CSS/Javascriptのみで作られた「iOS 7」が動作する「iPhone 5s」
複数のカラー展開が予想される次期iPhone。下の方にある「Select colour」からボディカラーを変更できるようになっている。
HTML/CSS/Javascriptのみで作られた「iOS 7」が動作する「iPhone 5s」
メールアプリやカレンダーアプリなど、多くのアプリがクリックできるようになっているので自分で実際に遊んでみるべし!Notification Centerも作られているのでステータスバー付近をクリックしてみることもお忘れなく!
HTML/CSS/Javascriptのみで作られた「iOS 7」が動作する「iPhone 5s」
いよいよ数日後に迫ったWWDC2013。確実にこれまでのiOSとは違ったデザインになることが分かっている「iOS 7」。ユーザーに受け入れられるかどうか、注目だ!

それまでは上記で紹介したモックアップで遊ぶべし!

Interactive Apple iPhone 5s & iOS 7 Concept

(via Cult Of Mac

あわせて読みたい
もっと読みたい
  1. 「iPhone 5s」を「iPhone 7 mini」に改造した人が登場
  2. 「iPhone 8」、Touch IDと顔認証を組み合わせた2段階認証技術を開発中か
  3. 【保存版】iPhoneのストレージ容量不足を劇的に解消する7つの方法
  4. 【20%オフ】「Affinity Designer」「Affinity Photo」がセール中
  5. 【保存版】Macの「その他」を削除し、ストレージ容量不足を解消する方法

gori.meの最新情報をチェック!!