blog

iOS 6とiOS 7 - 2つのデザインスタイルの変化のバランスをどうとるか?

iOS 7は、開発者にアプリのルックとエクスペリエンスを完全に再考させ、これらのデザイナーの中には、それが明らかに新鮮なデザイントレンドである人もいれば、そうでない人もいます。例えば、Dribbble...

Sep 21, 2014 · 3 min. read
シェア

iOS 7は、開発者にアプリのルックとエクスペリエンスを完全に再考させ、これらのデザイナーの中には、それが明らかに新鮮なデザイントレンドである人もいれば、そうでない人もいます。例えば、Dribbbleは現在、より明るく、より平坦に見えるデザインで溢れていますが、これらのいくつかは、iOS 7に適応するために、より適切であったであろう擬人化されたデザインを放棄し、デザイナーが余儀なくされた変更です。

1年前、Dribbbleで様々な木やテクスチャのデザインをピックアップしていた頃を思い出してください。当時、iOS 7のデザインスタイルを公開しているアプリはいくつかありましたが、それはほんの一握りでした。今では、iOS 7の半透明のナビゲーションバーデザインのせいで、かなりの数のアプリが以前愛されていた擬人化デザインを捨てなければならなくなりました。

だからデザイナーは、擬人化と平坦化の間に調和したバランスはあり得るのだろうかと考えるかもしれません。

AppleのHIGを遵守することは今でも重要ですが、だからといって、かつてアプリにクオリティと個性を与えていた擬人化デザインを完全に放棄する必要はありません。擬人化とフラットさの間には、ある種のバランスがあると私は信じています。

例えば、Tapityブログで擬人化デザインを実践しているアプリ「Grades」。

当初、美しい木の質感のナビゲーションバーは、iOS 7ではうまく機能しないデザインであることを承知の上で、このアプリにユニークな個性と際立ったキャラクターを与えていましたが、iOS 7で他のアプリとうまく機能させるためには、擬人化されたデザインを完全に取り除く必要があったのでしょうか?私は「更新」という入力フィールドのある白いフォームを作りました。このデザインは他のアプリとうまく機能するように思えましたが、iOS 7で「妥協」するためにいくつかの異なる方法を考えなければなりませんでした。

次のイメージでは、3つの異なるナビゲーションバーをご覧いただけます。ナビゲーションバーは、徐々に光沢のあるデザインを取り除き、より自然な微妙な質感を使用してみましょう。もしiOS 7のフラットデザインのトレンドに従うことにして、Gradeが持っている個性やキャラクターを徐々に取り除いていくと、****の効果は3つ目のナビゲーションバーになります。

擬人化されたデザインとフラットなデザインの間には、両者がうまく調和する中間地点があるべきだと思います。

iOS7では、シャドウ、インナーシャドウ、ヘビーストローク、クワンザエフェクトがアプリを非常に重く見せてしまうことは理解しています。アプリを開くと、これらの要素が非常に不快に感じることがあります。

光沢効果、シャドウ、インナーシャドウを完全になくしたら、アプリはどのように見えるでしょうか?ストロークを1ピクセルほど下げると、アプリが全体的に明るくなるのがわかります。

木目調のデザインはどうですか?グラードが発売されたときからの特徴です。それを完全に捨ててしまうのではなく、もっと良い解決策があるはずだと感じました。明るい色の木目効果を選んだり、木の質感の木目を減らしたりしてみました。

下の写真は、上記の方法に従って状況を修正した効果を示しています:

iOS7でGradeがよりくつろいで快適に感じられるようにした重要な要素を維持するのは簡単なことではありませんでしたし、理想的なソリューションにはまだほど遠いかもしれません。

Read next

フライングフィッシュ・スター・ワイヤレス・クラウド・ルーター:ホテルに最適なワイヤレス・ソリューション

今日のホテル業界では、競争に勝つためには、単に暖かく快適な環境に依存し、暖かく、心のこもったサービスは十分ではありません。モバイルインターネット時代の到来に伴い、宿泊客は一般的に携帯電話、ノートパソコン、パッドなどのモバイルデバイスを携帯し、レジャーやオフィスワークのためにインターネットサーフィンをしています。

Sep 17, 2014 · 5 min read