Hay 4 articulo(s) nuevo(s) en portada, haz click aquí para leer.

Frogx Three

recursos de diseño

recursos de diseño

Form App para diseñar prototipos de Apps móviles ahora es gratis

20 noviembre, 2014 Enlace Corto

form app img 1

Form App es un aplicación bastante interesante que fue lanzada por RelativeWave que tenia como función principal la habilidad de diseñar prototipos de Apps móviles de forma bastante sencilla. Actualmente existen ya muchas Apps tanto para Mac, Windows y online que te permiten realizar prototipos de Apps pero Form ofrece un entorno diferente y mas fluido, aparte de permitir crear prototipos interactivos de Apps móviles de tal modo que puedas navegar entre las diferentes pantallas como si fuera la versión final de la App. Form App se divide en dos Apps un Viewer para iOS que puedes instalar en tu iPhone o iPad para previsualizar los avances de tu prototipo directamente en tu dispositivo, y Form que es el constructor exclusivamente para Mac en el cual podrás realizar el diseño del prototipo de una forma muy sencilla. En el siguiente video de introducción de Form App se muestra un tutorial para......

Seguir leyendo 36

Paquete de iconos PSD de música graits

iconos musica

Si andas envuelto en algún proyecto de diseño relacionado con música entonces este paquete de iconos PSD de música te serán de gran utilidad, se trata de una serie de iconos de música gratuitos creados por el diseñador Mantas Sutkus quien es originario de Lituania, el paquete incluye un total de 24 iconos de diferentes instrumentos musicales y elementos relacionados con la música y el rock, como por ejemplo: bocinas, guitarras, audífonos, micrófonos, estéreos, notas musicales, etc. El paquete incluye los 24 diseños de iconos cada uno en tres diferentes estilos: lineales, lineales con color y con colores fuertes, todos incluidos en el mismo archivo PSD que podrás descargar libremente sin preocuparte por temas de derechos de autor, otro detalle a resaltar es que los iconos fueron hechos con Shapes, es decir que tienen propiedades vectoriales lo que te garantiza que podrás jugar con las dimensiones de los iconos sin preocuparte......

Seguir leyendo 35

App para diseñar Apps móviles en linea

19 noviembre, 2014 Enlace Corto

ionic creator

La tendencia actual es la creación de Apps móviles para la diversa gama de dispositivos existentes en el mercado sea tabletas o teléfonos móviles, cada uno ofrece diversas características combinadas entre software y hardware que los programadores deben aprovechar para sacar mayor provecho, pero no todo es programación como en todo el diseño es muy importante, en este caso el diseño de apps móviles, ya que un buen diseño es el que garantiza el éxito de un App, ya que podrá ser una gran aplicación hacer cosas increíbles pero si esta no ofrece una curva de aprendizaje corta y no es atractiva visualmente dificilmente llamará la atención, eh ahi la necesidad de un buen diseño. Ionic Creator es una App o editor para diseñar Apps móviles en linea, es un servicio gratuito y un tanto básico pero que bien te puede servir para crear tus primeros Mockups para tu App móvil, el......

Seguir leyendo 48

Underscores, generador de plantillas base responsivas para WordPress

underscores

Underscores o _S es una plantilla base para WordPress la cual podemos utilizar para implementar a partir de ella nuestros diseños web y tomarla como base para crear los diseños de nuestra pagina web utilizando WordPress como motor principal, en el sitio web que enlazo al final de estas lineas podrán encontrar un generador de plantillas base responsivas para WordPress gratuito el cual genera plantillas basado en la plantilla Underscores, la cual es Open Source. El sitio te genera un archivo Zip con la plantilla underscore con soporte responsivo el cual puedes utilizar para tu pagina web, en el sitio antes de generar puedes personaliza el nombre de la plantilla, el nombre del autor, la URL del autor, la descripción e incluso puedes solicitar que en el paquete se incluya un archivo SASS para manejar los estilos CSS utilizando SASS. Este generador de plantillas para WordPress es gratuito, y seguro que les......

Seguir leyendo 33

Guías de dibujo: Anatomía y movimientos del cuerpo

anatomia del cuerpo para dibujo

Les comparto una nueva serie de guías para aprender a dibujar que seguro les serán de utilidad para mejorar sus habilidades dibujo y poder poner en practica lo que ya saben, y si no saben estas guías igual les serán de mucha utilidad, se trata de una serie de guías para dibujar el cuerpo humano, son guías centradas en la anatomía y movimiento del cuerpo humano, en las guías podrán ver representaciones y ejemplos gráficos de los principales movimientos de cuerpo y las formas del cuerpo. Por ejemplo podrás apreciar como es la estructura del torso del cuerpo en diferentes posiciones, así como movimientos de la cabeza y las posiciones de los brazos y piernas haciendo diferentes movimientos que puedan representar un gesto especifico. La última guía de dibujo de esta serie muestra ejemplos de diferentes movimientos del cuerpo humano, desde una persona corriendo, jalando un objeto o simplemente haciendo......

Seguir leyendo 54

Tutorial para crear mockups 3D interactivos con CSS3 y jQuery

3d-animated-mockup-featured-new

Si eres diseñadores sabras lo importante que puede llegar a ser aplicar un poco de animación en una pagina web, y si tus usuarios tiene interacción con eventos de tu sitio para provocar animación mejor, pero y si combinas todo eso y creas formas interactivas para hacer demostraciones que permitan a tus visitantes y interactuar y que tengan un entorno visual agradable, bueno esto seria increíble. Eso es lo que podrás lograr si sigues el siguiente tutorial que estoy compartiendo con ustedes, y que si bien esta en Ingles bien que vale la pena esforzarse un poco en comprenderlo. Este tutorial para diseñadores web te permitirá crear mockups 3D interactivos con CSS3 y jQuery, una combinación que bien utilizada y aprovechada es una bomba, en el enlace que les comparto al final podrán encontrar el tutorial completo que les explica como funciona y como utilizarlos, también podrán descargar los archivos......

Seguir leyendo 7

MixitUp, Plugin jQuery para filtrar y reordenar grids dinámicamente

mixitup

Me encontré un plugin jQuery genial que quiero compartir con ustedes se llama MixitUp y creo que lo aplicare en algún momento al blog, MixitUp es un plugin jQuery que te permite agregar dinamismo al grid de tu pagina web, el plugin te permite filtrar y reordenar bloques en un grid de forma dinámica y con animación agregando un toque visual y bastante interesante a la tu diseño, de tal manera que puedes ofrecer una opción interesante de filtrado de datos con un poco de interacción y animación que harían mas cómoda y agradable la interacción de los usuarios que visitan tu pagina con la información que ellos encuentran en tu sitio. El plugin es gratuito, y lo puedes utilizar sin problemas en cualquiera de tus paginas web, en el sitio hace referencia a una licencia comercial pero esta es solo si tienes intensiones de incluir MixitUp en un plantilla......

Seguir leyendo 26

Como crear tu logo online y ahorrar dinero

12 noviembre, 2014 Enlace Corto

logaster 1

Si estas a punto de abrir tu propia empresa, pero no sabes que hacer para conseguir un logo para tu nuevo emprendimiento bueno quizás esta recomendación te pueda ayudar. Puedes crear un logo usando Photoshop, pero te tomara mucho tiempo y no hay garantías  de que vaya a lograr crear algo genial, al menos que tus habilidades con Photoshop y tu creatividad sean muy buenas. También puedes buscar por un diseñador en sitios como Behance, Odesk, etc. Pero normalmente un diseñador necesita bastante tiempo para trabajar en un concepto creativo bueno y sus servicios podrían ser costosos de $100 dólares hasta mil dólares, para con los diseñadores que saben cobrar bien su trabajo. ¿Entonces que deberías hacer para conseguir un logo rápido y ahorrar dinero? Bueno existen muchos servicios en linea que te permiten crear logos, como: Logaster Logo Generator Cool Text Flaming Text Estos sitios te permiten crear logos rápidos......

Seguir leyendo 32

Velositey el plugin Photoshop indispensable para diseñadores web

velositey-v2

Navegando un poco en mis diferentes fuentes de información (aka Google) me he topado con una verdadera joya para diseñadores web de la que me he enamorado, se trata de Velositey un fantástico plugin Photoshop indispensable para diseñadores web, el plugin no es para programadores, es específicamente para diseñadores, prácticamente es una herramienta que te permite armar las plantillas de un diseño web o al menos su estructura de una forma muy rápida y basada en el estandar del sistema grid 1170. El plugin ofrece una serie de elementos y modulos prediseñados y basados en Smart Objects que te podrás insertar en tu area de trabajo para armar la estructura de tu plantilla para el diseño de tu pagina web, es un plugin extremadamente sencillo de utilizar y que te ahorrara mucho tiempo de trabajo, lo mejor de todo es que el plugin es completamente gratuito. Características de Velositey 12 estilos......

Seguir leyendo 32

Paquete de vectores para crear infografías

Les comparto un increíble y muy completo paquete de vectores para crear infografías que me han compartido los camaradas de Design Shock, el paquete tiene una enorme cantidad vectores de elementos perfectos para crear sus propias infografías, el paquete incluye desde iconos, elementos para representar gráficas de datos, personajes, globos de texto, mapas, etc. en fin todo lo necesario para crear tus infografías. El paquete presenta tres versiones distintas, un paquete gratuito que incluyen tres de los sets de vectores, también ofrecen dos paquetes extras, el mas caro con un costo de $29 dólares que incluye absolutamente todos los elementos que verán al seguir el enlace que esta después de estas imágenes, todos los elementos están incluidos en archivos Ai para Adobe Illustrator los cuales puedes modificar libremente sin preocuparte por perdida de calidad. Enlace para descargar este paquete de vectores gratis o comprar el bundle...

Seguir leyendo 39

Plugin jQuery para cambiar diseño de elementos de formularios web

Labelauty

Labelauty es un pequeño pero muy útil plugin jQuery para cambiar el diseño de elementos de formularios web, en particular de los elementos Checkbox y los Radio Buttons, que podrán ser muy útiles pero son los elementos más inflexibles para crear diseños de paginas web con formularios que se adapten al diseño, el plugin prácticamente convierte los elementos checkbox y radio buttons en botones seleccionables a los cuales les puedes aplicar diseños mas agradables y que se puedan adaptar a la identidad del sitio sin perder la funcionalidad que estos elementos nos ofrecen. La imagen de abajo te muestra un ejemplo de como utilizar este plugin jQuery para cambiar el diseño de formularios web, el plugin es completamente gratuito y bastante sencillo de aplicar, basta con iniciar el script en el footer o cabecera de tu sitio web para que el diseño de todos los elementos checkbox y radio buttons se......

Seguir leyendo 39

Nuevo Pixelmator 3.3 con soporte para Yosemite y nuevo diseño

pixelmator 33

El equipo de Pixelmator ha publicado el nuevo Pixelmator 3.3 para Mac, una actualización que viene a complementar el lanzamiento de Pixelmator para iPad que se dio hace unas semanas y que fue todo un éxito, el nuevo Pixelmator para Mac no trae grandes mejoras en cuenta a herramientas de diseño, pero si tiene importantes cambios que como mencione antes complementan la aplicación para iPad y aprovechan los beneficios que ofrece OS X Yosemite junto con iOS8. El nuevo Pixelmator 3.3 para Mac viene con un nuevo diseño de interface aun mas minimalista y adaptado al nuevo estilo de Yosemite, ofrece soporte completo para la nueva versión del sistema operativo para Mac (OS X Yosemite), entre las mejoras relacionadas con el soporte para Yosemite se incluye Handoff una característica que te permitirá cambiar de tu Mac a tu iPad para continuar tus diseños de forma automática en unos segundos. También ofrece soporte......

Seguir leyendo 21

54 Iconos PSD gratis para tiendas online (e-commerce)

iconos tiendas online

Si andas pensando en montar una tienda online o tienes entre tu agenda aun cliente con un proyecto relacionado con e-commerce entonces este paquete de iconos PSD gratis para tiendas online te podrán ser de mucha utilidad, el paquete incluye una serie de 54 iconos PSD todos relacionados con comercio electrónico, desde iconos para pagos, ofertas, tarjetas de crédito, iconos de descuento, también iconos relacionados con paquetería y envió de paquetes, comunicación entre clientes y por supuesto iconos relacionados con acciones comunes o de navegación dentro de una pagina web. Este paquete de iconos PSD para comercio electrónico fue creado por el diseñador Virgil Pana quien es originario de Rumania, Virgil es un diseñador especializado en diseño web y diseño de interfaces UI/UX, al final del post les dejo el enlace para descargar el paquete de iconos y también el enlace directo hacia el portafolio de Virgil el cual les......

Seguir leyendo 53

Brackets 1.0 un gran editor para diseñadores web con increíbles mejoras

nueva version brackets

Hace unos meses les recomendé un nuevo editor para diseñadores web Open Source creado por Adobe y de nombre Brackets, en aquel entonces este fantástico editor para crear paginas web estaba en versión beta 0.4 y incluso en aquel momento Brackets se plantaba como una excelente alternativa entre los IDE de programación para diseño web, bueno pues el día de ayer Adobe lanzo Brackets 1.0 la primera versión estable de este editor de código para diseño web, la nueva versión de Brackets incluye una serie de características fantásticas que te harán reconsiderar elegir este como tu editor de código web oficial. Principales características de Brackets 1.0 Editor en linea En lugar de saltar entre tabs de archivos, Brackets te permite abrir una ventana directa al código que más te interesa. ¿Quieres trabajar en el archivo CSS que se aplica al ID específico de un elemento HTML? Basta con poner el cursor del ratón sobre......

Seguir leyendo 35

Plugin jQuery para animar iconos para diseños web

livIcons

Hace unos días revisando la documentación de Google Materials vi los efectos de transformación que utilizan en los iconos de sus aplicaciones, efectos bastante interesantes que aprovechan una combinación entre CSS3 y SVG, pero requieren de mucho código CSS, algo que no todos están dispuestos a incluir en sus archivos, buscando un poco me tope con una excelente alternativa, se trata de un plugin jQuery para animar iconos para diseños web. El plugin en cuestión se llama LivIcons que esta combinación entre jQuery, Animaciones CSS y WebFonts, bastante interesante, no se trata de una aplicación que anima los iconos que tienes ya incluidos en tu pagina, el plugin incluye un pack de iconos prediseñados con animaciones de transformación que puedes incluir en tu sitio o utilizar para reemplazar los iconos estaticos que actualmente tengas en tu pagina web. Un excelente recurso para diseñadores web que te permitirá agregar dinamismo a......

Seguir leyendo 25

Paquete de patrones lineales para fondos web

patrones de lineas gratis

Ahora les quiero compartir un muy buen paquete de patrones lineales perfectos para utilizar en fondos web o alguna otra aplicación donde se les ocurra que puede ser bueno utilizar este tipo de fondos, los etilos son muy diferentes no solo en lo que no solo varia la separación entre lineas, también varias los colores y el grosor de las lineas, estos patrones pueden ser perfectos incluso para utilizar en posters u otro tipo de diseños impresos. En la siguiente imagen les dejo un muestrario de todos los estilos de patrones que se incluye en el paquete, el paquete incluye un total de 50 diseños de patrones lineales en vectores para Adobe Illustrator, lo que los hace aun mejores ya que son patrones que pueden modificar en forma colores e incluso el ángulo en que están posicionadas las lineas, este paquete fue creado y compartido por el diseñador Aleman Fabian Ring.......

Seguir leyendo 20

Convertidor de imágenes PNG a SVG, sin perder calidad y comprimidas un 70%

Convertidor de imagenes PNG a SVG

ZorroSVG es una excelente herramienta web que deberíamos sumar a nuestros recursos de diseño, es una App que funciona como un convertidor de imágenes PNG a SVG sin haber perdida de calidad, comprimiendo los archivos PNG en mas de un 70% y ofreciendo soporte para transparencias, esta herramienta es perfecta para todo aquel que se dedique al diseño web y sepa sobre la importancia que tienen las imágenes en las paginas web y mas aun la importancia que tiene la optimización del peso de los archivos que incluimos en nuestras paginas. También sabra que los archivos JPG son lo mejor en cuanto a optimización y calidad, pero también sabemos que las imágenes PNG son nuestras preferidas porque permiten usar areas transparentes, pero tienen un grave problema mientras mas colores y efectos visuales tenga la imagen los archivos PNG se vuelven mas y mas pesados, convirtiéndose en toda una pesadilla. Pero los navegadores e......

Seguir leyendo 78

Plugin Photoshop para agregar marcas de medidas

size-marks-show

Les quiero compartir un plugin Photoshop que me encontré recién el día de ayer, se llama Size Marks y fue desarrollado por el desarrollador y diseñador Ruso Roman Shamin, es un plugin que te será sumamente útil, Size Marks es un plugins para Photoshop que te permitirá agregar marcas de medidas a tus diseños simplemente creando diversas capas que agregaran automáticamente un número de pixeles del recuadro que formes entre dos elementos para conocer las medidas entre ambos elementos y tener visibles las guías de distancia y medidas que fueron agregadas a Photoshop CC 2014 pero no son visibles en modo de impresión. El plugin Photoshop Size Marks te podrá ser de mucha utilidad cuando tengas que entregar un diseño a un desarrollador independiente o incluso para ti cuando tengas que imprimir el diseño para tener una guía visual de tu trabajo y no perder los detalles de distancia y medidas......

Seguir leyendo 75

App para diseñar favicons en linea

icon builder

La necesidad de instalar aplicaciones en tu computadora poco a poco se va limitando y muchas de las tareas que realizamos las pasamos a realizar permanentemente en Internet, esto hace unos años era difícil de imaginar pero debido a la expansión de las conexiones de Internet dedicado y a la multitud de aplicaciones existentes en Internet que nos permiten realizar algunas de las tareas mas comunes y algunas no tan comunes que usualmente necesitábamos de tener instaladas en nuestras computadoras. Una de esas alternativas es Icon Builder un simple pero útil App para diseñar favicons en linea, sin necesidad de abrir Photoshop o cualquier otro programa de diseño que tengamos instalado, con Icon Builder podemos deseñar nuestros iconos para botones o favicons de 16×16 pixeles, y exportarlos como archivos PNG o incluso como SVG para utilizar en nuestras paginas web. El editor de Icon Builder nos ofrece una pequeña ventana......

Seguir leyendo 25

Efecto de transición elástico con JavaScript

efecto elastico transiciones

Muchas veces en artículos anteriores sobre diseño web he mencionado la importancia de la interactividad y el encanto visual que deberían tener las paginas web para gustar a los usuarios, no se trata solo de la combinación de colores, el movimiento cuenta mucho, pero eso no significa hacer que todo se mueva como antes sucedía con Flash, se trata de volver a los principios del diseño y ha aquella frase que dice “los detalles hacen al diseño”. Eso es algo que podemos lograr con este efecto llamado Wobbly por su creador, se trata de un afecto de transiciones elásticas aplicado a Slideshows de pantalla completa, es un efecto tan sencillo como atractivo que le dará a tu web un toque que la hará diferente de todas las demás, es un script basado en JavaScript y CSS3 bastante sencillo y liviano. Al final podrás encontrar dos enlaces uno hacia el demo donde podrán......

Seguir leyendo 40

Pagina 1 de 29123...6...Antiguas »

#RanascreativasÚltimas imágenes enviadas