30 nuevos recursos creativos de diseño VIP PSD y CSS
Todos los días se colocan montones de nuevos obsequios 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 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á ambos códigos PSD y HTML / CSS mezclados entre sí. ¡Algunos recursos realmente ofrecen gráficos y el código juntos! Pero no importa qué artículos estés buscando, este escaparate seguramente tendrá algo genial.
Explore los elementos de Envato
Marcadores de Google Maps (PSD)
Estos variados creadores de mapas de Google son un fantástico conjunto de recursos para tener en su colección de diseño. Representan cosas diferentes: un restaurante, teléfono, gas, aeropuerto, estación de tren y mecánico. ¡Es sencillo implementarlos en un mapa de Google incrustado!
Presentación de diapositivas personalizada (PSD + CSS)
Esta presentación de diapositivas personalizada se proporciona como una PSD o está totalmente codificada en CSS y HTML. Está envuelto en un diseño deliciosamente simple, con sutiles sombras, bordes y texturas. Es simple hacer algunos ajustes para agregar sus propias imágenes, subtítulos e información. ¡Disfrutar!
Info Widget (PSD)
Este es un pequeño y ordenado widget de información para una publicación de blog, que contiene el título, información del autor, comentarios y me gusta. Presentado como un archivo PSD bien organizado para integrarse en sus propios diseños.
Papel adhesivo (PSD)
Un "Papel adhesivo": un trozo de papel con papel rayado, un botón de descarga y una cinta adhesiva que lo envuelve todo. Realmente simple, pero un punto de partida útil para su propia interfaz de estilo de nota.
Botones 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 colocar en su propio diseño, personalizar colores, etc. ¡Agregue un estilo de metro un poco simplista a su 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 funcionalidades potenciales 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 cuenta regresiva, la hora actual y algunos cromos OS X simples.
Cuadro de suscripción amarillo (PSD)
Una caja de suscripción elegante, que brinda a sus lectores la información que necesitan para suscribirse a su sitio. Contiene dos opciones: una para una suscripción a un boletín por correo electrónico y otra para RSS. El color base es amarillo, pero es fácil de ajustar para adaptarse a su propio diseño.
Mini reproductor de Spotify (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 conjunto sutil de gradientes 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 suscripción al boletín informativo (PSD)
Un formulario de suscripción al boletín detallado PSD, que incluye una descripción de la lista de correo, campos para el nombre y la dirección de correo electrónico, un mensaje antispam y un botón destacado "Unirse". ¡Disfrutar!
Feed de Twitter de Metro
Microsoft ha estado haciendo un trabajo maravilloso con su estilo simplista "Metro", y hoy presentamos un hermoso feed de Twitter al estilo Metro. Contiene varios estados para diferentes tweets, enlaces y tiempos. Un pequeño widget realmente maravilloso!
Interfaz de administrador profesional (PSD + CSS)
¡Hay algo sobre 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 el PSD original, también nos hemos tomado la molestia de codificarlo todo en CSS y HTML para usted. ¡Disfrutar!
Formulario de inicio de sesión de Blur (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 para iPhone PixelsDaily (PSD + CSS)
¡Pensamos que sería divertido crear una interfaz de aplicación original para PixelsDaily, y luego regalarla gratis para que la uses! Se proporciona tanto como una versión HTML / CSS totalmente codificada como una PSD. Tiene algunos elementos de interfaz iOS creados de forma exclusiva, un área de autor y un conjunto de miniaturas de recursos.
Trendy Nav Bar
Una elegante barra de navegación, proporcionada como una PSD. Viene en cuatro colores diferentes, ¡y podría ser el complemento perfecto para la parte superior de su próximo proyecto de diseño web!
Panel de configuración (PSD + CSS)
Estamos realmente satisfechos con este. Es un panel de configuración con elementos de interfaz de metal cepillado / 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!
Tiny Note (PSD)
Solo una nota rápida sobre este. Es una nota. Una hermosa nota perfecta de píxeles. 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!
Minisite vCard (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 totalmente codificada de CSS y HTML, completa con un rollo 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, un área de introducción de texto / video y un conjunto de diferentes "servicios" que puede ofrecer. ¡Es realmente sencillo personalizarlo para sus propias necesidades!
Aplicación web 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. ¡Simplemente suéltelo en su servidor y experimente! Deberá 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 un aspecto 3D, un patrón exterior cosido y una sombra superior para crear el efecto de la cinta que cae 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 vencimiento y número CVV. Es lo suficientemente simple como para incorporarlo a 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 recuadros de alerta: una alerta verde de "éxito", una alerta amarilla de "alerta" ... y una alerta roja de "error". También hemos creado uno de estos en CSS y HTML para usted, ¡solo para ahorrarle un poco de tiempo!
Delicioso Bloc de notas y cinta (PSD)
Un simple obsequio de bloc de notas con un aspecto clásico de rayas / cuero y una cinta roja de detalles. Se proporciona como un archivo PSD bien organizado para que lo incorpore a sus propios diseños.
Interfaz de bloc de notas (PSD)
¡Hemos creado una interfaz de bloc de notas perfecta para píxeles, directamente desde una aplicación Mac de vanguardia! Una base maravillosa 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 pasas el mouse sobre ellos! El ícono “Favorito” toma la forma de un corazón que late, con la descarga volando y luego nuevamente. Tendrás que descargar el obsequio para verlos por ti mismo, ¡no solo confíes en nuestra palabra!
Lista de tareas rasgadas (PSD)
Una lista de tareas escépticas "desgarradas" con un efecto de papel, casillas de verificación para las tareas completadas, eliminar iconos 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 / icono 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 utilices el resultado final como quieras!
Pila de papel (PSD)
Una hermosa pila de papel, completa con una cita, avatar, alfiler elegante y un sutil fondo texturizado. Es un trabajo de diseño de interfaz encantador, ¡y esperamos que lo disfrutes!
Conclusión
Muchos de estos elementos son excelentes para crear diseños y aplicaciones complejos. Los diseñadores móviles disfrutarán especialmente de algunas de las piezas estéticas, como botones y blocs de notas. Pero en mi opinión, este conjunto de regalos ofrece un poderoso comienzo para el nuevo año. Asegúrese de mantenerse actualizado para los nuevos lanzamientos en el transcurso de 2013.
