You are on page 1of 52

Empezar

Visin Creativa
Nos hemos enfocado en el diseo de Android con estos tres puntos principales: Sedceme, simplifica mi vida y
sorprndeme. Esta es la visin creativa.

Esta web usa cookies para mejorar la experiencia de usuario. Aceptar Leer ms

converted by Web2PDFConvert.com
Principios de Diseo
Estos principios de diseo fueron desarrollados por el Equipo de Experiencia de Usuario Android teniendo en mente los
intereses de los usuarios.

converted by Web2PDFConvert.com
Material Design

Material Design
Material design es una gua completa para el diseo de los elementos visuales, movimientos e interacciones en todas las
plataformas y dispositivos.

converted by Web2PDFConvert.com
Dispositivos

Telfonos y Tablets
Los aspectos ms importantes de los telfonos y tablets son la pantalla de inicio, la navegacin global del dispositivo y las
notificaciones.

converted by Web2PDFConvert.com
Android Wear
Disear apps para dispositivos wearable que utilizan Android Wear es significativamente diferente a disear para telfonos
o tablets.

converted by Web2PDFConvert.com
Android TV
La interfaz de usuario de Android TV proporciona ciertos elementos para poder ejecutar tus apps con una grata experiencia
en pantallas grandes.

converted by Web2PDFConvert.com
Estilo

Dispositivos y Pantallas
Android est presente en millones de telfonos, tablets y otros dispositivos en una amplia variedad de tamaos y formas de
pantallas.

converted by Web2PDFConvert.com
Temas
converted by Web2PDFConvert.com
Los Temas en Android sirven para aplicar un estilo consistente a una aplicacin o a una actividad. Especifica las
propiedades visuales de los elementos.

Retroalimentacin tctil
La mayora de los elementos de la interfaz de Android tienen retroalimentacin tctil incorporada, facilitando as la
incorporacin durante el desarrollo.

converted by Web2PDFConvert.com
converted by Web2PDFConvert.com
Medidas y cuadrculas
Los dispositivos varan tamao fsico y en la densidad de pantalla. Para facilitar el diseo de tu app observa las medidas y
cuadrculas de esta gua.

converted by Web2PDFConvert.com
Tipografa
El lenguaje de diseo de Android se basa en las herramientas de tipografa tradicionales como la escala, espacio, cadencia
y alineamiento con la cuadrcula.

converted by Web2PDFConvert.com
Colores
El color que predomina es el azul. Los colores tienen a su vez un tono similar un poco ms oscuro que puede ser usado
como complemento cuando sea necesario.

Iconografa
Un icono es una imagen que proporciona una rpida e intuitiva representacin de una accin, un estado o una aplicacin.
Una buena iconografa es esencial.

converted by Web2PDFConvert.com
Tu marca
Usa el color de tu marca, para destacar los elementos de tu aplicacin como pueden ser las cajas de verificacin, botones o
pestaas entre otros.

converted by Web2PDFConvert.com
Estilo de escritura
Tu estilo de escritura debe ser conciso, simple y amistoso, Ten cuidado con el formato de texto, es decir, con el uso de las
maysculas y la puntuacin.

converted by Web2PDFConvert.com
Pautas

Nuevo en Android
Echa un vistazo a todo lo nuevo que hay en las ltimas versiones de Android: Lollipop 5.0, Kitkat 4.4, Jelly Bean 4.1 e Ice

converted by Web2PDFConvert.com
Cream Sandwich 4.0.

converted by Web2PDFConvert.com
Gestos
Los gestos permiten a los usuarios la interaccin con tu app manipulando los objetos en pantalla que tu proporcionas.
Estos son los gestos soportados.

converted by Web2PDFConvert.com
Estructura de una app
La estructura de tu aplicacin depender de la cantidad de contenido y tareas (superficiales) que quieres que puedan
realizar tus usuarios gracias a tu app.

converted by Web2PDFConvert.com
Navegacin
Pocas cosas pueden frustrar a los usuarios ms que una navegacin que se comporta de forma incoherente o inesperada.
Sigue estas pautas para evitarlo.

converted by Web2PDFConvert.com
Action Bar (Barra de Acciones)
La action bar es un elemento en la zona superior de la app, que muestra el estado o ubicacin actual dentro de la
aplicacin adems de botones de accin.

converted by Web2PDFConvert.com
Navigation Drawer (Cajn de Navegacin)
El navigation drawer es un panel lateral que aparece desde el lado izquierdo de la pantalla y muestra las opciones
principales de navegacin de la app.

converted by Web2PDFConvert.com
converted by Web2PDFConvert.com
Layout Multi-Panel
Cuando escribes una app para Android, piensa que los dispositivos que soportan este sistema operativo tienen diferentes
tamaos y tipos de pantalla. Asegrate de que tu app proporciona una disposicin agradable, balanceada y consistente al
ajustar su contenido...

converted by Web2PDFConvert.com
Vistas deslizables
Las vistas deslizables permiten al usuario moverse eficientemente desde un elemento hasta otro con un simple gesto
mejorando la navegacin en tu app.

converted by Web2PDFConvert.com
Pantalla Completa
Puedes hacer que los usuarios se sumerjan profundamente al mostrar el contenido en Pantalla Completa para as
minimizar todas las distracciones al mnimo.

converted by Web2PDFConvert.com
Seleccin
La contextual action bar (CAB) es una barra de acciones temporal que superpone la barra de acciones existente en tu app
tras la seleccin de un elemento.

converted by Web2PDFConvert.com
Confirmar y Reconocer
En algunas situaciones, cuando el usuario va a realizar una accin, es una buena idea que puedan confirmar o reconocer
esa accin a travs de texto.

converted by Web2PDFConvert.com
converted by Web2PDFConvert.com
Notificaciones
El sistema de notificaciones permite a tu app mantener al usuario informado sobre todo lo que ocurra como un nuevo
mensaje o algn evento del calendario.

converted by Web2PDFConvert.com
Widgets
Los widgets son una parte esencial de la personalizacin de la pantalla de inicio para que el usuario pueda acceder a
informacin de tu app rpidamente.

converted by Web2PDFConvert.com
Ajustes
Los ajustes sirven para que los usuarios indiquen las preferencias que desean en tu app y as el comportamiento de la app
se adapte a sus necesidades.

converted by Web2PDFConvert.com
Ayuda
Aqu puedes ver las pautas de diseo para proporcionar Ayuda en tu app, adems de una serie de consejos para que
muestres a los usuarios ms entusiastas.

converted by Web2PDFConvert.com
Compatibilidad
Presta atencin a la compatibilidad de tu aplicacin con dispositivos que ejecutan una versin antigua o que incluyen
botones fsicos en vez de virtuales.

converted by Web2PDFConvert.com
Accesibilidad
La Accesibilidad es una medida de como un producto puede utilizarse con xito por personas con habilidades
completamente diferentes.

converted by Web2PDFConvert.com
Android Puro
El diseo de tu app se tiene que basar en Android Puro, ya que si utilizas caractersticas del diseo de otras plataformas
confundiras al usuario.

converted by Web2PDFConvert.com
Bloques De Construccin

Android Auto
Android Auto proporciona una interfaz de usuario estandarizada y un modelo de interaccin para el usuario que funciona
en todos los vehculos.

converted by Web2PDFConvert.com
Pestaas (Tabs)
Las tabs (pestaas) en la action bar facilitan explorar y desplazarse entre las vistas o aspectos fundamentales de tu app,
adems de clasificar los datos.

converted by Web2PDFConvert.com
Listas (Lists)
Las listas muestran varias lneas de elementos en una disposicin vertical. Pueden utilizarse para agrupar conjuntos de
datos y facilitar la navegacin.

converted by Web2PDFConvert.com
Listas en Cuadrcula (Grid Lists)
Las Listas en Cuadrcula son una alternativa a las listas normales. Son excelentes para mostrar conjuntos de datos que se
representan a travs de imgenes.

converted by Web2PDFConvert.com
Desplazamiento (Scrolling)
El desplazamiento permite por el contenido mediante gestos de deslizamiento. La velocidad de los desplazamientos
depende de la velocidad de los gestos.

converted by Web2PDFConvert.com
Mens Spinners
Los mens spinner proporcionan una forma rpida de seleccionar un valor entre un conjunto de datos. Tocar uno
desplegar el men para ver todos los valores.

converted by Web2PDFConvert.com
Botones (Buttons)
Los botones comunican claramente que ocurrir una accin si son presionados. Pueden tener una imagen, un texto, o
ambas cosas al mismo tiempo.

converted by Web2PDFConvert.com
Campos de Texto (Edit Texts)
Los campos de texto (Edit Texts en Android Studio) permiten al usuario introducir textos en tu app. Pueden ser tanto de

converted by Web2PDFConvert.com
lnea nica como de varias lneas.

converted by Web2PDFConvert.com
Barras de Bsqueda (Seek Bars)
Las barras de bsqueda (seek bars) o los deslizadores (sliders) facilitan seleccionar un valor dentro de un rango de valores
continuo o discreto.

converted by Web2PDFConvert.com
Progreso y Actividad
Progreso y actividad se resume en que las barras de progreso y los indicadores de actividad avisan al usuario de que algo
est ocurriendo durante un tiempo.

converted by Web2PDFConvert.com
Interruptores (Switches)
Los interruptores (switches) permiten al usuario seleccionar opciones. Hay tres tipos de interruptores: Checkboxes, Radio
Buttons, Switches on/off.

converted by Web2PDFConvert.com
Dilogos (Dialogs)
Los dilogos sirven para que los usuarios tomen ciertas decisiones u obtengan informacin adicional que la app requiere
para poder continuar una tarea.

converted by Web2PDFConvert.com
Pickers
Los pickers proporcionan un modo sencillo que permite seleccionar un valor nico dentro de un conjunto de valores. Son
excelentes para las fechas u horas.

converted by Web2PDFConvert.com
Diseo en ingls
Puedes ver ms informacin en la pgina oficial de Google en ingls.

DISEO

Sgueme en

Donar

Suscrbete a la web por correo electrnico


nete a otros 50 suscriptores

Direccin de email

SUSCRIBIR

converted by Web2PDFConvert.com
Nombre de usuario

Contrasea

Recordarme

IDENTIFCATE Registrar

Quin somos?
Sobre Android

2015 Desarrollador Android

converted by Web2PDFConvert.com

You might also like