Conception directives Android: ce qu'ils sont et pourquoi vous devriez les suivre

Quelles sont les lignes directrices de conception pour matériel?

Google complètement remanié l'interface utilisateur pour Android 5.0 dans Lollipop. L'interface utilisateur a maintenant des couleurs vives et des "cartes" qui ont ombres ainsi que de nouvelles animations qui font paraître comme ils sont glisser en place. Google a également introduit un troisième axe qui donne aux développeurs un espace 3D à travailler avec. L'axe Z, ainsi que l'éclairage, est utilisé pour la perspective de faire de l'espace un aspect plus 3D. Tous les trois axes peuvent être modifiés dans l'espace 3D pour donner de la profondeur ainsi. Il existe une série d'autres facteurs qui entrent dans l'interface utilisateur incluant mais non limité à:

• Les animations doivent prendre en compte le poids et la masse comme dans la vie réelle, ainsi que l'accélération et la décélération. Assurez-vous que tous les animations suivent le même chemin afin qu'ils ne confondent pas l'utilisateur. Transition entre deux objets doit avoir, un chemin évident clairement aller entre ces objets.
• Limitez le nombre de couleurs dans votre application à trois des 500 couleurs Google fournit une seule couleur d'accent. L'opacité de texte peut également être utilisé pour indiquer l'importance de certains éléments. Les icônes sont inspirés par réels copies papier physiques du matériau. Les images doivent avoir le sens et devraient être délicieux. Couleurs d'applications avec des couleurs de l'image correspondant peut ajouter un effet propre agréable. Ne pas utiliser la photographie de stock, il n'a pas de vision unique ou créatif, ont également un point de focalisation claire. Il peut aussi être une bonne idée de créer une histoire avec une image, ce qui rend plus intéressant pour l'utilisateur. Utilisez les meilleures images de qualité lorsque possible, en utilisant des images dégradées feront même les meilleures applications mal paraître.
• La mise en page de l'application doit se comporter comme un ou des morceaux de papier réelle, coutures peuvent être utilisés et un bouton flottant peuvent être placés sur la couture si ce bouton est pertinent pour les deux côtés du papier. Densité de pixels est une partie importante lors de la conception d'une application, pour trouver la densité de pixels prendre la largeur ou la hauteur en pixels et le diviser par la largeur ou la hauteur en pouces. Il ya aussi indépendante de la densité des pixels qui mettra à l'échelle les éléments d'interface utilisateur indépendamment de la densité de pixel. Un DP est défini comme dp = (largeur en pixels * 160) de densité / écran. Pixels évolutifs fonctionnent comme indépendante de la densité de pixels, mais pour les polices. Tous les éléments de l'application rallient à une grille carrée de base 8 dp pour le rembourrage et aligne le texte à une grille de 4 dp.

Google va dans abrutissante de détails sur chaque aspect de l'interface utilisateur Ici. Il est important de suivre autant que possible les lignes directrices, cela assurera la meilleure expérience pour l'utilisateur et de fournir la meilleure continuité entre les applications et le système d'exploitation.

Android Bibliothèque de conception et de support pour lesquelles vous devriez l'utiliser

La Bibliothèque Design Support Android permet appareils plus anciens pour obtenir un goût des conceptions les plus récentes et du plus récent système d'exploitation Android. Google fournit un code qui permet aux développeurs d'intégrer les nouveaux éléments de l'interface utilisateur ici. Cet exemple de code est l'affichage du contenu d'un tiroir de navigation:



xmlns: android = "http://schemas.android.com/apk/res/android"
xmlns: app = "http://schemas.android.com/apk/res-auto"
Android: layout_width = "match_parent"
Android: layout_height = "match_parent"
Android: fitsSystemWindows = "true">

Android: layout_width = "wrap_content"
Android: layout_height = "match_parent"
Android: layout_gravity = "start"
application: headerLayout = "@ layout / drawer_header"
app: Menu = "@ Menu / tiroir" />

Tant que l'appareil Android fonctionne Android 2.1 ou supérieur, ce qui peut être mis en œuvre dans l'application. La Bibliothèque de conception de soutien Android devrait être utilisé chaque fois que possible pour assurer qu'une application peut fonctionner sur les versions antérieures du système d'exploitation, à moins que l'application est spécialement conçu pour les appareils Android fonctionnant 5.0 et au-dessus. Pour utiliser la bibliothèque, importer la dépendance Gradle indiqué ci-dessous.

compiler 'com.android.support:design:22.2.0'
Insertion ce dans le fichier Gradle permettra l'utilisation de la Bibliothèque de conception de soutien Android et permettre l'utilisation des fonctionnalités matérielles comme sur les appareils fonctionnant sous une version Android 5.0 avant Lollipop. Cela donnera à l'application un aspect plus uniforme dans la plupart des versions d'Android.

Conclure

Google a entré dans le détail incroyable quand il vient à la conception du matériel. Le matériel a été construit à partir du sol et tout a été refait. Heureusement, des exemples de code et l'aide sont disponibles pour les débutants ou les faibles de cœur. Tout cela exige un nouveau style Android 5.0 Lollipop ou au-dessus, cependant, Google ne proposer Design Support Library Android. Sans trop de travail, ce qui permet les appareils fonctionnant sous Android 2.1 à moins d'être en mesure de tirer profit de l'esthétique Matériel-comme. Cela permettra d'assurer l'application présente une continuité à travers les différentes versions d'Android.