当メディアのリンクにはアフィリエイト広告が含まれています

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

もっと読む

7本の記事を表示する
関連キーワード
公開情報
更新日2013年06月10日
執筆者g.O.R.i
コメント(0件)

コメントは承認後に表示されます。良識のあるコメントを心がけ、攻撃的な表現や他人が傷つく発言は避けましょう。なお、コメント投稿時に「利用規約」に同意したとみなします。

日本語が含まれない投稿は無視されますのでご注意ください。(スパム対策)

「ウェブ」新着記事
トレンド検索