Lineamientos de desarrollo de la marca

Si estás desarrollando contenido para usuarios de 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 contenido para usuarios que no residen en Rusia, descarga los siguientes recursos para actualizar 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 de modo que se vean geniales 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 cada vez que les pides 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. Gracias a estos flujos, se muestra la app de la Billetera de Google, en la que los usuarios pueden seguir las instrucciones para guardar pases en sus dispositivos Android y Cuentas 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 formato XML, SVG y PNG de Android.

Descargar recursos - Android XML 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 establecer un vínculo directo con un usuario a su billetera y ver un pase o una tarjeta que se guardó 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 del sitio, la app o el 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:

  • Tamaño en relación con 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 en todos los mercados en los que está disponible. Si desarrollas contenido para usuarios de estos 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 de 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 ciertos mercados. Si desarrollas contenido para usuarios de esos países, usa siempre el nombre localizado que aparece a continuación para la Web, el correo electrónico y la impresión. 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 Poco
Brasil Carteira do Google
Chile Billetera de Google
República Checa Peněženka Google
Grecia ΠΠΠvTPM dormitoriof de Google
Hong Kong Google 錢包
Lituania Google
Polonia Portfel Google
Portugal Carteira da Google (Carteira da Google)
Rumania Portofel Google
Eslovaquia Pepairaženka Google
Taiwán Google 錢包
Turquía Google Cuzdan
Emiratos Árabes Unidos
Ucrania Cuenta de Google
Estados Unidos (español)
*Usa este nombre en EE.UU. si la IU está en español.
Billetera de Google

Tamaño

Ajusta el alto 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 igual o mayor tamaño. 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 condensada. 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

Mantén siempre el 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 libre nunca esté roto 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 para 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 se debe hacer Incorrecto
Qué hacer: Usa solo los botones Agregar a la Billetera de Google que proporciona Google. No debes crear tus propios botones Agregar a la Billetera de Google ni modificar la fuente, el color, el radio del botón ni el relleno de ningún modo.
Qué hacer: Usa el mismo estilo de botón en todo el 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 de 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 con libertad.
Qué hacer: 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 de la app de confirmación, en las páginas web o en los correos electrónicos. Consulta las siguientes prácticas recomendadas para guiar el diseño de la IU.

ID del 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 que se destaca 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 indicarle al usuario que su ID del campus está guardado en su dispositivo.

Escribir con mayúsculas las letras “G” y “W”

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 escribas con mayúscula el nombre completo "Billetera de Google", a menos que coincida con el estilo tipográfico de la IU.

No abrevias la Billetera de Google

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

Combina con el estilo de tu IU

Configura "Billetera de Google" con la misma fuente y estilo tipográfico que el resto del texto de la 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.