Android ICS/JB Photoshop GUI Design Kit[Descarga gratuita]

Android
Actualización:Android UI Design Kit PSD ha sido actualizado a 4.2 ! En diciembre de 2011, publiqué la primera versión de Android ICS GUI Design Kit y desde entonces, se ha descargado más de 9000 veces. No una gran cantidad, pero al menos espero que ya haya ayudado a algunos diseñadores/desarrolladores de aplicaciones a hacer maquetas rápidas de aplicaciones. Y desde que se lanzó Jelly Bean, he decidido actualizar el kit de diseño con algunos elementos nuevos de la interfaz de usuario de Jelly Bean, y un nuevo material en él - Application Design Templates (ADT). Detalles Similar a 1.0, la motivación principal de hacer esto es sólo para proporcionar algunos elementos de stock de Android 4.0+ (Ice Cream Sandwich/Jelly Bean) en un único archivo.psd para que el diseñador de aplicaciones…
Leer más

Android Design Mock Up Preview Kit para Photoshop y Powerpoint[Descarga gratuita]

Android
Estaba trabajando en una solicitud de un cliente para una vista previa de pantalla realista en un dispositivo con fines de marketing, y me di cuenta de que, si bien hay tanto amor por la maqueta del iPhone/iPad, rara vez hay un kit de maqueta de vista previa para dispositivos Nexus para gratis . Así que mientras estoy trabajando en esa solicitud, también he hecho el Android Design Mock Up Preview Kit (Nexus 5) disponible gratuitamente para cualquier uso. Qué esperar 1 x archivo de Adobe Photoshop (.PSD) 1 x archivo Microsoft Powerpoint (.PPTX) Mi mano izquierda (en la imagen, no la física) Dispositivo Nexus 5 con objeto inteligente reemplazable para la pantalla Cómo usar Es bastante sencillo usarlos. Debe tener la captura de pantalla/imagen de prueba (idealmente en formato…
Leer más

Android Wear UI Design Kit para Photoshop 0.1[Descarga gratuita]

Android
Como ya sabrás, Google ha anunciado Android Wear diseñado específicamente para prendas de vestir, y estoy muy entusiasmado con ello: un nuevo factor de forma y una nueva interfaz de usuario/UX para explorar (y la sexy Moto 360 ). Estaba jugando con una pequeña aplicación llamada Haze Watch (para monitorizar el estado de Haze en Malasia), y es realmente divertido - con ese estado de pantalla tan limitado, es realmente importante mostrar sólo información crucial que está pensada para un vistazo, no para leer - y este principio de diseño está bien explicado en la Guía de diseño oficial . Realmente estoy deseando ver cómo Android Wear cambia el nuevo mercado de prendas de vestir, supongo que con mucha ilusión por delante? Android Wear UI Design Kit para Photoshop 0.1…
Leer más

Android UI Design Kit para Google Slides 1.0[Free Template]

Android
Después de publicar Android UI Design Kit para Microsoft Powerpoint el mes pasado, he recibido algunos comentarios muy agradables sobre la utilidad del kit de diseño en una herramienta con la que están fácilmente familiarizados, y algunos de ellos muestran interés en una versión de Google Slides. Eché un vistazo a las diapositivas de Google en ese entonces, y decidí no hacer una versión de diapositivas debido a la falta de la fuente Roboto disponible en Google Slides (tal vez me la perdí en ese entonces, pero no vi ninguna otra fuente extra). Después del Google I/O, descubrí que es posible usar fuentes Roboto (sólo Regular y Condensado, pero ya son suficientes para el propósito de la maqueta) en Google Slides, por lo tanto me adelanté y traté de convertir…
Leer más

Consejos para Android UI/UX #1

Android
Dándome cuenta de que es casi imposible escribir un post para cada uno de los consejos de UI/UX que tengo en mente (excepto aquellos que merecen una discusión), he decidido salir ocasionalmente con Consejos de UI/UX de Android. Así que en el 1er Android UI/UX Tips ,miraré algunas aplicaciones oficiales de Android de Google (Google+ , Google Drive , Email), así como TED app, y hablar sobre algunos errores de UI/UX en ellos y sus posibles mejoras. Evite el uso de colores confusos o inapropiados Color , especialmente cuando se relaciona con elementos de la interfaz, es un factor importante en el diseño de un gran UX. Cuando se utiliza correctamente, puede proporcionar retroalimentación o información inmediata al usuario y crear confianza en la interacción del usuario. Botón Enviar de…
Leer más

Obtenga una vista previa de su diseño de iconos de iOS/Android App con Iconpreview.com

Android
La mayoría de las veces, además del diseño de la interfaz de usuario, la mayoría de los diseñadores se encargarán de diseñar el icono del lanzador que acompaña a la aplicación, y creo que no hay mejor manera de previsualizar el diseño que mostrándolas en la pantalla de inicio del dispositivo real (al menos para mí). Por eso he estado trabajando con mi amigo, Henry Lim (una talentosa tecnología web GDE) para crear una sencilla aplicación web - iconpreview.com , que funciona tanto para iOS como para Android (sólo para Android 7.1 e inferiores, sin soporte para icono de adaptación). Es muy sencillo - sólo tiene que navegar hasta iconpreview.com , seleccionar el diseño del icono del lanzador con el formato y tamaño adecuados (PNG, 192px×192px), darle un nombre, subirlo,…
Leer más

Yes Life para Android rediseñado

Android
Ha pasado mucho tiempo desde mi última entrada en el blog, pero definitivamente sigo trabajando en toneladas de Android Design (en privado) y a menudo son muy inspiradores, que espero poder compartir en un futuro próximo si es posible. Hoy me gustaría compartir algunos rediseños para una aplicación que es local a mi país de origen. La aplicación llamada Yes Life , que básicamente es una aplicación que permite al usuario llamar y enviar SMS a cualquier número local desde cualquier parte del mundo con conexión a Internet. A continuación se muestran algunas pantallas de la aplicación actual: Hay pocas cosas en la aplicación que motivaron el rediseño: Casi el 90% de iOS UI Style (y feo) (Muy) Sistema de navegación defectuoso Problema de usabilidad (Por ejemplo, estado online/offline sólo…
Leer más

Android UI Design Kit for Photoshop 4.2.1[Descarga gratuita]

Android
Dado que hay algunos elementos de interfaz de usuario nuevos en Android después de Google I/O, he decidido dedicar un tiempo a actualizar (y optimizar) el kit de diseño de interfaz de usuario de Android. Hay algunos elementos nuevos de la interfaz de usuario añadidos (y he eliminado algunos elementos de la interfaz de usuario que probablemente no se utilizan). Además de eso, también he añadido un archivo PSD de inicio rápido que contiene algunos elementos principales de la interfaz de usuario como la Barra de acciones, las pestañas y el Cajón de navegación, para que el usuario pueda elegir no iniciar el diseño con el archivo PSD con todos los bloques de construcción. Y sí, por fin viene con orientación horizontal también! Qué hay dentro para 4.2.1 Elementos de…
Leer más

Android UI Design Kit para Photoshop y GIMP 4.3[Descarga gratuita]

Android
Hoy tengo el placer de anunciar que Android UI Design Kit ha sido actualizado a 4.3, y este es mi kit de diseño más completo para diseñadores/desarrolladores de Android hasta la fecha. Y impresionante siempre viene en pares: Soporta Adobe Photoshop y GIMP Kits de diseño Nexus 4 y Nexus 7 (Básico) Tanto Nexus 4 como Nexus 7 tienen Plantillas Vertical y Horizontal Aparte de eso, también hay dos nuevos archivos en el Design Kit: Una muestra de Android Holo Color Collection (completa con todos los niveles), y un documento que contiene un enlace a algunas bibliotecas para desarrollo . Una de las razones para incluir este documento es para presentar a los usuarios del Android UI Design Kit acerca de algunas bibliotecas ingeniosas que los desarrolladores pueden utilizar para…
Leer más

Android UI Design Kit para Photoshop 4.4[Descarga gratuita]

Android
Feliz Año Nuevo amigos! En las últimas semanas, he trabajado lentamente en el nuevo Android UI Design Kit para Photoshop 4.4, que es una versión de Nexus 5, y hoy estoy feliz de anunciar que está listo! Esta vez sólo viene con la versión de Photoshop, sin embargo, todavía estoy trabajando en la versión GIMP, principalmente en la sustitución de las capas de texto (lo cual acabo de descubrir recientemente que las capas de texto de Photoshop no funcionarán en GIMP). Si hay algún gurú del GIMP que quiera ayudar a reemplazar las capas de texto, hágamelo saber en la sección de Comentarios. Esta actualización del Design Kit a la resolución Nexus 5 (Modo Retrato - 1080×1920), con varios bloques de construcción nuevos añadidos. ¿Qué hay de nuevo en 4.4?…
Leer más