Diseño

FaviconTool es una simple herramienta online que nos permite generar un favicon en segundos. Sólo tenemos que elegir una imagen que tengamos en nuestra computadora y subirla para que el sistema la redimensione y le de formato.ico.

También podemos crear favicons animados, esto lo podemos hacer insertando un texto en el campo correspondiente que es «Scrolling Text«. Preferentemente usen imágenes que sean cuadradas para que no se distorsione y les quede bien el diseño.

Para instalar el favicon en nuestro sitio tenemos que descargarlo co el botón «get it now«, luego lo descomprimimos, lo subimos al directorio raíz de nuestro servidor, y tenemos que agregar la siguiente línea de código a nuestra plantilla dentro de los tags < head > </ head >

GMK Free Fonts es un sitio que tiene una base de datos de 6.500 fuentes gratuitas para descargar. Todas están organizadas por la inicial de su nombre, y hay un buscador para encontrar una fuente de manera directa si es que sabemos su nombre.

Lo que creo que le hace falta al sitio es la opción de poder especificar una frase o texto pata que el sistema las muestre con las fuentes para tener un preview más personalizado y saber si va a satisfacer nuestras necesidades.

Vía | Informática Práctica

En Creabits encontré esta imagen que es parte de una publicidad de la página de Apple, obviamente lo que quieren destacar es el diseño de las Mac ante las Dell. A mi parecer está un poquito exagerado el «cableado» de la Dell, pero igualmente es publicidad, ahí todo vale.

A través de Digilicious me encuentro con What The Font?!, un sitio en el cual podremos saber el nombre de aquella fuente que nos quita el sueño y no teníamos ni idea donde comenzar a buscar. Con sólo subir una imagen (o especificar la URL) que contenga nuestra tipografía «desconocida», el sistema se encarga de analizarla y mostrar las posibles coincidencias.

Cuando no reconoce caramente algunos caracteres de la imagen los tenemos que ingresar manualente para que el sistema pueda reconocer bien la tipografía y nos de mejores resultados.

El principal «problema» es que, al ser un servicio del sitio de fuentes MyFonts, todas las coincidencias que da el sistema son de fuentes comerciales, que obviamente nunca son baratas. Pero por lo menos tendremos el nombre de la fuente, después cada uno verá donde la puede «conseguir».

A través del blog de Arturo Goga me encuentro con una herramienta muy interesante llamada YourGen, y se trata, principalmente, de un generador de logos con distintos diseños. Por ejemplo, tenemos diseños con tipografías y efectos web 2.0, logos «divertidos», góticos o antiguos, fuego, etc.

Podemos crear logos, relojes y contadores de visitas para nuestro sitio web, todo de una manera sencilla y con pocos clicks. Además tienen una gran cantidad de tipografías para elegir la que más se adecue a nuestros gustos.

Vía Xyberneticos encuentro una herramienta bastante útil para crear botones con íconos y texto. Para los diseños utiliza el pack de íconos de famfamfam.com, muy conocidos en el mundo de internet.

Cuando entramos al sitio se nos pide que ingresemos el texto que queremos que lleve el botón, luego elegimos el ícono deseado, están todos ordenados por órden alfabético (abajo a la izquierda), seleccionamos el ícono deseado y podemos ver como va quedando.

Tenemos un botón de preview para ver como va a quejar nuestro botón, y si estamos a gusto vamos al siguiente paso, que es generar el botón pinchando en «Generate Button«. Ahí se nos abre un popup para guardar el botón a nuestra computadora, sin didas es una herramienta que nos puede sacar del paso más de una vez.

Un ejemplo de un botón creado con esta herramienta es el siguiente:

A través de BitSignals encuentro tres sets de íconos con diseño 2.0 muy atractivos diseñados por la gente de WebFruits y que están disponibles bajo Licencia CC para descargar.

En el primer set (demo) encontramos 30 íconos en formato PNG, entre los cuales hay íconos dedel.icio.us, Flickr, Feed RSS, Technorati y YouTube.

En el segundo set (demo) encontramos íconos de dedel.icio.us, Flickr, Feed RSS, Technorati y YouTube, pero con un diseño que es similar al de una hoja doblada.

Y por último, el tercer set (demo) que consta de sólo 10 íconos con un diseño en cubo muy buenos. Aquí hay íconos de Twitter, FeedBurner, MSN, Technorati y Gmail.