¿Cuáles son los principios de diseño de Android? Estilo de Vida y Elegante

¿Alguna vez te has preguntado por qué las aplicaciones que haces se ven diferentes de las disponibles en Playstore?

Si es emprendedor o aspirante, leer este artículo puede ayudarlo a ahorrar mucho dinero sin comprometer la calidad del producto.

Manteniéndose en el lugar de un inversor, él revisa casi 100 de las nuevas empresas cada día, por lo que con un vistazo del producto puede decir mucho sobre la compañía, ya sea su arranque o financiación, la cantidad de dinero y el tiempo invertido en el diseño y desarrollo del producto. . Por muy buena que sea la idea, tal vez si el producto no atrae al inversor y, lo que es más importante, al usuario, no obtendrá el recuento de descargas que está buscando.

Afortunadamente, Google ha hecho un excelente trabajo al proporcionar pautas de diseño de materiales que, cuando se siguen, ofrecen un producto final muy hermoso. Las pautas son tan detalladas que especifican el radio de las esquinas, los esquemas de color que se utilizarán e incluso la colocación adecuada de los diferentes componentes en la aplicación.

Esta es una de las muchas especificaciones proporcionadas en https://www.google.com/design/spec/material-design/introduction.html

Estas pautas no son la única forma de hacer una aplicación hermosa, los diseños excelentes como Flipboard siempre tendrán el borde superior, pero seguramente ofrecen un producto impresionante.

Entonces, cómo diseñar el material de su aplicación.

Si es completamente nuevo en este término, lea más, omita esta parte.

Primero comience a observar algunos de los componentes de diseño de materiales que se utilizan ampliamente en las aplicaciones actuales. El botón de acción flotante en Gmail que ayuda a redactar un correo.

Barra de herramientas plegable en Whatsapp que muestra la imagen de perfil del usuario en estirada y se contrae para convertirse en una barra de acción.

Hoja inferior que sale de la parte inferior de la pantalla cuando presiona el botón compartir en cualquier captura de pantalla que tome en los teléfonos Android.

Hay muchos otros componentes propuestos por google que están siendo adaptados por las aplicaciones actuales. Lea las pautas con respecto a las elevaciones del eje Z, lo que debe y no debe hacer la transición, y los conceptos de tarjetas en el diseño de materiales.

Descargue y observe algunas aplicaciones que recientemente han cambiado a versiones de diseño de materiales como LinkedIn, Facebook, Whatsapp, etc.

Para poder diseñar su material de aplicación, todo lo que necesita es un MacBook y una buena conexión a Internet para empezar.

Paso 1:

Cree una cuenta gratuita en www.zeplin.io y descargue su aplicación en su MacBook. Zeplin ayuda a colaborar con el diseñador y desarrollador. Proporciona toda la información vital, como los márgenes, los códigos de color, por lo tanto, el desarrollador puede replicar los diseños a la perfección.

Esta es una pantalla aproximada que diseñamos para nuestra aplicación Favors.

Paso 2:

Descargar boceto. Es una herramienta de diseño que es muy fácil de usar con sus componentes de arrastrar y soltar. Los archivos de bocetos se cargan en zeplin a través de la aplicación Mac de zeplin y una vez cargados en la cuenta de Zeplin, se pueden ver desde cualquier navegador, incluido el sistema operativo Windows.

Paso 3:

Descargue los componentes del boceto del sitio web oficial de Google

https://material-design.storage.googleapis.com/publish/material_v_4/material_ext_publish/0Bzhp5Z4wHba3Um5ab3pCNElwakE/stickersheet_components_160314.sketch

Etapa 4:

Arrastre y suelte los componentes para construir su estructura alámbrica y cargue los archivos en Zeplin

Ahora su desarrollador puede ver las pantallas en Zeplin con los detalles adecuados sobre el espacio, los códigos de color, las fuentes utilizadas, incluso los iconos utilizados se pueden descargar en todos los tamaños (mdpi, hdpi, etc.).

La parte de implementación de estos componentes requiere el uso de la biblioteca de soporte de diseño de Android que tiene diseño de Coordinador, snack bar, hoja inferior, etc.

Espero que este artículo ayude a otros empresarios a construir productos competitivos al menor costo. Por supuesto, si tiene fondos, no comprometa sus gastos con el diseñador, pero si tiene un presupuesto muy ajustado, seguir algunas pautas básicas de diseño de materiales lo hará por el momento.

En Favors estamos construyendo nuestra aplicación sin la ayuda de ningún diseñador profesional todavía y estamos bastante satisfechos con nuestro progreso. Compartir algunas capturas de pantalla

Si encuentra útil este artículo o si tiene alguna duda, conéctese conmigo.

Para Favors estamos buscando un mentor que haya sido un profesional independiente con experiencia, por lo tanto, conoce los problemas en el mercado indio para que podamos modificar nuestro producto en consecuencia.

Shivam Seth

[correo electrónico protegido]

7380440580