Diseño

Nuevo paquete de iconos sociales gratuitos

por

socialicons

El administrador de SixRevisions es tan fanático de los iconos sociales como nosotros. Por esto es que después de meses de descargarse todos los buenos grupos que viera, decidió hacer su aporte a todos ofreciendo su propio paquete de iconos sociales. El mismo cuenta con 14 iconos que simulan tener fondo de acero, ideales para un diseño limpio en tonos grises o para cuando deseamos agregarlos a un blog sin temor a que resalten demasiado y se vean fuera de lugar.

Entre los mismos se incluyen los «clásicos del diseño»: DesignBump, DesignMoo y DesignFloat (que quienes trabajamos en esto sabemos que no siempre los tienen en cuenta), además de las redes mas utilizadas por todos, como Technorati, Twitter y StumbleUpon. Están disponibles en 64×64 pixeles y en formato Jpg.

40 paquetes de iconos para diseño web

por

icons

Varias veces les comenté de la importancia de contar con buenos iconos si planeamos crear un diseño web. No tenemos que olvidar que estas pequeñas imágenes pueden darle vida a ciertas zonas del contenido, y que en todo caso siempre viene bien saber donde encontrarlos para cuando los necesitemos. El estilo de los iconos en un sitio va a depender del resto del diseño, lo ideal es que mantengan el mismo estilo y no mezclemos para evitar que se vean fuera de lugar.

En Hongkiat publicaron una recopilación con 40 paquetes de iconos para diseño web que son sin duda un buen lugar para comenzar a descargar. Veremos en gran parte iconos relacionados al blogging y a la navegación, además del clásico icono RSS, calendarios, globos de texto y algunos ideales si planeamos un sitio que requiera iconos de mercado. Recuerden revisar las licencias si van a utilizarlos en un proyecto comercial.

21 brushes de humo para Photoshop

por

somkebrush

Los brushes de humo tienen la peculiaridad de no solo servir en un diseño como humo en sí, sino que en buenas manos pueden transformarse en una fuente de iluminación del proyecto, o rodear de forma abstracta alguna figura, entre otras cosas. Como con todo, a donde los llevemos va a depender de nuestra creatividad y de la inspiración que tengamos en el momento, además de por supuesto nuestros conocimientos sobre el programa.

En QBrushes publicaron un nuevo paquete de brushes de humo, de excelente calidad. Esto es importante porque si bien brushes de este tipo abundan en Internet, es raro ver un buen paquete que nos muestre diferentes imágenes con buena definición. Fueron creados por Graham Jeffery y son en total 21 brushes que podemos sumar a Photoshop una vez los descarguemos.

Colección de herramientas para diseñadores

por

firebug

Todos los que diseñamos, como en cualquier otro trabajo, contamos con ciertos elementos y herramientas que hacen nuestro trabajo algo mas ameno y rápido, o que nos ayudan a realizar nuestras tareas de alguna forma. Seguro muchas ya son conocidas por ustedes, como los sitios que nos permiten probar diferentes fuentes para un diseño web.

La gente de WebDesignerDepot publicó una extensa recopilación con herramientas útiles para diseñadores. Se incluye practicamente todo lo que uno necesita, como por ejemplo aplicaciones relacionadas a la tipografía, CSS, sitios que nos ayudan con paletas de colores, a crear formularios, motivos y fondos para un nuevo proyecto, además de generadores de botones y claro, nuestro querido Firebug . Ustedes ¿Cuáles de estas herramientas usan a diario? Estaría bueno que nos cuenten y si conocen alguna mas la sumen con un comentario.

Pure CSS Menu, crea un menú en CSS online

por

PureCSSMenu

Pure CSS Menu es excelente herramienta que te da la posibilidad de crear menúes desplegables en CSS sin ningún tipo de conocimientos de diseño, y en un par de clicks. Podemos partir de templates predefinidos, tenemos 8 para elegir, no son muy lindos que digamos, pero lo ideal es que lo personalicemos a gusto en vez de usar un template.

Para decirlo de una manera sencilla, es una especie de editor WYSIWYG para menúes CSS, ya que podemos ir agregando o eliminando ítems o enlaces con un click, ajustando las tipografías y colores, el enlace de destino, etc. Siempre viendo una vista previa de los cambios en la parte derecha de la pantalla.

Una vez que terminamos le damos al botón «download» y descargaremos un archivo comprimido con el código CSS y HTML para instalar el menú, también están incluídas las imágenes.

PD: No vamos a entrar en la discusión de cómo se dice, si menúes o menús, por favor les pido (?).

Visto en Web Upd8

15 sitios con vectores gratuitos

por

vectores

Para quienes todavía no lo sepan, trabajar con vectores tiene muchas ventajas. La principal es que a diferencia de otros formatos, nos permite diseñar de forma libre sin temor a que las imágenes pierdan su definición. Algo que habrán notado que con un Jpg por ejemplo no ocurre si deseamos aumentar su tamaño. Es por esto en parte que es el formato habitual en los logos, sobretodo si se planea que éste sea impreso en un futuro.

En ScarletBits publicaron una interesante recopilación con 15 sitios con vectores gratuitos que todos los que trabajamos en esto tendríamos que conocer. Van a poder encontrar gran cantidad de recursos vectoriales en todas las temáticas que se imaginen y por supuesto con buena calidad, que es lo primordial siempre.

Texturas de arena gratuitas

por

sand

Ya hace un tiempo les mostramos algunas texturas estilo grunge. Hoy en día es una de las temáticas que mas se están utilizando, y podemos comprobarlo viendo el diseño de algunos sitios web o incluso en los recursos que se ponen a disposición de todos a diario.

Otra forma de agregar este efecto (aunque no necesariamente solo para esto) es aplicar texturas de arena. Esto es lo que nos ofrecen en el sitio ThinkDesign: un excelente paquete de texturas de arena y otras imágenes relacionadas a la playa que podremos utilizar libremente y que para suerte de todos cuentan con una buena resolución (algo que todos apreciamos cuando llega el momento de trabajar con ellas).

myFontbook, visualiza las fuentes que tienes instaladas online

por

My Fontbook
myFontbook es una aplicación web muy interesante que no había visto hasta el momento, creo que es la única en su tipo hasta ahora. Te permite ver todas las fuentes que tengas instaladas en tu computadora, pero de manera online desde el navegador.

Al entrar en el sitio tenemos que pinchar en «Launch viewer» para que se cargue la aplicación y muestre todas las fuentes que tengamos instaladas en nuestro equipo, el proceso demorará más o menos dependiendo de la cantidad de fuentes que tengamos instaladas. Yo tengo instaladas unas 22o y no llevó más de 15 segundos en renderizarlas.

Una vez cargadas mostrará todas las fuentes disponibles que tenemos mediante una vista previa, y en la parte inferior todo el set de letras y símbolos. Si queremos podemos personalizar el texto que queremos que se muestre, en la parte superior tenemos el campo para ingresar el texto, y la fuente se mostrará con ese texto que pusimos.

Otras funcionalidades interesantes pueden ser la de guardar tipografías como favoritas, organizarlas por categorías o asignarle ratings para las que más nos gusten. Les recomiendo que se creen una cuenta entonces las configuraciones del sitio no se les borran.

Visto en Wwwhat’s new

20 tipografías gratuitas

por

20fuentes

Las tipografías son importantes en cualquier tipo de diseño. Ya vimos varias recopilaciones interesantes por acá, además de sitios que nos brindan este tipo de descargas de forma gratuita como FFonts.

En una de sus últimas publicaciones, Francesco Mugnai recopiló 20 tipografías gratuitas ideales para diseñadores, de excelente calidad y variados diseños, que encontró recorriendo el sitio Font Squirrel. Solo debemos recorrer el artículo y hacer click en la que nos guste para que nos lleve a la página donde podemos descargarla.

Si están en búsqueda de la fuente correcta para su nuevo proyecto, deberían pasar a verlas. Seguramente terminen descargando algunas a su Pc, para ampliar aún mas la variedad con la que probablemente ya cuentan.

Iconos sociales inspirados en bloques Lego

por

legoicons

Todos adoramos los bloques Lego y jugamos con ellos cuando eramos chicos. Con tanto icono social de moda actualmente por el furor de las redes sociales, cuando me encontré en LittleBoxOfIdeas con este paquete de iconos sociales inspirados en los Lego me pareció una idea super original e ideal para implementar en un sitio informal que estén planeando.

Los iconos son totalmente libres de uso tanto para proyectos comerciales como personales, están disponibles en cuatro medidas: 256×256, 128×128, 64×64 y 32x32px en formato Png e incluyen las redes mas utilizadas por todos como Twitter, Facebook y Technorati.