En Qbrushes y Qvectors, dos páginas hermanas que nos ofrecen recursos gratuitos para Photoshop e Illustrator, podemos encontrar una completa recopilación de brushes (pinceles) e imágenes vectoriales creadas por diseñadores profesionales y aficionados. Los recursos están organizados en varias categorías. Los brushes en abstractos, grunges, miscelánea, naturaleza, objetos, plantas, manchas de pintura y Swirls; mientras que las imágenes vectoriales se dividen en abstractas, personalizadas, iconos, ilustración, miscelánea, naturaleza, símbolos y swirl. En cada recurso, además de poder descargarlo, podremos votarlo, comentarlo o compartirlo.

Al descargar un brush para Photoshop nos encontraremos con varios ficheros, imagenes de ejemplo, licencias y condiciones de uso y el archivo .abr para instalar el pincel en Photoshop. Las imágenes vectoriales las descargaremos para Illustrator (extensión .ai). Los portales nos permiten acceder a los brushes o vectors a partir de una nube de tags con las keywords que los identifican, además de las categorías. Si hemos diseñado algún brush para Photoshop o hemos creado alguna imagen vectorial y deseamos publicarlos en Qbrushes o Qvectors, basta con rellenar un formulario y esperar su aprobación.

Más info | http://www.qbrushes.com
Más info | http://www.qvectors.com

Fuente | The n4gash Blog - Blog de diseño, programacion e internet

Qbrushes & Qvector, cientos de brushes y recursos gratis para photoshop

Font Squirrel, al igual que Dafont, es un portal donde podemos encontrar cientos de tipografías de descarga gratuita. Todas las tipografías que podemos encontrar en Font Squirrel tienen licencias creative commons que nos permiten utilizarlas en cualquier tipo de trabajo, incluso en proyectos comerciales. Disponemos de un buscador para buscar por el nombre de tipografías, aunque quizá sea más útil utilizar las categorías para encontrar el tipo de tipografía que estamos buscando: pixel, comic, caligráfica, con efectos desgastados o grunges, etc. También tenemos a nuestra disposición un listado con las fuentes más descargadas y las últimas añadidas.

Finalmente caben destacar los cientos de kits que podemos descargary que soportan la propiedad CSS3@font-face. Cada kit está compuesto por varios archivos: un .ttf, un .eot para internet explorer, una hoja de estilos de ejemplo y un texto con la licencia de uso del kit.

Más información | http://www.fontsquirrel.com

Fuente | The n4gash Blog - Blog de diseño, programacion e internet

Font Squirrel, descarga gratis cientos de tipografías y kits @font-face

La calidad de las fotos es realmente buena, aunque podemos encontrar de todo, aunque nos dicen que las dimensiones mínimas de todas las fotos son 4368?2912px (alta resolución). Hay fotos que pueden competir perfectamente con galerías de pago como GettyImages y que podemos conseguir de forma gratuita sin tener que pagar suscripciones o descargas. La única pega es que sólo permiten descargar 35mb diarios, es decir, alrededor de 30 fotos cada día (ya sabes, reinicias el router y a correr). Para poder descargar las imágenes que deseemos debemos registrarnos.

Lo que no me gusta nada es el buscador. En cualquier galería de fotos por suscripción o de pago te permiten seleccionar entre varios idiomas y las búsquedas las puedes realizar en el que hayas elegido. Por ejemplo, si eres español, seleccionarás el castellano y buscas por términos en esta lengua. Sin embargo, en Photl si seleccionas Español y buscas por fruta, no te encuentra ningún resultado. Tienes que buscar por términos en inglés, fruits.

También implementan en el buscador un filtro por colores que tampoco me gusta nada. Por un lado sólo te permite elegir entre un puñado de colores y por otro, si quieres buscar todas las imágenes que tengan de un determinado color, no te devuelve nada. Lo que hace es buscarte todas las fotos o imágenes de ese color según la keyword por la que hayas buscado. Si pones fruits y seleccionas verde, la pantalla se te inundará de kiwis, uvas y manzanas.

Los resultados puedes organizarlos por volúmen de descargas o fechas de descarga¿?. También nos permiten ver qué keywords están relacionadas con nuestra búsqueda y las imágenes mostradas, además de una interesante nube de tags para ver cuáles son las keywords con más fotos.

Fuente | http://ulczyk.blogspot.com
Más información | http://www.photl.com

Fuente | The n4gash Blog - Blog de diseño, programacion e internet

Photl.com, galería de fotos gratis de alta resolución

A finales de septiembre van a publicar The Smashing Book, libro impreso que trata sobre las mejores prácticas del diseño web actual. En el libro podemos encontrar diversas técnicas, trucos y prácticas de programación, usabilidad y optimización, y nos mostrarán cómo crear interfaces de usuario de éxito utilizando principios de marketing para aumentar el ratio de conversión. Podremos saber qué tipografías y colores debemos elegir para lograr diseñar páginas web intuitivas y efectivas.

El libro está a todo color con cerca de 300 páginas. Estará disponible para todo el mundo (gastos de envío gratis a EEUU y Alemania) y nos ofrecen una garantía de devolución del dinero de 30 días. Puedes hacer un pre-order antes de que se publique a finales de septimebre, beneficiándote de un 20% de descuento. Por aproximadamente 23€ (gastos de envío incluídos) he comprado mi ejemplar, ya os diré qué tal está.

El libro se divide en varios capítulos:

• El arte y ciencia de las CSS
• Diseño de interfaces de usuario en aplicaciones modernas
• Tipografías en la web: reglas, guías y errores comunes.
• Principios de usabilidad para webs modernas
• Guía del uso del color en diseños web y usabilidad<
• Procedimientos de optimización para páginas web
• Diseñar para vender: incrementa el ratio de conversión
• Cómo convertir una página web en una marca notable
• Aprendiendo de expertos: entrevistas y análisis
• La historia de Smashing

Más info | http://www.smashingmagazine.com

Fuente | The n4gash Blog - Blog de diseño, programacion e internet

The Smashing Book, libro de diseño gráfico, desarrollo y marketing web

Ember es un portal cuyo objetivo es ofrecer a los diseñadores compartir sus obras con otros usuarios, a la vez que éstos pueden tomar como inspiración el trabajo de otros creativos. Ember ha sido construído por un grupo de diseñadores que buscan crear un gran catálogo de diseños online.

Lo que caracteriza a Ember de otros proyectos similares es que no sólo dispone en su catálogo de diseños de páginas web o diseño gráfico, también incluye varias categorías de Diseño de Interfaces de Usuario. Los diseños están organizados por categorías: formularios de registro o login, wallpapers, iPhone Icons, Web Apps, claros u oscuros, logos, etc.

Podemos registrarnos y subir una imagen de nuestra obra, que podrá ser comentada o  ser añadida como favorita por otros usuarios, en plan socialmedia. Lo cierto es que el panel de visualización de las obras es muy similar a Flickr, con los datos del autor, propiedades de la imagen (stats, copyright, etc.), tags, etc.

Más info | http://www.emberapp.com

Fuente | The n4gash Blog - Blog de diseño, programacion e internet

Inspírate con diseños de otros y comparte los tuyos

En WindyApps podemos encontrar una completa colección de aplicaciones para Adobe Air. El catálogo cuenta con más de 250 aplicaciones gratuitas divididas por categorías (SEO, RSS,  finanzas, diseño, desarrollo, música, etc.). Nosotros mismos podremos sugerir nuevas aplicaciones para añadir al catálogo rellenando un sencillo formulario. Una de las ventajas que ofrece WindyApps es la posibilidad de votar por nuestras aplicaciones favoritas, creando así un ranking con las apps más valoradas por los usuarios. Si deseas estar al tanto de las últimas aplicaciones para Adobe AIR publicadas, puedes seguirlos en twitter (@adobeairapps) o en Facebook.

Más info | http://www.windyapps.com

Fuente | The n4gash Blog - Blog de diseño, programacion e internet

Más de 250 aplicaciones para Adobe AIR

En Pattern8 disponemos de una colección formada por casi 100 patterns (patrones) para nuestros trabajos de diseño gráfico. Los patterns son imágenes que se utilizan, de forma repetida, para fondos de páginas web, tarjetas, flyers, etc. Pueden tener cualquier estampado, ya sean formas geométricas, dibujos, elementos naturales, etc. Podemos filtrar los patterns por colores o simplemente ver toda la colección completa. A la hora de descargar el pattern que nos interese, descargaremos un zip con una imagen .PNG y un fichero de texto advirtiendo de la licencia. Es un portal similar a otros que ya os hemos comentado, como ColourLovers o Ava7Patterns.

Los patterns (patrones de diseño) tienen una licencia CopyRight, que entre otras cosas, no nos permite crear obras derivadas, distribuirlos, reclamarlos como nuestros o utilizar las imágenes alojadas en su servidor en nuestra página web (hotlinking). Sin embargo, y respetando estas normas, somos libres de utilizarlos para cualquier proyecto personal o comercial. Con lo que me pregunto, ¿tanto les hubiese costado poner una licencia Creative Commons, que en resumen, es exactamente lo mismo?

Más info | www.pattern8.com

Fuente | The n4gash Blog - Blog de diseño, programacion e internet

Pattern8, cerca de 100 patterns gratis para tus trabajos de diseño gráfico

Iconspedia ofrece de forma gratuita un extenso catálogo de iconos de gran calidad. Podemos descargarlos en varios tamaños (desde 32×32 a 256×256 pixels), en formato .PNG, o directamente en .ICO por si los queremos utilizar para el escritorio, como favicons, etc. La mayoría de iconos tienen una licencia Creative Commons que permite su libre utilización en cualquier proyecto, excepto si éste es comercial.

El catálogo es muy amplio. Está dividido en categorías, subcategorías y en casos concretos, a su vez, en más subcategorías. De esta forma los iconos están divididos según su temática y agrupados por etiquetas más concretas. Por ejemplo, hay una categoría de Animales que se divide en Insectos y Animales, a su vez, ésta última se divide en subcategorías según el tipo de animal (ovejas, osos, granja, animales de África, etc). Sin embargo, la herramienta ideal para encontrar lo que estemos buscando es el buscador.

Por otro lado, permite que cualquier usuario suba sus propios iconos, indicando la categoría, nombre del icono, autor y su página. Para poder subirlos debemos cumplir varios requisitos:

• Debemos ser los autores y estar en posición de los derechos de los iconos que vayamos a subir.
• Si vamos a subir un pack de iconos, éste deberá estar compuesto al menos de 3 imágenes con una resolución mínima de 64×64 pixels.
• No se pueden subir iconos con contenido para adultos o de baja calidad.

Interesante recurso que cualquier webmaster debería tener a mano para adornar y mejorar el aspecto de sus artículos o de su página web. Como única pega destacar el abuso de publicidad y la lentitud en el tiempo de carga.

Más info | http://www.iconspedia.com

Fuente | The n4gash Blog - Blog de diseño, programacion e internet

Iconspedia, extensa colección de iconos gratis

En mi caso, hice esos iconos con Photoshop y una tipografía pixelada para darle un aspecto más anguloso. Aunque no me llevó mucho tiempo, acabo de descubrir varias herramientas online que, de forma gratuita, nos permiten elaborar este tipo de iconos de forma personalizada en cuestión de segundos.

Tanto FeedForAll como RSS-Icons nos permiten crear nuestros propios iconos personalizando prácticamente todas las opciones: tamaño, tipo y tamaño de fuente, colores, tamaño y color del borde, textos que deben aparecer, etc.

Más info |  http://www.feedforall.com
Más info |  http://www.rss-icons.com

Fuente | The n4gash Blog - Blog de diseño, programacion e internet

Generador automático de iconos RSS, W3C, etc.

Las únicas pegas de este recurso son, por un lado, que las descargas están externalizadas en un servidor gratuito de carga de archivos (que a mí personalmente ni me ofrece confianza ni seguridad) y que, como bien indican en Blog And Web, si bien los autores de MyStockLogo permiten utilizar sus logotipos en cualquier proyecto sea comercial o no, también hay una nota en la que declaran que tienen todos los derechos reservados.

Más info | http://mystocklogo.com
Fuente | http://blogandweb.com

Fuente | The n4gash Blog - Blog de diseño, programacion e internet

MyStockLogo, galería de logos vectoriales gratuitos