Todos los días se colocan en línea cargas de nuevos regalos y códigos de código abierto. Los diseñadores web y móviles pueden aprender mucho al estudiar las nuevas tendencias de interfaz y los diseños de diseño. Creative VIP es uno de esos sitios web que publica regalos gratuitos y contenido premium. Este es un excelente recurso para los diseñadores que desean profundizar un poco más en la construcción de diseños utilizables para la web.
En este resumen he reunido 30 de los últimos regalos de Creative VIP. Encontrará códigos PSD y HTML / CSS mezclados entre sí. ¡Algunos recursos realmente ofrecen ambos gráficos y el código juntos! Pero no importa qué artículos estés buscando, este escaparate está destinado a tener algo genial.
Marcadores de Google Maps (PSD)
Estos variados creadores de mapas de Google son un conjunto fantástico de recursos para tener en su colección de diseño. Representan diferentes cosas: un restaurante, teléfono, gas, aeropuerto, estación de tren y mecánico. ¡Es fácil de implementar estos en un mapa de Google incorporado!
Presentación de diapositivas personalizada (PSD + CSS)
Esta presentación de diapositivas personalizada se proporciona tanto como PSD, o totalmente codificada en CSS y HTML. Está envuelto en un diseño deliciosamente simple, con sombras sutiles, bordes y texturas. Es fácil hacer algunos ajustes para agregar sus propias imágenes, títulos e información. ¡Disfrutar!
Info Widget (PSD)
Este es un pequeño widget de información ordenada para una publicación de blog, que contiene el título, la información del autor, los comentarios y los "me gusta". Presentado como un archivo PSD bien organizado para integrarlo en sus propios diseños.
Papel de nota adhesiva (PSD)
¿Un papel de carta pegajoso? - ¡un pedazo de papel con papel rayado, un botón de descarga y una cinta adhesiva que lo envuelve todo junto! Realmente simple, pero un punto de partida útil para su propia interfaz de estilo de nota.
Botones de Metro de Windows 8 (CSS)
Una selección de estilo Metro, botones e iconos de Windows 8. Todos están codificados con HTML y CSS, por lo que son increíblemente fáciles de incluir en su propio diseño, personalizar los colores, etc. ¡Agrega un poco de estilo de metro simplista a tu próxima interfaz!
Centro de notificaciones UI (PSD + CSS)
Un PSD versátil de una interfaz de estilo de notificación. Incluye una lista desplegable de notificaciones / mensajes recientes, una ventana de inicio de sesión / conexión y mensajes emergentes con más información también. Repleto de funcionalidad potencial para su próxima aplicación, y también hemos agregado una versión CSS / HTML totalmente codificada. ¡Disfrutar!
Interfaz de temporizador (PSD)
Una elegante interfaz de cuenta regresiva / cronómetro / temporizador, con botones de reproducción / parada / reinicio, dígitos de la cuenta regresiva, la hora actual y algunos elementos de OS X Chrome.
Caja de suscripción amarilla (PSD)
Una elegante caja de suscripción, que brinda a sus lectores la información que necesitan para suscribirse a su sitio. Contiene dos opciones: una para una suscripción al boletín de noticias por correo electrónico y otra para RSS. El color base es amarillo, pero es fácil de ajustar para que encaje con su propio diseño.
Spotify Mini Player (PSD)
Una elegante interfaz de mini-jugador para Spotify. Contiene una lista de pistas, controles simples de reproducción / volumen y un gráfico de pantalla completa. ¡La manera perfecta de comenzar con un reproductor multimedia, ya sea para Spotify o cualquier otro servicio de terceros!
Diálogo de confirmación (PSD)
Un hermoso cuadro de diálogo de confirmación con un sutil conjunto de degradados y texturas, un encabezado, un botón de cierre, dos estilos de botones diferentes y un texto explicativo. Una interfaz realmente hermosa sobre la cual construir!
Formulario de inscripción al boletín (PSD)
Un formulario detallado de inscripción en el boletín PSD, que incluye una descripción de la lista de correo, los campos para el nombre y la dirección de correo electrónico, un mensaje antispam y una prominente? ¿Únete? botón. ¡Disfrutar!
Metro Twitter Feed
Microsoft ha estado haciendo un trabajo maravilloso con su simplista? Metro? estilo, y hoy presentamos un encantador feed de Twitter estilo Metro. Contiene varios estados para diferentes tweets, enlaces y tiempos. Un pequeño widget realmente maravilloso!
Interfaz Pro Admin (PSD + CSS)
¡Hay algo en este que realmente amamos! Es la parte superior de un diseño de interfaz de administración simple, con varias opciones de navegación / notificaciones y un cuadro de contenido. Además de proporcionarle la PSD original, también nos hemos tomado la molestia de codificar todo en CSS y HTML para usted. ¡Disfrutar!
Formulario de inicio de sesión de desenfoque (PSD)
Los formularios de inicio de sesión pueden ser complicados. Deben ser simples, transmitir la información básica y exudar un poco de estilo. Este presiona todos los botones correctos, con un hermoso estilo de interfaz y tipografía. ¡Disfrutar!
Interfaz de la aplicación PixelsDaily para iPhone (PSD + CSS)
Pensamos que sería divertido crear una interfaz de aplicación funky para PixelsDaily, ¡luego regalarla gratis para que la uses! Proporcionado tanto como una versión HTML / CSS totalmente codificada, y una PSD. Tiene algunos elementos de la interfaz de iOS creados de forma única, un área de autor y un conjunto de miniaturas de recursos.
Barra de navegación de moda
Una barra de navegación con estilo, proporcionada como un PSD. ¡Se presenta en cuatro colores diferentes y podría ser la adición perfecta a la parte superior de su próximo proyecto de diseño web!
Panel de configuración (PSD + CSS)
Estamos muy contentos con esto. Es un panel de configuración con elementos de interfaz de metal pulido / interruptores de palanca. Esto no solo se proporciona en el formato PSD habitual, sino que también lo hemos codificado como una versión HTML / CSS completamente funcional para usted.
Pequeña nota (PSD)
Sólo una nota rápida sobre este. Es una nota Una nota hermosa, pixel-perfecta. Sobre un fondo sutil, ¿es una pila de papel? con iconos de cerrar / minimizar, un enlace para leer más y una tipografía encantadora. ¡Esperamos que te sea útil!
vCard Minisite (PSD + CSS)
Este es un hermoso minisite vCard en formato PSD. Contiene elementos para sus perfiles de redes sociales, un avatar, una pequeña biografía y una? Esquina doblada? para que alguien descargue una copia de su vCard.Si desea instalar un sitio web de vCard, esta es la manera perfecta de hacerlo. También hemos incluido una versión CSS y HTML totalmente codificada, completa con un giro de esquina animado. ¡Disfrutar!
Diseño de Agencia de Diseño (PSD)
Un archivo PSD completamente cargado, este gráfico contiene un diseño elegante y profesional para una agencia de diseño o cartera. Tiene mucho espacio para su logotipo, navegación, área de texto de introducción / video y un conjunto de diferentes servicios. que usted podría ofrecer. ¡Es realmente sencillo de personalizar para tus propias necesidades!
Generador web de PHP Metro Generator (CSS / PHP)
Algo un poco diferente hoy, esta es una aplicación PHP que te ayuda a generar interfaces únicas de estilo metro con facilidad. ¡Solo déjalo en tu servidor y experimenta! Tendrá que cargar esto en un servidor web para ejecutar el script y ver cómo funciona.
Cinta con estilo (PSD)
Cuatro (4) cintas de colores con una apariencia 3D, un patrón exterior cosido y una sombra superior para crear el efecto de la cinta cayendo sobre su contenedor. ¡Diviértete integrándolo en tu propio diseño!
Formulario de tarjeta de crédito (PSD + CSS)
Este es un formulario de información de tarjeta de crédito increíblemente útil, que contiene campos para su número de tarjeta, tipo, fecha de caducidad y número CVV. Es lo suficientemente simple como para incorporarlo en cualquier diseño, y se proporciona como un PSD y está totalmente codificado como un diseño CSS / HTML. ¡Disfrutar!
Varios cuadros de alerta (PSD + CSS)
En este PSD se incluyen tres estilos diferentes de cajas de alerta: ¿Un éxito ecológico? alerta, una amarilla? alerta? ¿Alerta, y un error rojo? ¡alerta! También hemos incorporado uno de estos en CSS y HTML para ti, ¡solo para ahorrarte un poco de tiempo!
Deliciosa libreta y cinta (PSD)
Un sencillo bloc de notas con una apariencia clásica de rayas / cuero, y una cinta roja de detalles. ¡Se proporciona como un archivo PSD bien organizado para que lo incorpore en sus propios diseños!
Interfaz de la libreta (PSD)
¡Hemos creado una interfaz de bloc de notas de píxeles perfectos, directamente desde una aplicación de Mac de vanguardia! Una maravillosa base sobre la cual construir su propia interfaz de aplicación.
Botones Animados (CSS)
Este es simplemente hermoso. Dos ejemplos de un magnífico botón animado: ambos tienen animaciones sutiles en el fondo y mucha emoción cuando te pasas por encima de ellos. ¿El favorito? El icono toma la forma de un corazón que late, con la descarga volando, y luego de nuevo. Tendrá que descargar el programa gratuito para verlo usted mismo. ¡No se fíe de nuestra palabra!
Lista de tareas copiadas (PSD)
A? Ripped? lista de tareas de Skeumorphic con un efecto de papel, casillas de verificación para tareas completadas, iconos de eliminación y un botón para agregar una nueva tarea. ¡Tómalo, construye sobre él, y disfruta! Proporcionado como un simple archivo PSD en capas.
Icono de la aplicación iOS del reloj (PSD)
Un encantador reloj de pulsera / ícono de reloj, diseñado para una aplicación iOS. Se proporciona en una gama de diferentes tamaños adecuados para cada dispositivo iOS diferente, y nos encantaría que usted use el resultado final como desee.
Pila de papel (PSD)
Una hermosa pila de papel, completa con una cita, avatar, pin elegante y un fondo de textura sutil. Es un trabajo encantador de diseño de interfaz, ¡y esperamos que lo disfrutes!
Conclusión
Muchos de estos elementos son excelentes para crear diseños y aplicaciones complejas. Los diseñadores móviles disfrutarán especialmente algunas de las piezas estéticas como botones y blocs de notas. Pero en mi opinión, este conjunto de regalos ofrece un comienzo poderoso para el nuevo año. Asegúrese de mantenerse actualizado para los nuevos lanzamientos a lo largo de 2013.