CSS Font Stack, nos muestra una relación de las fuentes más utilizadas a la hora de escribir textos en nuestros diseños web y su compatibilidad con los sistemas operativos Windows y Mac.
Además de poder ver cómo se ve y se lee cada una de las fuentes, podemos copiar el código font-family.
Ya sabéis que ahora podemos utilizar todo tipo de fuentes en el diseño web, como pudimos ver el el post de «diseño web con google web fonts«, aquí se trata simplemente de ver cómo queda en pantalla una fuente antes de usarla para nuestros títulos y párrafos.
Hacer más fácil la lectura usando bien las fuentes
Más del 90% de la información de una web está escrita, por lo tanto es obvio que deberemos de controlar a la perfección esta disciplina, tanto gráfica como estructuralmente.
Debemos de saber cómo distribuir toda esa información, dando relevancia a lo importante, sabiendo destacar lo imprescindible de lo demás, para que el usuario pueda encontrar con facilidad lo que busca.
Lo retro está de moda, y en especial el «GRUNGE«, se está convirtiendo en un estilo de diseño casi indispensable en una web o blog que quiera estar a la última. Una tendencia que está en la calle, en los nuevos diseños de coches, ropa, complementos,… y como no podía ser de otro modo, el diseño gráfico también ha sucumbido a esta moda.
Estos diseños grunge, se muestran a través de fondos sucios, desgarro de imágenes y tipografías, y el dibujo a mano de ilustraciones y textos, que pretenden dar más personalidad a estos diseños.
La 2.0 trajo las esquinas redondeadas y los grandes textos, no significa que este estilo»grunge» los haya dejado de lado, es como si los hubiese acogido pero de un modo más sutil. Estaríamos pues hablando de la evolución del estilo 2.0.
Los elementos grunge no tienen que tener necesariamente un aspecto desordenado, una web o blog con diseño grunge puede tener infinidad de elementos grunge pero dar en general un aspecto cuidado y ordenado. Una prueba la tenemos en la web de Jeremy Zevinen ella podemos ver como combina el aspecto grunge del fondo con el aspecto 2.0 del blog, son dos tendencias de diseño perfectamente compatibles.
A continuación os dejo un bloque de utilidades y consejos para que hagáis vuestros diseños grunge… (más…)
Este post está documentado en un estudio que hizo Smashing Magazine.
Los diseños están limitados a la fuente que tiene el usuario instalada en su máquina. Este problema parece que se está solucionando (Sifr), aunque todavía no está muy desarrollado, será un enorme paso para poder tener más control sobre nuestros diseños (aunque esto será tema para otro post). Ahora lo que hacemos es colocar estos textos como imágenes, y según este estudio las fuentes más usadas son: (más…)
Curioso el video que he encontrado en youtube. Sabemos que las fuentes se ponen de moda y cuando lo hacen a veces llegan a saturar el mercado, pudiendo encontrarlas en web, prensa, televisión,… Pero lo de la fuente Trojan es curioso, el abuso de esta fuente a lo largo de la historia del cine es tremenda. Desde las antiguas películas de romanos hasta las más actuales, siguen sirviéndose de esta fuente para ilustrar sus carteles. Creada por Carol Twombly en 1989, esta tipografía está inspirada en las inscripciones que se encuentran talladas en la base de la columna de Trajano, levantada en Roma en 113 para conmemorar la conquista de Dacia por el emperador Trajano (53-117). Quien se lo iba a decir al emperador… 😉
Typographica, realizó un ranking de las mejores tipografías usadas el año pasado. Para ello contó con 25 de los diseñadores más representativos del mundo.
En este artículo podréis ver casi 40 fuentes, de las que particularmente a mi me han llamado especialmente la atención dos, «BistroScript» y «Los Nidos».
El uso de fuentes, como diseñador web, queda bastante limitado por tener que usar las fuentes «tipo» que el usuario tiene instaladas en su máquina. No vamos a entrar en este artículo en scripts especiales para poder usar otras fuentes.
Ahora gracias a las CSS y cada vez más, el usuario podrá tener la opción de decidir el tipo de letra con el que quiere ver nuestra web.
Decidir el tamaño de letra es muy importante a la hora de diseñar nuestra web, sin embargo hay que ser conscientes de que un mismo tamaño de letra no se ve igual por ejemplo, en Windows que en Mac. En un Mac, la resolución por defecto es de 72 dpi, mientras que en Windows es 96 dpi. (más…)