Lineamientos de desarrollo de la marca

Si desarrollas apps para usuarios ubicados en Rusia, usa los botones “Guardar en el teléfono”, ya que la Billetera de Google no está disponible en esos países. Consulta los lineamientos y recursos relevantes. Si desarrollas apps para usuarios fuera de Rusia, descarga los siguientes recursos y actualiza el botón Agregar a la Billetera de Google.

Esta sección de la documentación está diseñada para ayudarte a crear imágenes y otros elementos de la interfaz de usuario a fin de que se vean muy bien en la app de la Billetera de Google.

Recursos

Botón Agregar a la Billetera de Google

El botón Agregar a la Billetera de Google se usa cuando les indicas a los usuarios que guarden un pase o una tarjeta de tu app o sitio web en su billetera. El botón Agregar a la Billetera de Google debe llamar a uno de los flujos de la API de la Billetera de Google. Estos flujos muestran la app de la Billetera de Google, en la que los usuarios pueden seguir las instrucciones para guardar pases en su dispositivo Android y su Cuenta de Google. Este botón se puede usar en apps, sitios web o correos electrónicos.

Los botones para agregar a la Billetera de Google están disponibles en los formatos XML, SVG y PNG de Android.

Descargar recursos - XML de Android Descargar recursos - SVG Descargar recursos - PNG

Botón Ver en la Billetera de Google

El botón Ver en la Billetera de Google se usa para vincular directamente a un usuario con su billetera para ver un pase o una tarjeta que se hayan guardado anteriormente. Este botón se puede usar en apps, sitios web o correos electrónicos.

Los botones para ver en la Billetera de Google están disponibles en formato SVG y PNG.

Descargar recursos: SVG Descargar recursos: PNG

Todos los botones que se muestran en las comunicaciones de tu sitio, app o correo electrónico deben cumplir con los lineamientos de desarrollo de la marca que se describen en esta página. Algunos ejemplos de estos lineamientos son los siguientes:

  • Es el tamaño relativo a otros botones o elementos similares de la página.
  • No se deben modificar la forma ni el color de los botones
  • espacio en blanco

Botones localizados

Los botones localizados de la Billetera de Google se proporcionan para todos los mercados en los que está disponible la Billetera. Si desarrollas apps para usuarios de esos mercados, usa siempre los botones vinculados más arriba. No crees tu propia versión de los botones. Si una versión localizada del botón no está disponible en tu mercado, usa la versión en inglés del botón.

Los botones para agregar a la Billetera de Google están disponibles en albanés, árabe, español,

Nombre localizado

Para mayor claridad para el usuario, el nombre del producto de la Billetera de Google está localizado en mercados seleccionados. Si desarrollas apps para usuarios de esos países, usa siempre el nombre localizado que aparece a continuación para la Web, el correo electrónico y los materiales impresos. No crees tu propia versión localizada de "Billetera de Google". Si tu mercado no aparece a continuación, usa “Billetera de Google” en inglés.

País Nombre
Bielorrusia Google Желек
Brasil Carteira do Google
Chile Billetera de Google
República Checa Peněženka Google
Grecia ‟Πок️General”
Hong Kong Google 錢包
Lituania Google Pinigineng
Polonia Portfel Google
Portugal Carteira da Google
Rumania Portofel Google
Eslovaquia Pecfaženka, Google
Taiwán Google 錢包
Türkiye Google Cüzdan
EAU
Ucrania Cuenta de Google
Estados Unidos (español)
*Usa este nombre en EE.UU. si tu IU está en español.
Billetera de Google

del vocab.

Ajusta la altura y el ancho del botón Agregar a la Billetera de Google para que se adapte a tu diseño. Si hay otros botones en la página, el botón Agregar a la Billetera de Google debe ser de un tamaño igual o más grande. No hagas que el botón Agregar a la Billetera de Google sea más pequeño que otros botones.

Estilo

Los botones para agregar a la Billetera de Google están disponibles en dos variantes: principal y condensado. El botón Agregar a la Billetera de Google solo está disponible en negro. Se proporcionan versiones localizadas del botón. No crees botones con tu propio texto localizado.

Principal Condensed
Botón principal Agregar a la Billetera de Google Botón Agregar a la Billetera de Google condensado
Usa el botón principal sobre fondos blancos y claros. Usa el botón condensado si no hay suficiente espacio para el ancho principal o el ancho completo.

espacio en blanco

Siempre mantén un espacio libre mínimo de 8 dp en todos los lados del botón Agregar a la Billetera de Google. Asegúrate de que el espacio en blanco nunca se rompa con gráficos o texto.

Los botones para agregar a la Billetera de Google deben tener 8 dp de espacio en todos los lados.

Altura mínima

Todos los botones Agregar a la Billetera de Google deben tener una altura mínima de 48 dp.

Los botones para agregar a la Billetera de Google deben tener una altura mínima de 48 dp.

Sugerencias y precauciones

Lo que debes hacer Incorrecto
Sugerencia: Usa solo los botones Agregar a la Billetera de Google proporcionados por Google. No debes crear tus propios botones Agregar a la Billetera de Google ni alterar la fuente, el color, el radio de los botones o el padding dentro del botón de ninguna manera.
Sugerencia: Usa el mismo estilo de botón en todo tu sitio. Lo que no debes hacer: Haz que los botones Agregar a la Billetera de Google sean más pequeños que otros botones.
Qué hacer: Asegúrate de que el tamaño de los botones Agregar a la Billetera de Google sea igual o mayor que el de otros botones. Lo que no debes hacer:Modifica el color del botón.
Sugerencia: Mantén la misma proporción del botón cuando cambies el tamaño de los botones Agregar a la Billetera de Google. Lo que no debes hacer: Escala el botón libremente.
Sugerencia: Usa la versión localizada proporcionada de los botones. No debes crear tu propia versión localizada del botón.

Prácticas recomendadas para la colocación de botones

Muestra el botón Agregar a la Billetera de Google en las pantallas, las páginas web o los correos electrónicos de la app de confirmación. Consulta las siguientes prácticas recomendadas para guiar el diseño de la IU.

IDs de campus

Muestra el botón Agregar a la Billetera de Google en las pantallas de la app de confirmación.

Botón Agregar a la Billetera de Google ubicado de forma destacada en la app de la cuenta de estudiante.

Uso del nombre del producto de la Billetera de Google en el texto

Puedes usar texto para indicar al usuario que su ID del campus se guardó en su dispositivo.

Escribe la letra “G” y la “W” en mayúscula

Usa siempre una “G” mayúscula y una “W” mayúscula seguida de letras minúsculas para hacer referencia a la Billetera de Google. No uses mayúsculas en el nombre completo “Billetera de Google”, a menos que coincida con el estilo tipográfico de tu IU.

No abrevies la Billetera de Google

Escribe siempre las palabras "Google" y "Billetera".

Adapta las palabras al estilo de tu IU

Configura “Billetera de Google” con la misma fuente y estilo tipográfico que el resto del texto en tu IU. No imites el estilo tipográfico de Google.

Usar siempre la versión localizada de "Billetera de Google"

Escribe siempre "Google Wallet" en la copia localizada proporcionada.