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 [Link]
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 [Link]
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 [Link]
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 [Link]
Android Wear
Disear apps para dispositivos wearable que utilizan Android Wear es significativamente diferente a disear para telfonos
o tablets.
converted by [Link]
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 [Link]
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 [Link]
Temas
converted by [Link]
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 [Link]
converted by [Link]
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 [Link]
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 [Link]
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 [Link]
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 [Link]
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 [Link]
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 [Link]
Cream Sandwich 4.0.
converted by [Link]
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 [Link]
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 [Link]
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 [Link]
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 [Link]
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 [Link]
converted by [Link]
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 [Link]
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 [Link]
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 [Link]
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 [Link]
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 [Link]
converted by [Link]
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 [Link]
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 [Link]
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 [Link]
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 [Link]
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 [Link]
Accesibilidad
La Accesibilidad es una medida de como un producto puede utilizarse con xito por personas con habilidades
completamente diferentes.
converted by [Link]
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 [Link]
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 [Link]
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 [Link]
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 [Link]
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 [Link]
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 [Link]
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 [Link]
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 [Link]
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 [Link]
lnea nica como de varias lneas.
converted by [Link]
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 [Link]
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 [Link]
Interruptores (Switches)
Los interruptores (switches) permiten al usuario seleccionar opciones. Hay tres tipos de interruptores: Checkboxes, Radio
Buttons, Switches on/off.
converted by [Link]
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 [Link]
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 [Link]
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 [Link]
Nombre de usuario
Contrasea
Recordarme
IDENTIFCATE Registrar
Quin somos?
Sobre Android
2015 Desarrollador Android
converted by [Link]