web-dev-qa-db-fra.com

Comment faire des applications belles et élégantes comme Timely

Une citation de Google en termes de conception et quelques exemples d'applications:

En fonction de ce que Google a déclaré dans http://developer.Android.com/ dans la section conception, un développeur doit envisager trois buts:

  • Enchante moi
  • Simplifie ma vie
  • Rends-moi incroyable

De quels BTW nous sommes conscients.

En regardant de nombreuses applications réussies sur Play Store, vous pouvez voir qu'elles ont été conçues en suivant les directives de Google en matière de conception et utilisent en grande partie les composants identiques et la thématisation et les styles que Google a utilisés dans leurs propres applications.

Beaucoup de gens apprécient ce type de conceptions ainsi que ces normes Android en termes de thèmes et de composants, mais lorsque vous regardez certaines applications dans Playstore ou les applications de certains fabricants de matériel comme samsung qui ont construit leurs applications spéciales (comme Galaxy Note 10.1 application de prise de notes ) ou application météo asus ou en magasin l'application Timely qui est impressionnante en termes de fonctionnalités et de conception bien sûr, vous pouvez constater qu'ils utilisent différents types de conception et de composants.


Maintenant approfondissons ce que Google dit :

Une application typique Android utilise des barres d’action, et de nombreuses applications incluent un tiroir de navigation.

Comme ceux-ci:

La barre d'action: enter image description here

Le tiroir de navigation:

enter image description here

Et d'autres composants standard sur Android.

Mais comment certains développeurs peuvent-ils rendre les applications aussi belles et fonctionnellement parfaites (presque!) Comme les applications Timely et n'utilisant pas la plupart des Android composants typiques définis par google.


Jetons un coup d'oeil à Timely app:

C'est l'écran où l'utilisateur peut voir les alarmes où il/elle pourrait en régler une ou simplement regarder l'horloge:

enter image description hereenter image description here

Maintenant, les questions qui me viennent à l’esprit sont les suivantes:

  • Comment puis-je thème mon application comme ça?
  • Comment puis-je créer de telles animations en arrière-plan et les utiliser dans mes applications?
  • Est-ce que leurs développeurs ont utilisé l’unité et Eclipse ensemble pour le faire fonctionner comme une Android app?
  • S'ils ont utilisé l'unité, comment se fait-il que l'application soit très fluide?
  • Dans sa barre d'actions, comment l'ont-ils colorisé et défini l'opacité de l'objet?
  • Quel genre de classe d'animation peut faire ce qu'ils ont fait dans l'application? (comme l'animation qui change l'heure)
  • S'ils ont utilisé l'unité, comment se fait-il que la taille de leur application soit de 10 Mo?

Il existe de nombreuses autres applications comme celle-ci (pas à 100% identiques) qui ont leur propre design.

Autant que je sache, il n’ya pas beaucoup de sites Web offrant des composants personnalisés pour Android comme http://androidviews.net/ il semble donc que nous sommes obligés de fabriquons nos propres composants, ce qui prend du temps et à cette époque (2013) n’est pas parfait alors que pour iOS, il existe des tonnes de composants personnalisés fabriqués par d’autres sociétés.

J'ai aussi regardé le site Web de l'application Timely, et dans leur section FAQ , il y a un endroit où ils ont dit qu'ils révéleraient quoi et comment ils ont fait la thématisation, la coloration et des composants, mais comme il n’existe pas de calendrier pour leur annonce et que je n’aime pas rester dans les zones sombres, je suis venu ici pour vous interroger des experts.

Ceci est la citation de leur site web :

Je suis développeur et je n'arrive pas à comprendre comment vous avez réalisé ces animations et effets de couleurs.

Nous prévoyons d'avoir un blog sur l'ingénierie à l'avenir. Restez à l'écoute!

Si vous savez comment créer des applications comme celles-ci ou si vous connaissez une partie de leur type d'animations, de composants, d'astuces et de hacks qu'ils ont utilisés, alors vous venez de faire ma journée.

68
Nima Sakhtemani

Ils ont fait une présentation dans laquelle ils expliquent comment ils calculent les couleurs de la vue, les problèmes qu’ils ont rencontrés et quelques autres conseils utiles. La vidéo de la présentation est disponible sur leur chaîne YouTube

Le morphing numérique est assez simple et expliqué dans cet article et vous pouvez trouver la classe View complète de l'article ici .


De Android vérification du site Web du développeur vous permettant de créer de belles applications puissantes et performantes c'est tout simplement génial.

Android Design , un guide de style en ligne décrivant les principes, les blocs de construction et les modèles d’excellence pour les interfaces utilisateur Android). Il semble fonctionner;

J'espère que cela répond à au moins une de vos questions.

62
jankovd