はじめに
Appleは、iOSやmacOSなどのApple製品のUIをFigmaで公開しています。その中には、WWDC2023で発表されたばかりのvisionOSのUIもあります。この記事では、「visionOSのUIをiOSで再現するとどうなるのか」という実験をこのFigmaファイルを参考にやってみます。
ツールバーボタン
visionOSのツールバーボタンは、視線移動により操作がしやすいように大きくなっています。このボタンをiOSで再現すると、このようになりました。
少し視認性は低いものの、意外と悪くないですね。ボタンをあまり目立たせず控えめなデザインにしたいときには良いかも知れません。また、単純に大きい分押しやすいこともわかりました。
シートの角を丸くする
visionOSのUIは全体的に丸っこいです。シートやアラートの角も他のOSと比較してとても丸いです。これをiOSで再現すると、このようになりました。
これはかなり良いですね。iOSでも、AirPodsと接続するときなどにはこのくらい丸いシートが出てくるので、あまり違和感はありませんね。
まとめ
少し前からやってみたかった、visionOSのUIをiOSで再現する実験をしてみました。全体的に親しみやすいデザインになり、結構気に入りました。この記事が面白いと思った方はいいねとフォローしていただけると嬉しいです☺️