Diseño de Interfaces Web

TIPOGRAFÍAS

Para elegir el tipo de letra de nuestras creaciones web, no nos tenemos que conformar con las tipografías básicas. Google Fonts nos brinda una colección casi infinita, ordenada según popularidad o el parámetro que elijamos. Al ser fuentes web, no ocupan espacio en nuestro proyecto.

Otras veces lo que nos pasa es que hemos visto un tipo de letra que nos encanta para nuestro proyecto pero que no sabemos como se llama o donde encontrarla.  Con esto nos puede ayudar WhatFontIs, que nos permite con una imagen descubrir de que tipografía se trata o al menos nos da sugerencias de algunas similares.

IMAGENES

Todas las webs necesitan imágenes, pero es raro disponer de un fotógrafo (y robar está mal). Para sacarnos del apuro, existen bancos de imágenes de libre uso, como Wikimedia Commons, OpenPhoto o Flickr, entre otros.

iconos

A veces viene bien el uso de iconos para complementar al texto y a la vez, evitar que nuestra web, sea plana y aburrida. Podemos usar muchos paquetes de iconos, como éste, los Octicons de GitHub, o los Glyphicons, que acompañan a Bootstrap.

Si lo que queremos es pasar de los iconos predefinidos y crear uno propio a partir de una fotografía, lo podremos hacer con iConvertIcons, que nos permite descargar nuestros iconos con distintas resoluciones y con extensión .ico

Ya para los más creativos tenemos
X-icon Editor, es una herramienta online que permite el diseño desde cero de los iconos.

VARIOS

En internet podemos toparnos con infinidad de herramientas para la web, como creadores de favicon, comprobadores de dominios, o el WebStarterKit de Google, que nos ayuda a comenzar respetando los principios del buen uso de la web.

¿A que os mola?