Alguna vez lo he dicho en este mismo espacio, el mundo de la tipografía me parece dificilísimo pero a la vez muy atractivo desde el punto de vista estético. Unir la ilustración, el diseño y la tipografía en una obra en la que cada una de las técnicas es parte importante de las otras creando una imagen singular está al alcance de muy pocos y entre ellos se encuentra indudablemente Si Scott.

No dejo de sorprenderme al ver su obra. Qué facilidad para unificar textos a través de un diseño,  para crear una obra de arte simplemente con trazos y letras. Aunque no todo su trabajo se reduce a la integración de tipografías, sus diseños animales son simplemente fantásticos

Siempre me ha parecido dificil esta comunión de formas, y después de ver los diseños de Scott aún me lo parece más.

Nota sobre derechos de autor.- las imágenes de esta entrada pertenecen a Si Scott y se muestran aquí a modo de ejemplo de su obra.

Enlace.- Si Scott Studio

Como ya es costumbre en Smashing Magazine nos traen una colección de enlaces esta vez de 80 juegos diferentes de formas personalizadas, con más de 2.500 de ellas, organizadas en categorías como figuras humanas, animales, formas geométricas, transportes, plantas y un largo etcétera, todos ellos con un alto grado de calidad.

Sin duda un enlace para guardar entre nuestros marcadores.

Enlace.- Colección de formas personalizadas en Smashing Magazine.

Me ha dado por el arte en papel, y unido a que empieza el curso (aquí en Andalucía el día 15 de septiembre, o sea, mañana) os traigo una web con diseños de la compañía Fwis de personajes para imprimir, recortar, pegar y jugar.

Puedes bajarte en formato pdf el desarrollo plano de cada uno de los muñequitos de la página haciendo click sobre ellos. Aconsejan utilizar papel mate grueso y cinta adhesiva de doble cara para su ensamblado.

Para comprobar lo creativo de sus diseños podéis ver imágenes de algunos de ellos.

Enlace.- Readymech Series, Fwis

Desde el blog sobre diseño deziner folio presentan una galería en flash lista para descargar y usar. Entre las características más interesantes estan:

• Soporta Flickr, Picasa, Fotki, Photobucket además por supuesto de las imágenes personales que añadamos.
• Activa o desactiva “Impr Pant“
• Diseño líquido, es decir, se adapta al tamaño de la pantalla
• Fácilmente personalizable
• Modo de Pantalla Completa
• Permite fondo musical en mp3

Enlaces.-

• Galería dfGallery
• Documentación en línea

..

Se trata de una herramienta online para generar menús con aspecto web 2.0 en tan solo unos clics de ratón. Su uso es rápido y muy fácil, no requiere de registro y tiene una colección amplia de menús ya diseñados para que no tengas que empezar desde cero a crear el tuyo.

Permite generar menús con o sin submenús tanto horizontales como verticales, añadir las opciones y organizarlas arrastrándolas para crear la estructura de tu sitio. Una vez terminado, puedes descargarlo clicleando sobre el botón de download o guardarlo para que forme parte de la base de datos (para esto último debes registrarte previamente) y compartirlo.

La descarga consiste en un archivo .zip que contiene las imágenes, un fichero .js (javascript) y uno .html (página de ejemplo de uso), además de una carpeta llamada IzzyWebsite CMS con el contenido necesario para utilizarlo con la herramienta CMS izzyWebsite (esta no es gratuita) de la misma casa cuya utilidad es la generación de sitios web (si estás interesado, puedes probar una demo en la dirección http://www.demo.izzywebsite.com/admin.php).

Una herramienta con interfaz agradable, rápida y sencilla que puedes ser de utilidad en tus proyectos.

Enlace.- IzzyMenu

Lo que menos me gusta de la creación de una web es pasar del diseño -que generalmente hago en photoshop- a la definición de las propiedades en la hoja de estilos CSS. Como comenta Alex Barros en su artículo “Trucos para hacer diseños en CSS más rápido y mejor“, enfrentarse a la página en blanco de nuestro editor y empezar a escribir el código necesario, aún cuando se disponga del diseño del sitio, es un fastidio y desmoralizante en muchos momentos debido al comportamiento dispar y errático de los distintos navegadores con según qué reglas. En esos momentos viene bien tener una plantilla con la que empezar, en la que podemos incluir….

Esto es lo que nos ofrece el artículo de Alex, algunos consejos y reglas muy útiles para incluir en nuestra plantilla.

Hablamos de cuatro herramientas muy útiles a la hora de diseñar web:

1. Grid o rejilla totalmente ajustable y configurable que nos puede ayudar en el desarrollo de las hojas de estilos CSS.
2. Regla que permite extraer líneas guía para un mejor ajuste de nuestro diseño.
3. Línea y distancia entre dos puntos. Nos permite marcar dos puntos cualquiera en la web que estemos viendo y nos informará, entre otras cosas, de la distancia entre ambos.
4. Cruz que nos informa de la posición medida en pixeles en la que se encuentra el cursor en todo momento.

Para utilizarlas, debemos visitar la web del autor Allan Jardine y guardar el enlce del botón ‘design‘ con favorito, marcador o bookmark. Cada vez que nos encontremos en una web y queramos utilizar las herramientas debemos seleccionar el marcador guardado y aparecerá la imagen/menú de las mismas en la zona inferior derecha de la página.

Es sistema se basa en la descarga de las funciones javascript necesarias cada vez que lo llamamos, por lo que para su utilización debes tener activado en el navegador el uso de javascript. No requiere de instalación de ningún tipo de software o plugins y funciona bajo firefox 2+, IE 7, Safari 2.0.4+ y Opera 9.2+

Enlace.- Allan Jardine | Design

Vecteezy es, como su logo indica, un nombre estúpido detrás del que se encuentra una web con una gran colección de formas vectoriales listas para descargas y usar libremente.

Cada uno de los diseños, algunos de reputados ilustradores y artistas, se ofrecen bajo alguna de las formas de la licencia creative common de la que somos informados antes de la descarga.

Podemos encontrar los vectores en los formatos más utilizados como eps (Encapsulado PostScript), ai (Adobe Illustrator), cdr (CorelDraw), …, por lo que podremos adaptarlos (aquellos cuya licencia lo permita) con programas de diseño vectorial o colocarlos en nuestras imágenes mediante programas de manipulación digital de imágenes como photoshop.

Desde el menú lateral de la galería podemos filtrar los diseños atendiendo a criterios como la categoría, el tipo de fichero o la licencia de uso. La búsqueda de un diseño a nuestro gusto se hace por lo tanto fácil y ágil, ya que la navegación entre los resultados del filtro es visual mediante thumbnails o miniaturas de los mismos.