クレジット:
モバイル アプリケーションのスペースは爆発的に拡大しています。ユーザーは、外出先でもソファにいても、コンテンツを消費したり作成したりするためにスマートフォンやタブレットを利用することが増えています。 iOS App Store と Android マーケットにはどちらも数十万のアプリ コレクションがあります。
Web アプリやデスクトップ アプリと同様、モバイル アプリケーションのデザインもトレンドに左右されることがよくあります。ここ数年でモバイル プラットフォームが進化するにつれて、これまでの一般的な設計手法の一部が新しいスタイルやテクニックに取って代わられてきました。
App Store と Android マーケットを調査して、モバイル アプリのデザインにおける最もホットなトレンドを 7 つ取り上げました。
1.「インスタグラム」効果
クレジット:
パブロ・ピカソの言葉を借りれば、「優れた芸術家は借り、偉大な芸術家は盗む」ということになります。この格言はほとんどの創造的な取り組みに当てはまり、携帯電話の分野にも確かに当てはまります。
ここ数年、次のようなアプリが登場しました。iPhone 用 Facebookと Twitter (新しい Tweetie) は、モバイル アプリケーションの方向性と UX パラダイムに影響を与えます。 Loren Brichter は、2008 年に iPhone 用 Tweetie の最初のバージョンでプルして更新するジェスチャを導入しました。それ以来、このテクニックは非常に一般的なものとなり、複数のアプリ プラットフォームやアプリケーションで採用されています。
インスタグラム写真共有アプリは現在爆発的に成長しており、Instagram は機能とユーザー インターフェイスの面で先頭に立っている。
証拠が必要ですか?最近のことをチェックしてください再設計されたPicplziPhone用。アプリのナビゲーション構造は、機能面で Instagram を反映するように強化されました (これは、両方のアプリを簡単に使用できるため、これは素晴らしいことです)。同様に、アプリは同様の方法でフィルターを処理するようになりました。
私たちは、写真アプリが Instagram のナビゲーション構造、フィードの閲覧表示、インスタント効果のプレビューを 2011 年中に採用することを十分に期待しています。
2. 光沢を最小限に抑えた大胆な原色とグラデーション
クレジット:
カラーは、開発者が自社のアプリを競合他社よりも目立たせる方法としてますます人気が高まっています。
タッチスクリーン デバイス用に作成されたアプリの最初の波は、Apple のネイティブ iOS アプリケーションを模倣することがよくありました。これは理にかなっています。結局のところ、これらのコンポーネントは Xcode の Interface Builder 内に含まれています。
しかし、私たちがさらに見ているのは、iPhone の青とグラデーションのストライプの背景から離れ、より大胆な原色とグラデーションへの移行です。 Web 2.0 時代に普及した光沢のあるボタンの外観は、よりマットな仕上げによって影を潜めています。
アプリケーションに強い色を使用すると、ユーザーの感情的な反応が生まれ、アプリがより記憶に残るとみなされることがあります。ユーザーがアプリケーションを覚えていれば、再びそのアプリケーションを使用する可能性があります。
3. レトロフォトビューファインダー
クレジット:
のようなアプリ流行に敏感なそして8mmビンテージカメラ[iTunes リンク] は、現代のテクノロジーを過去にどのように改造できるかを示す好例です。
8 mm 以内のリアルタイム ビデオ エフェクトは、古いアナログ ムービー カメラを使用してビデオをキャプチャするような体験を作り出すのに役立ちます。同様に、Hipstamatic の小さいレンズ ウィンドウは、本物のおもちゃのカメラと同じように、キャプチャ領域全体を覆い隠しますが、古い Holga を使用する場合は非常に不快です。
クレジット:
Instagram や Picplz などのアプリは、フィルターを適用することが写真の共有をより楽しくする優れた方法であることを示しています。画像やビデオのキャプチャ時にリアルタイムでフィルターを適用するアプリでは、通常、よりレトロな現実主義的なデザインが選択されます。
4. テクスチャ、テクスチャ、テクスチャ
クレジット:
より大胆な原色のトレンドに伴い、アプリ開発者もアプリケーションの背景にテクスチャやパターンを使用するよう移行しています。
木製パネルは人気のある選択肢であり、半透明のメニュー項目はこれらのタイプの背景によく映えます。一部のアプリなどジェイミーのレシピ重なっている要素にもテクスチャを使用します。
テクスチャ主導のアプリ デザインでは、多くの場合、差し込みテキストとさまざまなレベルの透明度が使用されます。
クレジット:
テクスチャはアプリケーションに多大な個性を加えることができますが、開発者はテキストやボタン要素が背景の上でどのように見えるかに注意する必要があります。色の選択を誤ると、コンテンツが読めなくなったり、ボタンが見つけにくくなることがあります。
Android 用 GO Launcher は、テクスチャ背景とシェルフ パラダイムを標準の Android ホーム画面にどのように適用できるかを示す好例です。
5. 滑らかできれいなグラデーションと奥行きのあるシャドウ
クレジット:
モバイル アプリのデザインのトレンドの一部は、Web デザインの同じトレンドに直接遡ることができます。 Web デザインの大きなトレンドは、クリーンでミニマルなデザインへの移行です。
これはモバイル アプリでも、特にメニューやナビゲーションの見出しで見られます。開発者は、標準の iOS または Android メニュー パラダイムを使用するのではなく、指に適していながらもよりエレガントに見える独自のレイアウトを作成しています。
影を使用して奥行きの知覚を作成すると、これらのボタンやインターフェイス要素に、より「タッチしやすい」外観と感触を与えると同時に、より印象的に見えるようにすることができます。
これらのシャドウは、単純なリスト ビュー インターフェイスを持たないアプリで特にうまく機能します。たとえば、XfinityTV アプリ、左チャンネル バーはメイン プログラミング セクションから独立して移動できます。 Xfinity は、単にグリッドを使用するのではなく、両方のセクションを明確に指定するために影を追加しました。ユーザーは、要素が分離されており、独立して制御できることを瞬時に認識できます。
6. テキスト駆動型インターフェース
クレジット:
私たちはマイクロソフトとその功績を称賛できます。Windows Phone 7テキストをモバイルデザインのトレンドにするために。
もちろん、初期のモバイル アプリは主にテキスト ベースでした。これは、テキストは低速接続でもすぐに読み込まれ、高度なレンダリング エンジンを必要としないためです。
最新のモバイル アプリはテキストに依存する必要はありませんが、Microsoft が示したように、適切に使用すれば、テキスト駆動のインターフェイスは非常に使いやすく、目にも優しいものになります。
テキスト中心のアプローチを採用する最良のアプリは、文脈に応じて適切なテキストを使用するアプリです。テキストは大きくて読みやすく、他のインターフェース要素に邪魔されないときに最も効果的に機能します。
例えば、天気の急ごしらえは、現在の状況に応じて天気を伝えるだけの、非常にまばらな天気アプリです。たとえば、「昨日より寒い」または「明日は今日より暖かいでしょう」などです。特定の気温や予測条件を表示しないことで、アプリは外出先でも読みやすく、理解しやすくなっています。アイコンは、雨や雪などの状況に関するコンテキストを追加できます。
同じく、トリクルは、ツイートを 1 画面に 1 つずつ、非常に読みやすく表示する Twitter アプリです。次に、次のメッセージにスクロールする前に、そのメッセージをお気に入りに入れるかリツイートするかを選択できます。ページごとに 1 つのツイートのみを表示することで、アプリは従来の Twitter クライアントよりもはるかに受動的に使用できます。
7. 細いサンセリフフォント
クレジット:
モバイル アプリが進化するにつれて、開発者は標準のアプリ フォントから移行し、より多くのカスタムの太さ、スタイル、サイズを利用するようになりました。影や深度等高線と同様、モバイル アプリのタイポグラフィのデザイン ヒントの多くは Web から得られます。
細いサンセリフ フォント (通常、ある程度のドロップ シャドウが付いている) は、デスクトップ Web デザインでますます一般的になってきています。
モバイル デバイスでは、薄型タイプと高解像度の画面を組み合わせることで、より読みやすいエクスペリエンスが得られることがよくあります。アプリの差別化にも役立ちます。細いサンセリフ フォントは、テキスト駆動のデザインや背景テクスチャを利用したデザインと組み合わされることがよくあります。
一部のアプリにはロゴやヘッダー要素に独自のカスタム フォントが含まれていますが、フォントの太さとサイズを変更するだけで、システムのデフォルト (iOS では Helvetica Neue、Android では Droid Sans) がまったく異なって見えることがあります。
あなたの考え
モバイル アプリで見られる、または将来さらに期待されるデザイン トレンドにはどのようなものがありますか?お知らせください。
Sourcebitsがサポートするシリーズ
クレジット:
のモバイルアプリのトレンドシリーズが後援していますソースビットは、すべての主要なモバイル プラットフォーム向けのアプリケーションとゲームを開発する大手開発者です。 Sourcebits はこれまでに 200 を超えるアプリを開発してきましたが、今後さらに多くのアプリが開発される予定です。 Sourcebits は、次のような設計および開発サービスを提供しています。iPhone、アンドロイドそしてもっと。あなたのアプリが混雑した市場で際立った存在となるためにどのように支援できるかについては、お気軽にお問い合わせください。ソースビットをフォローしてくださいツイッターそしてフェイスブック最近のニュースや最新情報については。
Mashable のその他のモバイル リソース: