Android の視覚効果を向上させるための 10 のデザインのヒント

1. 適切なサイズの画像を使用する

画像に関しては、多くの Android アプリ開発者が画一的なアプローチを採用しています。これによりリソース管理が容易になりますが、アプリの視覚的な魅力という点では間違ったアプローチです。アプリの見栄えを最大限に高めるには、特定のデバイス画面ごとに異なる画像をデザインする必要があります。最も適切な画像は、最高のユーザー エクスペリエンスを生み出します。

2. 適切にフォーマットされた画像を使用する

特定の大きな画像をロードしようとすると、画像のサイズが歪んでいるだけでなく、画像の形式が理想的ではないためにアプリがハングするのを誰もが見たことがあります。 Android プラットフォームは、PNG、JPEG、GIF、BMP、WebP などの多くのメディア形式をサポートしています (注: Android 4.0 以降でのみサポートされています)。 PNG はロスレス画像に理想的な形式ですが、JPEG のレンダリング品質には一貫性がありません。

Android は、Nine-Patch を使用した弾性画像もサポートしています。可能であれば、JPEG の代わりに WebP を使用することを検討してください。これは、この形式の方が保存とダウンロードに効率的であるためです。つまり、古い形式と併用してスタンドアロン画像として使用すると、アプリ全体のサイズが大きくなり、新しい形式を使用する利点が減ります。

3. 微妙なアニメーションと色を使用してステータスの変化を表示します

微妙なアニメーションと UI コントロールの色の変化を使用して、画面遷移中のアプリケーションのステータスの変化を表示します。これにより、アプリケーションがよりプロフェッショナルに見えます。たとえば、アクティビティ間のフェードにより画面の遷移がより自然になり、押されたボタンの色を変更すると、実行中のユーザー アクションが強調表示され、ユーザーが何をしているのかが明確に表示されます。

Android 3.x 以降のバージョンではハードウェア アクセラレーションを有効にすることができ、これによりアニメーションがよりスムーズに実行されます。ただし、アプリのすべての機能がハードウェア アクセラレーションと互換性があるわけではないため、テストが必要です。

4. 角丸効果を使用して UI を柔らかくします

Button、PageView、およびその他のユーザー インターフェイス コントロール ボタンは画面上で長方形のピクセル形状になりますが、これは処理する必要があります。コントロール インターフェイスでは、ユーザー インターフェイスの外観を柔らかくするために丸い角効果が使用されており、非常に Web らしく見えますが、実際にユーザーに非常に人気があります。

5. 3D 効果で一貫した「ライティング」を使用する

Android プラットフォームの最新バージョンでは、ホログラフィック スタイルや 3D アイコンなどが使用されます。アプリのコントロールでドロップ シャドウやその他の同様のスタイルを使用する場合は、必ず一貫した「照明」を使用してください。言い換えれば、影が画面全体で一貫した方向を向いていることを確認します。同じ傾斜とテクスチャを作成するには、画像エディターで同じ値を使用します。

6. ハイコントラストの配色を使用します

家族のメンバー (注: 多くの場合、古い世代の人) が、メールで色付きのフォントと背景を使用できることを初めて発見し、このような白い背景とレモンイエローのフォントを使用したメールを送信したとき、メールは非常に難しい場合があります。読む。プレイヤーが画面上のコンテンツを読んだり移動したりすることが困難になるようにアプリの画面を設計している人もいます。適切なハイコントラストの色を使用すると、画面が見やすくなり、目のストレスが軽減されます。カラースキームをシステムリソースの一部にして、他の作業の基礎として使用します。

7. 大きくて読みやすいフォントを使用する

上記の不適切な配色と同様に、家族からの奇妙なフォントで読みにくいテキストも受け取ります。フォントによっては、他のフォントよりも明らかに読みやすいものがあります。

フォントサイズも重要な要素です。他の画面機能とのバランスを保ちながら、フォントをできるだけ大きくするようにしてください。 FAX を使用する場合と同様に、12 ポイント未満のフォントを使用するのは不適切です。

Android 4.0 のデザイナーは、このプラットフォームでのみ利用可能で、モバイル デバイスで読みやすい、Roboto と呼ばれる新しいフォントを導入しました。

8. プラットフォームの仕様から逸脱しすぎないでください

成功しているモバイル アプリの多くは、人々が使い慣れたユーザー インターフェイスを使用しています。シンプルで主流のユーザー インターフェイスを備え、ユーザーが使い慣れたコントロールを使用します。ユーザー インターフェイスのコントロールや画面のデザインをあまりにも型破りなものにしないでください。可能な限りシンプルにし、プラットフォーム上の他のアプリケーションのパフォーマンスと一貫性を保つようにしてください。プラットフォームを手がかりとして使用して、アプリケーションのパフォーマンスと動作を決定します。

作成している UI が異なる場合は、AB テストなどの客観的な方法を使用して新しい UI と従来の UI を比較し、新しいデザインがより効果的であるか、使いやすいか、より最適化されているかどうかを判断してください。快適に見えます。

9. UI ガイドラインに従う

Android アプリケーションのマニュアルには、アプリケーションに統合できる UI ガイドラインが多数記載されています。これらのガイドラインは、アプリが使用している Android のバージョンによって異なる傾向があります。これが発生した場合、複数のガイドラインを処理するために複数のアセットを作成する必要があります。このガイドラインには、アイコン、ウィジェット、メニュー、アクティビティが含まれています。

10. ユーザーインターフェイスをテストする

開発者は優れた QA やテスターではないことがよくあります。アプリが安定して実行されるようになったら、アプリの設計や意図をまったく知らないユーザーを対象にテストすることが重要です。アプリの設計者は、ユーザーがアプリの UI を直感的に理解できると想定することがよくありますが、実際はそうではない可能性があります。ユーザーに実際にアプリケーションをテストしてもらうことによってのみ、アプリケーションをリリースする前に多くの予期せぬ問題を発見することができます。

おまけのヒント: プロのアート デザイナーまたはグラフィック デザイナーを雇いましょう

最近のユーザーは、見栄えが良く、プロがデザインしたアプリを期待しています。面接にカジュアルな服装をしないのと同じように、アプリをリリースする前に、アプリの外観を磨くために十分なリソースを投資する必要があります。ほとんどの場合、プログラマーは熟練したアーティストではない傾向があるため、プロのアーティストに仕事を依頼することを検討してください。ただし、デザインの結果について明確なビジョンがあることを確認してください。

Android アプリケーション開発に没頭していると、ユーザー インターフェイスのデザインを忘れてしまいがちです。アプリが比較的安定したら、このリストを確認して磨きをかけます。一般に、これらのタスクは、画面のコンテンツが比較的固定される開発後半まで残しておくのが最善です。

Android の視覚効果を向上させる 10 のデザインのヒントに関するその他の関連記事については、PHP 中国語 Web サイトに注目してください。