Lineamientos de desarrollo de la marca

Si desarrollas apps para usuarios de Rusia, usa los botones “Guardar en el teléfono”, ya que la Billetera de Google no está disponible en ese país. Consulta los recursos y lineamientos pertinentes. Si desarrollas para usuarios fuera de Rusia, actualiza el botón Agregar a la Billetera de Google descargando los recursos que se incluyen a continuación.

Esta sección de la documentación está diseñada para ayudarte a crear imágenes y otros elementos de la interfaz de usuario para que se vean 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 cada vez que diriges a los usuarios para 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 Google Wallet. 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 Agregar a la Billetera de Google están disponibles en formatos XML, SVG y PNG para 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 vincular directamente a un usuario con su billetera para que vea un pase o una tarjeta que guardó anteriormente. Este botón se puede usar en apps, sitios web o correos electrónicos.

Los botones 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 muestren en tu sitio, app o comunicaciones por correo electrónico deben cumplir con los lineamientos de la marca que se describen en esta página. Entre los ejemplos de estos lineamientos, se incluyen los siguientes:

  • Tamaño en relación con otros botones o elementos similares de la página
  • No se deben alterar la forma ni el color de los botones.
  • espacio en blanco

Botones localizados

Los botones de la Billetera de Google localizados 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 no hay una versión localizada del botón disponible en tu mercado, usa la versión en inglés.

Los botones Agregar a la Billetera de Google están disponibles en los siguientes idiomas: alemán, albanés, árabe, armenio, azerbaiyano, bosnio, búlgaro, catalán, chino (Hong Kong), chino (tradicional), croata, checo, danés, eslovaco, esloveno, español (Latinoamérica), español (España), estonio, filipino, finlandés, francés (Canadá), francés (Francia), georgiano, griego, hebreo, húngaro, indonesio, inglés (Australia, Canadá, Estados Unidos, Gran Bretaña, India, Singapur y Sudáfrica), islandés, italiano, japonés, kazajo, kirguís, letón, lituano, macedonio, malayo, neerlandés, noruego,, portugués (Brasil), portugués (Portugal), rumano, ruso (Bielorrusia), serbio, sueco, tailandés, turco, ucraniano, uzbeko y vietnamita.

Nombre localizado

Para brindarles claridad a los usuarios, el nombre del producto Billetera de Google se localiza en determinados mercados. Si desarrollas aplicaciones para usuarios de esos países, usa siempre el nombre localizado que se indica a continuación para la Web, el correo electrónico y el material impreso. No crees tu propia versión localizada de “Billetera de Google”. Si tu mercado no aparece en la lista que se incluye a continuación, usa “Google Wallet” en inglés.

País Nombre
Bielorrusia Billetera de Google
Brasil Carteira do Google
Chile Billetera de Google
República Checa Billetera de Google
Grecia Πορτοφόλι Google
Hong Kong Google 錢包
Lituania Billetera de Google
Polonia Billetera de Google
Portugal Carteira da Google
Rumania Billetera de Google
Eslovaquia Peňaženka Google
Taiwán Google 錢包
Türkiye Billetera de Google
EAU محفظة Google
Ucrania Billetera de Google
Estados Unidos (español)
*Usa este nombre en EE.UU. si tu IU está en español
Billetera de Google

Tamaño

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 tener el mismo tamaño que estos, o uno mayor. No crees un botón Agregar a la Billetera de Google más pequeño que los otros botones.

Estilo

Los botones 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 Condensada
Botón principal de Agregar a la Billetera de Google Botón condensado de Agregar a la Billetera de Google
Usa el botón principal en fondos blancos y claros. Usa el botón condensado si no hay suficiente espacio para el botón principal o con el ancho total.

espacio en blanco

Siempre mantén un espacio libre de 8 dp en todos los lados del botón Agregar a la Billetera de Google. Asegúrate de que el espacio libre nunca incluya elementos gráficos o texto.

Los botones Billetera de Google deben tener 8 dp de espacio libre en todos sus lados.

Altura mínima

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

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

Qué debes y no debes hacer

Qué debes hacer Lo que no debes hacer
Qué hacer: Usa solo los botones Agregar a la Billetera de Google que proporciona Google. No hagas lo siguiente: No crees tus propios botones Agregar a la Billetera de Google ni alteres la fuente, el color, el radio del botón ni el padding dentro del botón de ninguna manera.
Correcto: Usa el mismo estilo de botón en todo tu sitio. Incorrecto: No crees botones Agregar a la Billetera de Google más pequeños que los demás.
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 los demás botones. Incorrecto: No alteres el color del botón.
Qué hacer: Mantén la misma proporción del botón cuando cambies el tamaño de los botones Agregar a la Billetera de Google. No hagas lo siguiente: No cambies el tamaño del botón de forma libre.
Qué hacer: Usa la versión localizada de los botones que se proporciona. No hagas lo siguiente: No crees 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 confirmación de la app, las páginas web o los correos electrónicos. Consulta las siguientes prácticas recomendadas para guiar el diseño de tu IU.

Identificaciones corporativas

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

El botón Agregar a la Billetera de Google se coloca de forma destacada en la app de la cuenta del usuario.

Uso del nombre del producto Billetera de Google en texto

Puedes usar texto para indicarles a los usuarios que sus tarjetas de identificación corporativa están guardadas en sus dispositivos.

Escribe la letras "B" y "G" en mayúscula

Usa siempre las letras "B" y "G" en mayúscula seguidas de las letras en minúsculas para hacer referencia a la Billetera de Google. No escribas todo el nombre "Billetera de Google" en mayúscula, a menos que sea para que coincida con el estilo tipográfico de tu IU.

No abrevies Billetera de Google

Siempre escribe completos "Billetera", "de" y "Google".

Adapta las palabras al estilo de tu IU

Configura "Billetera de Google" en el mismo estilo tipográfico y de fuente que el resto del texto de tu IU. No imites el estilo tipográfico de Google.

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

Escribe siempre "Billetera de Google" en el texto localizado que se proporciona.