Las que ven abajo son una muestra del tipo de contenido que van a encontrar, hay por ejemplo de casas en venta, información, calendario, buscadores de internet, servidores, y un largo etcétera.

Algo que está buenísimo es que podemos cambiar la paleta de colores de la ilustración antes de bajarla. Esto es muy útil para que combine con el diseño de nuestro sitio web.

Tenemos dos formas de bajar las ilustraciones, una es en formato SVG y la otra en PNG para usarla como una imagen.

No son mucha cantidad, al momento de escribir este post son 50, pero supongo que con el tiempo irán agregando más modelos para descargar.

Estas ilustraciones están disponibles en el sitio unDraw.co y pueden descargarlas gratis para usarlas como quieran.

La entrada Geniales ilustraciones en SVG para descargar y usar en tus proyectos se publicó primero en Punto Geek.

Siempre que encuentro algún recurso de este tipo me gusta compartirlo con todos ustedes y más si son íconos gratis. No hay nadie que se resista a descargar un buen pack de íconos para tenerlos en la caja de recursos por si algún día hace falta.

En este caso les voy dejar un sitio llamado Iconbros, donde podemos encontrar más de 170 íconos planos en formato SVG o PNG.

Estos íconos son muy simples y minimalistas, pero pueden abrirlos y editarlos para colorearlos o modificarlos a gusto.

Lo bueno es que todos los días van subiendo nuevos íconos. Hasta hace unos días eran apenas más de 100, así que si entran a diario verán como la colección sube y sube.

Si desean usar estos íconos como fuentes web, también pueden hacerlo entrando aquí y bajando el set de fuentes.

La entrada 170+ íconos planos en PNG o SVG para descargar gratis se publicó primero en Punto Geek.

En total son 60 modelos de degradados, de todos los colores y para todos los gustos. Tienen la opción de descargarlos en formato de imagen, o bien descargar el código CSS para usar directamente en sus diseños.

Hacer un degradado, claro está, no es algo muy difícil. El secreto está en tener buen gusto para combinar los colores.

Pueden acceder a esta colección de degradados en CSS desde aquí.

La entrada 60 modelos de degradados en CSS para usar gratis en tus diseños se publicó primero en Punto Geek.

Esta es una noticia genial para todas las personas que se dediquen al social media, ya que tienen acceso a más de 100.000 modelos de plantillas editables para usar en sus posts.

Lo primero que tienen que hacer para poder acceder a este editor de gráfico en Hootsuite, es entrar en este link donde pueden instalar la app para que se conecte en nuestro panel.

Una vez instalada, tenemos que ingresar nuestro nombre y mail para que nos envíen un mail de confirmación. Entramos a nuestra bandeja de mail, confirmamos el link, y listo.

Ahora, lo que nos queda es entrar en el editor de imágenes desde la sección «Fuentes de contenido», y clickeando en PromoRepublic. Allí pueden elegir cualquiera de las plantillas y editarlas a gusto.

Si bien, dentro de esas plantillas hay contenido premium, hay miles que pueden usarse gratuitamente. Y, si se dedican a esto profesionalmente, tendría que plantearse comprar el servicio ya que es muy barato y tiene contenido de muy buena calidad.

La entrada Más de 100.000 plantillas editables para social media en Hootsuite se publicó primero en Punto Geek.

Este directorio es el resultado de años de trabajo de recopilar recursos de sus creadores, los cuales decidieron compartir todo con la comunidad, algo invaluable sin dudas.

Lo bueno es que todos los recursos están organizados por categoría o tipo, entre los cuales encontramos arquitecturas, blogs y sitios de noticias, comunidades, elementos, servicios, inspiración, interfaces gráficas, código, y mucho más. Obviamente que todos esos recursos están orientados siempre al desarrollador web.

Enlace: wwwhere

Visto en Soft&Apps

La entrada Más de 600 recursos gratuitos para desarrolladores web se publicó primero en Punto Geek.

Hasta el momento de la publicación de este post, y como pueden ver en la captura de arriba, tienen disponibles más de 46 mil elementos gráficos y más de 1200 kits completos de interfaces gráficas.

Sobre el funcionamiento no hay que decir mucho, es un simple buscador que, con solo ingresar una palabra clave, nos mostrará todos los resultados disponibles de manera muy visual y cómoda para el usuario.

Por ejemplo, si están buscando barras de progreso o botones de descarga pueden encontrar miles de alternativas y luego descargarlas gratis para sus proyectos.

UICloud

Visto en Nerdilandia

La entrada UICloud: Más de 1200 kits de interfaces gráficas gratis se publicó primero en Punto Geek.

El documento está titulado «Cómo hacer una infografía y no morir en el intento», y nos dará una idea de cómo hacer una infografía desde cero.

Básicamente, en el whitepaper se verán los siguientes puntos:

• Recopilar la información necesaria
• Buscar inspiración en otras infografías o visualizaciones de datos
• Herramientas y suites para generar la infografía

Para descargar el whitepaper tienen que entrar en este link y compartir la noticia mediante algunos de los botones sociales que están disponibles, de esta forma podrán desbloquear el enlace hacia el PDF (yo no les dejo el link directo al documento porque prefiero que le den créditos a los creadores y ayuden a difundir).

La entrada Cómo hacer una infografía desde cero se publicó primero en Punto Geek.

En el pack van a encontrar 250 vectores varios formatos: AI, EPS y SVG. Aunque también vienen en formato PSD y PNG en varios tamaños.

Estos vectores les pueden ser de muchísima utilidad para hacer trabajos donde tengan que crear folletos de turismo, infografías, o lo que se les ocurra.

Este pack lo pueden descargar completamente gratis desde Noupe.

La entrada Pack de 250 vectores de monumentos de todo el mundo se publicó primero en Punto Geek.

Popular UIs es un sitio muy curioso que salió hoy a la luz y nos permite descargar las UI en PSD de algunos de los sitios más populares de internet.

No creo que pase mucho tiempo hasta que las empresas responsables de estos sitios demanden al creador de los PSD o le pidan que elimine los arcchivos, aunque él dice que los puso a disponibilidad de la gente a modo «educativo».

En el sitio vamos a encontrar las UI de los siguientes sitios:

• Rdio
• Heroku
• GitHub
• Designer News
• Apple
• Facebook

Esos PSD son los que están disponibles hasta el momento, pero en el sitio prometen ir agregando nuevas UI semanalmente. Y si lo deseamos podemos suscribirlos a una lista de correo que nos notificará cuando haya nuevas UI disponibles.

Enlace: Popular UIs

Visto en TNW

La entrada Descarga las UI en PSD de los sitios más populares de internet se publicó primero en Punto Geek.

En Psddd podemos encontrar todo tipo de recursos en PSD, incluyendo kits UI, diseños de aplicaciones, botones, íconos, fondos, patterns, dispositivos, mockups, modals, formularios, box de búsqueda, y una infinidad de elementos que nos pueden salvar y ahorrar tiempo en nuestro trabajo.

La entrada Psddd: Un sitio para descargar todo tipo de PSD gratis se publicó primero en Punto Geek.

Resulta que desde Cult of Mac están ofreciendo un pack de 1.000 fuentes gratis. En el pack hay 238 familias de fuentes distintas, y en su totalidad son 1000 fuentes listas para usar en sus proyectos, sean comerciales o no.

Para acceder a esta promoción tienen que entrar en este link y darle al botón que dice «Get it», allí les pedirá que se abran una cuenta para poder seguir con el proceso de «compra». No se asusten de la palabra compra porque es gratis, solo que hay que pasar por el proceso de checkout como se hace normalmente, pero no tienen que pagar nada.

La entrada Pack de 1.000 fuentes comerciales GRATIS [Freebie] se publicó primero en Punto Geek.

En el kit van a encontrar todo tipo de vectores, desde cintas, gráficos de torta, mapas, símbolos horarios y muchas cosas más que les pueden ser de muchísima utilidad su manejan Photoshop.

Enlace: Free Vector Infographic Kit

Visto en Kabytes

La entrada Kit de vectores con elementos para crear infografías se publicó primero en Punto Geek.

Como se ve en la imagen, hay íconos de todo tipo, ya sea de redes sociales como Facebook, Twitter, Reddit, Pinterest, LinkedIn; de sitios de internet como eBay, Blogger, DropBox; también de marcas como Apple, MediaTemple, Yahoo, Google, y muchísimos más.

Enlace: Simple Icons

La entrada Simple Icons: Excelente set de íconos sociales y de internet se publicó primero en Punto Geek.

Esta herramienta que ofrece GraphicSpring puede ser de mucha utilidad para todos aquellos que no tienen absolutamente nada de conocimientos de diseño o que directamente ni tienen programas para este fin instalados en la computadora.

Se trata de una webapp muy útil que nos permite crear logos online partiendo de plantillas predefinidas y con una buena cantidad de recursos gráficos.

Primero tenemos que elegir el diseño que más nos guste y luego podemos agregar elementos gráficos, editar los textos, cambiar tipografías, etc.

Lo bueno es que esta herramienta es gratuita y no tiene «límites» a la hora de descargar el logo, sólo lo descargamos, sin pagar nada.

Enlace: GraphicSpring

Visto en I Love Free Software

La entrada GraphicSpring: Herramienta para crear logos online gratis se publicó primero en Punto Geek.

Después de varias semanas retomamos el Design Friday para que podamos seguir consiguiendo recursos de diseño útiles que nos ayuden en los próximos proyectos.

• Desde DesignBeep podemos descargar una selección con mas de 40 texturas de jean.
• Design Your Way por su parte nos muestra 60 tipografías gratuitas de lanzamiento reciente.
• Si como yo pasan mucho tiempo en Tumblr y quieren renovar su aspecto, pueden ver los 45 themes para Tumblr que publicó Web Design Burn.
• No pueden faltar los iconos. En este caso un genial set con iconos de radios antiguas de la mano de Hongkiat.
• Por último, Tripwire Magazine nos ofrece una recopilación con 40 set de brushes grunge para Photoshop.

¡Que los disfruten!

La entrada Design Friday: Tipografías, Tumblr y grunge se publicó primero en Punto Geek.

Su uso es tan simple que sólo consta de un paso, elegir el color que más les guste y automáticamente se generará el código listo para copiar y pegar. Aunque también tienen una sección para personalizar por completo el botón, donde podemos cambiar color por color, elegir un texto para el botón, cambiar el radio de las esquinas, y muchas cosas más.

Enlace: CSS Gradient Button

La entrada CSS Gradient Button: Generador de botones con degradados en CSS se publicó primero en Punto Geek.

CSS3 Shapes es un interesante sitio que nos ofrece decenas de formas en CSS3, como rectángulos, círculos, cudrados, óvalos, estrellas, corazones, triángulos, trapecios, huevos, globos de texto, y muchas cosas más, todo en CSS sin imágenes.

Enlace: CSS3 Shapes

Visto en WebResourcesDepot

La entrada CSS3 Shapes: Cuadrados, rectángulos, círculos, triángulos, estrellas, y mucho más en CSS3 se publicó primero en Punto Geek.

CSS Border Radius Generator es una excelente herramienta para generar cajas con esquinas redondeadas online, totalmente en CSS. Su uso es muy simple, sólo tienen que especificar el radio que quieren en cada esquina y copiar el código que les genera el sitio. ¡Más simple imposible!

Enlace: CSS Border Radius Genetator

La entrada CSS Border Radius Generator se publicó primero en Punto Geek.

La técnica de CSS Sprites es muy utilizada por los diseñadores porque tiene grandes ventajas, por un lado la velocidad de carga de un sitio web aumenta considerablemente, y por otro ayuda a reducir el consumo de recursos ya que sólo se pide un archivo en vez de varias imágenes. El problema principal de esto es que para el usuario mortal es complicado de realizar, generar un sprite requiere de un poquito de trabajo.

Sin embargo, hoy quiero recomendarles una excelente herramienta que nos permite generar sprites online sin tener absolutamente nada de conocimientos. Estoy hablando de SpritePad, con la cual podemos crear un sprite en segundos y sin esfuerzos.

Lo que tienen que hacer es comenzar a agregar las imágenes que quieren en el sprite y acomodarlos en el espacio de trabajo, una vez que terminan el sistema les generaráel sprite y el CSS que tendrán que utilizar. Al terminar descargan un ZIP con todo incluído y listo.

Esta herramienta es totalmente gratuita y no requiere registro, aunque si creamos una cuenta tenemos la posibilidad de agregar amigos y trabajar de forma colaborativa modificando el sprite. Por otor lado también tienen una función de pago llamada Auto Layout, que se encarga de organizar automáticamente el sprite.

Enlace: SpritePad

Visto en WebResourcesDepot

La entrada Generar sprites en un par de clicks con SpritePad se publicó primero en Punto Geek.

Si te falta encontrar alguna foto, ilustración, plantilla o vector para terminar algún proyecto, no dudes en visitar esta herramienta en línea, de nombre FreePick, cuya misión en la web es darte una solución fácil y sencilla para encontrar ese tipo de recursos. Actualmente cuenta con 1,3 millones de archivos, y el número va en crecimiento.

Además, para la alegría de muchos hispanos, es un sitio completamente en español, por lo que no sufrirán al realizar alguna búsqueda. Yo lo acabo de probar, y recién descubrí que te arroja dos tipos de resultados, los gratuitos y los de paga. La diferencia, sin mucho tiempo de análisis, fue la calidad. Los de paga eran imágenes que te ponían un wow en la boca. Pero no por ello las gratuitas dejan de ser útiles. ¡Todo lo contrario!

Web: FreePick

Visto en: Genbeta

La entrada FreePick – Busca imágenes gratis para tu proyecto se publicó primero en Punto Geek.

Fount es un bookmarklet que nos permite averiguar qué tipografías usa un sitio web de forma rápida y simple. Lo único que tienen que hacer es entrar en el enlace de abajo e instalar el bookmarklet. Luego, cuando entran en el sitio web deseado pinchen en el bookmarklet para activar la función de detección de fuentes.

Ahora vayan clickeando en cada una de las fuentes que les gusten y arriba ala derecha les dirá el nombre, tamaño, propiedades, etc. Si quieren desactivar el modo de detección pinchen nuevamente en el bookmarklet y podrán seguir navegando normalmente en el sitio.

Enlace: Fount

Visto en WebResourcesDepot

La entrada Identifica las fuentes que utiliza un sitio web con Fount se publicó primero en Punto Geek.

Con Compare Ninja podemos crear esas tablas en segundos sin necesidad de conocimientos de HTML y CSS. Lo único que tienen que hacer es ingresar un título para la tabla, especificar la cantidad de productos y categorías a comparar y luego comenzar a editar cada uno de los ítems por separado.

Una vez que terminan la tabla pueden descargar el código HTML/CSS que les genera el sitio e insertarlas en sus propios sitios web.

Enlace: Compare Ninja

Visto en WebResourcesDepot

La entrada Crear tablas comparativas online con Compare Ninja se publicó primero en Punto Geek.

Primero empezamos poniendo un texto (el que llevará el logo), y el sistema nos generará una serie de logos aleatorios con distintos diseños. Ahí tienen que elegir el que más les guste y comenzar a editarlo, pudiendo agregar distintos degradados, cambiar las tipografías, agregar sombras, bordes, reflejos, y muchísimas cosas más. Incluso hasta podemos agregar imágenes desde la biblioteca o subirlas desde nuestro disco.

Una vez que terminamos podemos descargar el logo en el tamaño que queramos y en muy alta calidad, ya sea en formato PDF, PNG o en un ZIP.

Debo reconocer que de todos los generadores de logos online que probé, Logotype Maker es el mejor de todos, ya sea por su facilidad de uso, por la calidad de los diseños, y por las opciones de personalización que tiene.

Enlace: Logotype Maker

Visto en GeeksRoom

La entrada Logotype Maker, el mejor sitio para diseñar logos online gratis se publicó primero en Punto Geek.

Como todos los viernes llegó el momento de dedicarnos un rato a sumar recursos a nuestra colección personal gracias al Design Friday semanal.

• SpeckyBoy nos muestra 15 themes para WordPress que se adaptan de forma genial a cualquier tipo de dispositivo.
• Por su parte, Tripwire Magazine publicó una genial recopilación de mas de 220 texturas de madera.
• Si necesitamos inspiración para crear nuestra propia tarjeta personal, en Slodive recorriendo 25 modelos originales vamos a encontrarla.
• Pero si por otro lado, buscamos directamente una plantilla para editar minimamente y mandar a imprimir, podemos acudir al listado de mas de 25 en Web Designer Depot.
• Terminamos con una gran galería de iconos de Google Plus gratuitos en DesignModo.

¡Que los disfruten!

La entrada Design Friday: Tarjetas personales y themes se publicó primero en Punto Geek.

Llega el viernes y con él los recursos que forman parte del Design Friday de cada semana.

• Slodive nos muestra 30 sets de brushes gratuitos para Photoshop.
• Pixeden por su parte, publica un genial paquete de iconos de medios de pago.
• Para quienes estén buscando themes en formato PSD, Noupe recopiló veinte ejemplos de excelente calidad.
• Las infaltables tipografías hoy cobran estilo oriental y podemos descargarlas en Design Resource Box.
• Por último, Specky Boy selecciona 20 sets de motivos para utilizar como fondo en nuestros proyectos.

¡Que los disfruten!

La entrada Design Friday: Brushes, themes PSD y estilo oriental se publicó primero en Punto Geek.

Terminamos como siempre la semana con los recursos del Design Friday correspondientes al día de hoy. Recuerden revisar las licencias como corresponde, sobretodo en el caso de que los implementen en proyectos con fines comerciales.

• Desde el blog de Design Bump ofrecen un set de iconos sociales estilo grunge en forma de latas.
• Smashing Hub nos muestra 30 paquetes de elementos UI para utilizar en nuestros proyectos.
• En el sitio de Diego Mattei encontraremos un excelente grupo de coches antiguos en formato PSD.
• Setup-WP recopiló ocho themes para WordPress completamente funcionales.
• Por último, podemos descargar en Designzzz cualquiera de los 20 estilos de capas para Photoshop que publicaron hace unos días.

¡Que los disfruten!

La entrada Design Friday: Iconos sociales, elementos UI y themes se publicó primero en Punto Geek.

Primer Design Friday de septiembre y uno no puede evitar pensar en como se nos va volando el año. Sin embargo todavía quedan unos meses para seguir recopilando recursos y estar siempre listos a la hora de diseñar, evitando perder tiempo a último momento buscando «eso» que justo estábamos necesitando.

• NinjaCrunch publicó una genial recopilación con 25 sets de vectores y brushes de animales gratuitos.
• Vandelay como siempre ofrece recursos que se vuelven necesarios para todos. En este caso se trata de una acción para Photoshop que se encargará de crear un efecto 3D realmente increíble.
• Si buscan tipografías, en Underworld Magazines muestran 17 creativas y modernas de las últimas que salieron a la luz.
• TFBox ofrece un diseño en PSD idea para crear un nuevo portfolio o galería de trabajos.
• Por último, si son amantes del minimalismo, en SpeckyBoy crearon una galería de sitios creados bajo esta idea con un resultado exitoso.

¡Que los disfruten!

La entrada Design Friday: Acciones, tipografías y minimalismo se publicó primero en Punto Geek.

Teníamos abandonado el Design Friday de la semana pasada y no podía dejar que ocurra esto nuevamente hoy. Recorramos algunos de los recursos que se dieron a conocer los últimos días y encontremos en el último punto algo de inspiración, que nunca viene mal :p.

• Vandelay nos muestra 100 sets de brushes para Photoshop separados en categorías para hallar con mas facilidad lo que estamos buscando.
• En Design Resource Box podremos ver una gran cantidad de paquetes de vectores de temáticas variadas.
• Fungus es un nuevo theme para WordPress de aspecto limpio y atractivo que podemos conseguir gracias a DynamicWP.
• Si buscan iconos sociales, los 50 mejores sets lanzados en los últimos tiempos fueron listados en Specky Boy.
• Por último, y como les comentaba antes, los invito a que encontremos inspiración en las creativas tarjetas personales de color negro que publicaron en Creative Overflow.

¡Que los disfruten!

La entrada Design Friday: Brushes, Iconos e Inspiración se publicó primero en Punto Geek.

Viernes de diseño y Design Friday con los recursos que fueron saliendo esta semana y que pueden ayudarlos en nuevos proyectos.

• En I Can Be Creative nos muestran themes de WordPress gratuitos que se caracterizan por su originalidad.
• Noupe publicó mas de 50 generadores CSS ideales para ahorrar tiempo.
• Por su parte, Premium Pixels ofrece 10 texturas de madera de gran calidad.
• Blog GoDown recopiló 75 set de iconos sociales variados.
• Por último, en Brush King podremos descargar 12 pinceles con swirls.

¡Que los disfruten!

La entrada Design Friday: Brushes, texturas y themes se publicó primero en Punto Geek.

Como siempre decimos, nunca está de mas sumar recursos a la colección personal de cada uno, y por eso cada viernes vemos algunos de los mejores que salieron a la luz durante la semana.

• Diego Mattei publicó en su blog un paquete con animales marinos en PNG.
• Si buscan recursos vintage, Noupe armó una increíble recopilación con todo tipo de elementos.
• Para quienes trabajamos en WordPress, SmashingApps creó una recopilación con 15 plugins que todos debemos conocer.
• Si lo que desean es crear un blog de fotografía, Tripwire Magazine muestra mas de 40 themes para galerías de imágenes.
• Por último, SmashingHub recopiló 20 sets de brushes con dibujos variados para Photoshop.

¡Que los disfruten!

La entrada Design Friday: Animales, estilo vintage y plugins se publicó primero en Punto Geek.