[Airbnb] iOS7での美しい効果をだすための細かな工夫

http://nerds.airbnb.com/guest-experience-ios7/

1 comment | 0 points | by Jshiike 4年弱前


Jshiike 4年弱前 | ▲upvoteする | link

Airbnbのエンジニアブログで、iOS7対応アプリで採用した美しい効果をだすための細かな工夫が紹介されてます。



このサンプル画面でわかるように、BBColorPickerを使うと、写真の色に合わせた(白黒を除いた色に対応するアルゴリズムのようです。)色調が自動的に選ばれるので、それをタイトルバーのバックグランド色に使ってます。


リスティング画面で部屋を選択すると、写真のヘッダーにぼかしが入り、半透明な白の背景の後ろに配置されます。この微かな効果で、その部屋のユニークさは写真で見せながらも、調和した違和感ない画面遷移 & 画面表示が実現されてます。[サンプル画面]


シェア / 予約 / コンタクト viewなどのモーダルウィンドウが、重力センサーと加速度センサーに呼応して、ゆれるような動きで画面にスライドインしてきます。UIDynamicsが、微かですが、説得力のある動きを実現してます。[サンプル画面]




iOS7とiOS6の両方に対応するときに気をつけること



#airbnb #モバイル #モバイルアプリ #iphone #ios #ui #ux

Back