Paraíso Para Los Diseñadores Y Desarrolladores

Diez kits de estructura metálica que puedes descargar gratis

Como diseñador, pasará por varios pasos mientras trabaja en su proyecto, desde el diseño de sus ideas en papel, pasando por la creación de wireframes, hasta el refinamiento de su prototipo . Si tienes muchos proyectos, tomará algo de tiempo hacer todo desde cero para cada uno.

En este post recopilamos 10 kits de wireframe que pueden asistirlo en el proceso de wireframing . Al usar estos kits, puede trabajar de forma más rápida y efectiva, y de ahora en adelante, también puede iniciar su proyecto y acelerar su flujo de trabajo de diseño de UX .

Material Wireframe Kit de diseño
Este Material Design Wireframe Kit se ha convertido en una compilación tan masiva que el creador tiene que alojarlo en Dropbox para que esté disponible para todos. Hasta ahora, se han proporcionado 41 pantallas, incluida la pantalla de contacto, el comercio electrónico, el contenido de texto, la configuración de página y más. Descargue el archivo de Sketch aquí.
Kit de malla de luna
Aquí hay 50 pantallas que están listas para usar en su próximo proyecto de diseño de aplicaciones. El kit contiene pantallas de bienvenida, elementos de inicio de sesión y registro, menú, configuración, galería de publicaciones, detalles del artículo y más. Este increíble kit hecho por George Frigo. Los archivos disponibles en Sketch y el archivo comprimido se pueden descargar aquí.
Kit de estructura metálica móvil
El Mobile Wireframe Kit contiene el elemento de interfaz de usuario más utilizado en el diseño de aplicaciones móviles, que consta de 20 pantallas y 50 elementos de interfaz de usuario móvil . Las pantallas como "Registrarse", "Crear cuenta", "Tutorial", "Página de perfil", "Tablero", entre otros, le ayudarán a comenzar rápidamente el diseño de su aplicación. Descargue el archivo Sketch 3 aquí.
Kit de estructura de alambre de carbono
Carbon es un gran kit de estructura metálica que utiliza Material Design, diseñado para su próxima aplicación móvil de comercio electrónico. Contiene 15 pantallas de comercio electrónico y más de 30 elementos en un archivo separado, además de capas y la fuente Roboto incluidas. Puede descargar este kit en Photoshop y Sketch o puede obtenerlo en un paquete.
Kit de diagrama de flujo
Este kit wireframe ayuda a los diseñadores a mostrar rápidamente a los clientes la interacción entre páginas y funciona bien para zonificación rápida y mapas de sitio. El kit también incluye activos como flechas y símbolos, pero no viene con la fuente gratuita Google Open, que deberías obtener primero antes de abrir el kit. Descargue el archivo de Sketch aquí.
Kit de broche
Si desea construir una aplicación para iOS 8, entonces Snap Kit es la herramienta de enmarcado adecuada para usted. Contiene 22 maquetas e incluso más elementos que puedes personalizar y usar para la maqueta del diseño de tu aplicación. Snap está disponible en formato Sketch . Descargue este kit aquí.
Kit de estructura metálica Apple Watch
Este wireframe está diseñado específicamente para aplicaciones que están diseñadas para Apple Watch . Está en formato AI . Incluido en el kit: 20 pantallas de reloj mínimas, componentes, pautas de tamaño y una maqueta de Apple Watch. Puedes descargar el kit aquí.
Kit de estructura metálica FlowiOS
Aquí está el kit de malla metálica limpia para una aplicación de iOS hecha por Vineet Kumar. Cuenta con menús de la barra lateral, galería, página de características para productos, carro, página de configuración y más. Puede descargar el archivo Sketch que contiene 12 pantallas para iniciar el diseño de su aplicación. Descargue el archivo de Sketch aquí.
Platforma Ultimate Wireframe Kit
El kit Platforma Ultimate Wireframe le ofrece 20 diseños de wireframe en 4 categorías, encabezados, contenidos, características y pies de página de forma gratuita. Los archivos vienen en tres formatos: Photoshop, Adobe Illustrator y Sketch. La versión completa del kit contiene más de 200 diseños y está disponible por $ 68. Descargue la versión gratuita aquí.
Wireflows
Lingo es un conjunto de mini wireframes web para ayudar a los diseñadores con flujos de trabajo de usuario mapeados en una aplicación. Con este kit puedes diseñar prototipos más rápido. Sin embargo, debe usar la aplicación Lingo para abrir los archivos, lo que a su vez requiere que funcione Mac OS X 10.10+ . Puede descargar el kit de recursos de Lingo aquí.

Cómo crear CSS puro en el efecto Hacer clic en el zoom de la imagen

CSS no tiene una pseudoclase para apuntar eventos de clic, y esto constituye uno de los mayores puntos débiles de los desarrolladores front-end. La pseudo-clase más cercana es :active que estiliza un elemento para el período de tiempo que un usuario presiona su mouse sobre él.Sin embargo, este efecto es efímero: una vez que el usuario suelta el mouse, : :active ya no funciona. Nec

(Consejos de tecnología y diseño)

10 cosas que queremos ver en Windows 9

Enfrentamos la realidad, simplemente no hay forma de que Microsoft regrese al viejo aspecto 'clásico' de Windows al que nos hemos acostumbrado tanto. La interfaz de usuario de Metro llegó para quedarse y es probable que mejore cuando se estrene Windows 9 en 2015.Por supuesto, estamos ansiosos por más funciones nuevas, y en esta publicación nombramos 10 cosas que queremos ver en Windows 9 .Al

(Consejos de tecnología y diseño)

Artículos De Interés