Frogx Three

diseño web

diseño web

APP colaborativa para equipos de diseñadores y desarrolladores

zeplin

Zeplin es una nueva APP colaborativa para equipos de diseñadores y desarrolladores web o de aplicaciones para móviles, actualmente esta en fase beta privada pero pueden suscribirse para ser tomados en cuenta, actualmente la web hace mención a un plugins para Sketch y en un futuro lanzaran un plugin para Photoshop, estos plugins según la información que he podido recuperar te permitirán exportar imágenes de tus diseños directo a Zeplin para que puedas presentarlos a tu equipo de trabajo y recibir un feedback con notar interactivas y pequeños ajustes sobrepuestos con el fin de avanzar en los detalles del diseño. También ofrece herramientas de diseño para crear mockups en linea y compartirlos con tu equipo de trabajo, una aplicación que vale la pena tener en mente para trabajar equipo con nuestros colegas, estas aplicaciones facilitan el trabajo en equipo al ofrecen un entorno gráfico de comunicación en donde se pueden......

Seguir leyendo 17

Animator, aplicación para crear animaciones HTML5

animator

Animator es la aplicación perfecta para diseñadores que no saben programar y desean crear animaciones web con HTML5 sin necesidad saber programar, la aplicación es gratuito para crear tus primeros 20 proyectos de forma publica, existen otros dos paquetes con costo que permiten crear proyectos de animaciones web privados. La interface de la aplicación es bastante sencilla e intuitiva, especialmente si llegaste a utilizar Adobe Flash o algún editor de video, la aplicación se basa en los principios básicos de la animación, en cuanto a uso de frames, velocidad y posición dentro del area de trabajo, el servicio te permite descargar el código HTML5 de tu animación o también exportar tu animación en formato GIF.   Enlace hacia la pagina oficial de Animator...

Seguir leyendo 28

APP para crear plantillas de correo electrónico

stamplia builder 2

Stamplia Builder ofrece una fantástica APP en linea para crear plantillas de correo electrónico gratis, la aplicación es completamente en linea y gratuita, te permite descargar el código HTML de tu plantilla para integrarla en tus correos o incluso te permite enviarla directamente a servicios de mailing como Mailchimp, Campaing Monitor, Sendgrid, etc. de forma automática. Ofrece un editor bastante sencillo para crear plantillas de correo modificando posiciones, colores y agregando imágenes, generando código HTML valido para correos electrónicos y lo mejor es que permite crear diseños para correos electrónicos completamente responsivos. Enlace hacia Stamplia builder ...

Seguir leyendo 20

Mockup PSD para canales de YouTube en todas sus versiones

mockup psd perfil de youtube responsivo

Mockup PSD gratuito para presentar diseños de canales de YouTube en todas sus versiones: Web, Móvil, Tablets y TV. Este excelente pack de recursos para diseñadores web fue creado y compartido por el diseñador brasileño Rafael Reis con la intensión de poder presentar a nuestros clientes una vista previa del diseño de los canales de YouTube de nuestros clientes y pensando en todas las vistas que YouTube ofrece al ser una plataforma multiplataforma ya que puede ser accesada desde una computadora, un teléfono, una tableta o incluso desde una Televisión con acceso a Internet. El paquetes es gratuito y lo pueden descargar directamente en el enlace al final del post, si buscan más mockups para presentar diseños de forma profesional les invito a navegar por nuestra sección de plantillas donde podrán encontrar más de estos recursos gratuitos. Enlace para descargar este Mockup PSD directamente en Dribbble...

Seguir leyendo 28

Aventura, fuente display gratis

fuente aventura 2

Les dejo más recursos para diseñadores, ahora se trata de Aventura una fuente tipo display gratis excelente para utilizar en diseños de posters u otros diseños de formato amplio, es un tipo de tipografía que no recomiendo sea utilizada para textos largos que sean de lectura, ya que provocaría cansancio,  esta fuente fue creada por el diseñador Jimmy Kalman de Miami, Estados Unidos y se puede utilizar con toda libertad sea para proyectos comerciales o personales sin que tengan que preocuparse por licencias comerciales. Enlace para descargar Aventura, free font...

Seguir leyendo 28

Iconos gratis para Adobe Illustrator

iconos gratis illustrator

Les comparto un excelente paquete de iconos gratis para Adobe Illustrator creados por la diseñadora Claire Paoletti de San Francisco, Estados Unidos. Es un paquete mas de recursos para diseñadores en archivos Ai que contiene vectores separados por capas que podemos utilizar libremente en nuestros diseños sea web o de algunos carteles sin preocuparnos por las dimensiones de los iconos ya que se pueden redimensionar sin que estos pierdan calidad como suele pasar con los bitmaps. El paquete incluye iconos de acciones comunes en diseños web, como compartir, buscar, etiquetas, favoritos, dispositivos móviles, menú, etc. así como también logos de diferentes redes sociales o marcas relacionadas con Internet. Enlace para descargar estos iconos en Dribbble...

Seguir leyendo 27

30 Iconos de comida gratis para Photoshop

Iconos de comida

Les dejo un paquete de iconos de comida para utilizar en Photoshop perfectos para diseños de paginas web relacionadas con cocina, el paquete incluye un total de 30 iconos inspirados en alimentos y artículos de cocina, como platos, servilletas, hornos de microondas, saleros, etc. los iconos fueron creados y compartidos para ser descargados libremente por el diseñador de nombre Zhinuo en su cuenta de Dribbble. Espero que sean de utilidad para ustedes, si están en busca de mas iconos gratis les invito a navegar nuestra sección de iconos donde encontrar una gran cantidad de recursos para diseñadores en diferentes formatos sea para Photoshop, Illustrator, Sketch o incluso WebFonts, todos gratis. Enlace para descargar este paquete de iconos en Dribbble...

Seguir leyendo 24

16 Diseños de paginas web creativos

Newsweek

Les dejo una galería especial para diseñadores web o diseñadores de interface de usuario que anden un poco cortos de creatividad, algo que suele pasar en momentos de mucho estres en donde nos bloqueados y las ideas no mas no fluye por nuestra mente, esta galería incluye un total de 16 excelentes diseños de paginas web creativos y muy buenos para inspirarnos, prácticamente todos se quedaron en conceptos, pero vale la pena mirar las imágenes para sacar algunas ideas de como podemos crear la estructura de contenidos de nuestros diseños web, o como presentar productos o artículos, así como también el estilo de los elementos y botones de acción. Otros puntos a considerar en estos diseños quizás son los elementos emergentes y como optimizar el uso de multiples colores dentro de un diseño jugando con contraste, tamaños de los elementos y también muy importante el espaciado entre elementos de acción,......

Seguir leyendo 45

SpinKit, serie de indicadores animados con CSS

spinkit

En el 2000 se empezó a hacer muy popular entre los diseñadores web el uso de acciones AJAX que permitían ejecutar acciones sin tener que recargar la pagina, esto trajo nuevas necesidades en cuanto a diseño web y diseño de interfaces, una de ellas fue la necesidad de mostrar indicadores de carga animados que indiquen que una acción se esta realizando y que hay que esperar, la primera opción fue utilizar imágenes GIF animadas pero ahora con la introducción de las transiciones que permiten crear animaciones sencillas con CSS, estos indicadores se pueden realizar de forma más sencilla utilizando puro código CSS. SpinKit es un sitio el cual nos proporciona una serie de atractivos indicadores de carga animados con CSS de forma gratuita los cuales podemos descargar copiando el código para incluir en nuestros diseños de paginas web. Enlace hacia la pagina oficial de SpinKit...

Seguir leyendo 25

Plantillas para correos electrónicos gratis

plantillas para correo

Les comparto un enlace en donde podrán descargar una serie de plantillas para correos electrónicos gratis, estas plantillas son Open Source y son parte de los servicios que ofrece Send With Us un servicio de mailing que puede ser una interesante alternativa a servicios como MailChimp, el uso de estas plantillas para mails no les obliga a contratar nada, simplemente tienen que entrar al sitio seleccionar su plantilla y descargar el código HTML necesario para utilizar estas plantillas en los correos electrónicos de su empresa o para sus proyectos. Enlace para descargar estas plantillas en Send With US...

Seguir leyendo 25

Nuevo diseño web de Frogx Three y aplicación para iOS

Facebook

Frogx Three tiene ya casi una década de vida en la cual he intentado compartir los mejores recursos para diseñadores y dar a conocer los trabajos de diseñadores de todo el mundo, no ha sido una tarea sencilla pero si ha sido muy gratificante, ya que me ha permitido crecer como profesional, conocer gente increíble, llenarme de inspiración día con día y principalmente me ha permitido compartir los conocimientos que he adquirido durante todo este tiempo. El nuevo diseño web de Frogx Three busca enfocarse en presentar los contenidos de forma más clara y ordenada conservando las mejores características de nuestro diseño anterior, mejorando otras y agregando nuevas características que les permitan navegar mejor esta revista de diseño gráfico, también siguiente el dicho “el diseño esta en los detalles” se han agregado pequeños detalles que permiten una mejor experiencia en la pagina en cuanto a usabilidad y también para dar a......

Seguir leyendo 30

36 iconos de redes sociales en cuatro estilos gratis

iconos redes sociales

Genial paquete de recursos para diseñadores, se trata de un paquete con un total de 36 diseños de iconos de redes sociales en cuatro diferentes estilos perfectos para utilizar en el diseño de tu pagina web, es estilo básico de estos diseños es flat lo que varia en los estilos de este paquete de iconos de redes sociales es la forma, los iconos vienen en formato PSD para utilizarse en Photoshop, al final de las imágenes preview de los iconos les dejo la liga para descargar. Enlace para descargar Social Icons Set...

Seguir leyendo 25

Inspiración: 10 Diseños de interfaces web

inspiracion diseños web 4

Si eres diseñador web y sientes que las ideas en tu cabeza andan escasas quizás esta galería de diseño de interfaces web te pueda servir son un total de 10 diseños web creativos y modernos que nos pueden servir de inspiración antes de iniciar un nuevo proyecto web, son diseños de paginas y algunos otros son conceptos enfocados a resolver diferentes puntos que se pueden mejorar en populares servicios web, ya sea en aplicaciones de correo electrónico o paginas con enormes cantidades de información. Diseños de interfaces web...

Seguir leyendo 20

Atractivo diseño de formulario web full screen

formulario full screen

Navegando por los recursos que comparten en Codrops me encontré este excelente diseño de formulario web full screen, es un diseño que refleja muchas cosas muy buenas como elegancia, usabilidad, sencillez y todo combinado en un diseño moderno y fácil de navegar, considero el diseño puede ser perfecto para pequeñas encuestas por su sencillez en todos los aspectos desde el diseño de los campos del formulario hasta toda la interface que refiere a un sitio responsivo y aplicable a cualquier dispositivo. Les comparto los respectivos enlaces donde podrán descargar los scripts JavaScript y CSS, así como ver el tutorial para crear formularios web con este estilo en tu pagina web, así como también la pagina demo donde podrán probar esta interface web para formularios. Enlaces: Descargar Scripts & Tutorial | Demo...

Seguir leyendo 34

Tutorial para crear notificaciones animadas con CSS3

notificaciones css

Fantástico tutorial y códigos CSS3 para crear increíbles diseños de notificaciones con animación para tus diseños de paginas web, en el ejemplo que enlazamos al final verán 12 ejemplos de notificaciones web animadas con muy buen diseño y fáciles de aplicar en tu pagina, algunas utilizan librerías JavaScript para las animaciones y las acciones pero en general se trata de código CSS para generar las animaciones utilizando transiciones y los keyframes, características incluidas en CSS3 y que ya son soportadas por la gran mayoría de los navegadores web modernos. En el segundo enlace encontrarán el enlace para descargar la guiá de instalación y un paquete con los códigos CSS3 y scripts JavaScript para utilizar todos estos diseños de notificaciones animadas para mejorar el diseño de interface de tus paginas web. Enlaces: Demo | Descargar códigos y tutorial...

Seguir leyendo 37

Wireframe.CC una herramienta para crear bocetos de apps en linea

wireframecc

Wireframe CC es una herramienta en linea que te permite trabajar en equipo y compartir bocetos de apps para móviles, tabletas y también diseños web de una forma sencilla y cómoda, agregando incluso acciones de clicks que permitan demostrar el funcionamiento de los diferentes elementos que formen parte del diseños de interface de tu aplicación o diseño web. El servicio es “gratuito” para utilizarlo en linea, sin embargo si deseas descargar tus diseños en formato PDF o PNG puedes optar entre los tres paquetes premium que ofrecen que van de $12 dólares mensuales en el plan individual, $39 dólares el plan para tres usuarios y $99 dólares en el plan ilimitado, variando la cantidad de usuarios, proyectos y revisiones permitidas, todas estas características son aplicables en el servicio en linea bajo tu misma cuenta y con un solo proyecto básicamente desechable, pero si eres un diseñador de aplicaciones recurrente seguro......

Seguir leyendo 30

UI Kit PSD para diseño web gratis por Sergey Azovskiy

summer_ui_kit_free

Les dejo este excelente recurso creado y compartido por el diseñador Sergey Azovskiy quien es originario de Rusia, este archivo PSD incluye un excelente y bonito UI Kit para diseño web que nos será de mucha utilidad para crear el diseño de interface de nuestras paginas web, teniendo todos los elementos prediseñados, los elementos del UI Kit se encuentran separados por capas para poder aprovecharlos correcatamente. Enlace para descargar es UI Kit por Sergey Azovskiy...

Seguir leyendo 29

El nuevo logo de Airbnb causa polémica ¿es un plagio, un corazón o es una vagina?

nuevo logo de airbnb

Airbnb es una pagina donde puedes encontrar alquileres vacacionales, departamentos o habitaciones compartidas en todo el mundo, alojandote con anfitriones disponibles en 190 países, un servicio muy particular y que ha cobrado fama y mucha importancia entre los viajeros, bueno puesta marca solicito un nuevo logo a la agencia Belo, el nuevo logo de Airbnb es el que pueden ver arriba de estas lineas, el logo en si según la empresa es un corazón puesto de cabeza bajo la premisa de que los viajeros prefieren sentirse como en casa en vez de un hotel. Pero el logo ha sido duramente criticado desde su aparición en Internet, algunos dicen que el nuevo logo de Airbnb es un plagio ya que lo comparan con el logo de la empresa Automation Anywhere, pero otros fueron más ahí y les buscaran otras extrañas formas al logo, de hecho algunas personas encuentran un parecido del......

Seguir leyendo 25

Modifica el diseño de los Selects usando CSS

selects personalizados

Los diseños de paginas web cada vez son mas personalizados, el uso de imágenes de gran tamaño, efectos visuales y de animación que ahora permite CSS3 sin necesidad de scripts extras, el uso de funciones asincronicas, ajax, canvas, webfonts, en fin una gran cantidad de cosas que hace 5 años nadie utilizaba y ahora son algo muy común en los diseños web. Pero uno de los diseños que ha tardado mas en cambiar es el diseño de los elementos del formulario, son muy pocos los diseñadores web que se atreven a utilizar diseños personalizados para los Selects, Checkbox y Radio Buttons en particular pues los navegadores no ofrecen opciones de personalización en su soporte, sin embargo con el uso de CSS y JavaScript todo es posible. El siguiente enlace incluye un breve manual y un paquete con scripts CSS y JavaScript que te permitirán personalizar los elementos Selects de tu......

Seguir leyendo 35

Fontprep un generador de Webfonts gratis para Mac

fontprep

Fontprep es una interesante y muy útil aplicación que funciona como un generador de WebFonts gratis para Mac, esta aplicación puede ser muy útil para diseñadores web ya que te permite convertir fuentes tipo TTF u OTF a formatos compatibles con web (WOFF, EOT, y SVG) todo esto gratis, Fontprep es una aplicación Open source, obviamente esta aplicación respeta las reglas y por ello no puedes convertir cualquier fuente si esta ya fue incluida a la lista de fuentes protegidas. La aplicación genera los archivos CSS utilizando los estandares @font-face para que estas sean utilizadas en tus diseños web rápidamente, esta poderosa aplicación para diseñadores web fue desarrollada por los hermanos Brian & Matthew Gonzalez, un par de diseñadores web en busca de solventar sus necesidades para crear sus diseños aprovechan la escalabilidad que los elementos vectoriales y el uso de canvas ofrecen, permitiendo crear diseños web cada vez mejores. Enlace para descargar......

Seguir leyendo 29

Pagina 1 de 25123...6...Antiguas »