![](http://lesptitesaffairesdemayl.be/img/images/this-week-in-design-sept-12-2014_5.jpg)
Una parte esencial de lo que hace que alguien se conecte con el diseño es la emoción y el sentimiento. Y estas son dos cosas que pueden ser difíciles de predecir, describir y diseñar. Pero hay un poco de ciencia detrás de la emoción y el sentimiento y por qué podría reaccionar de cierta manera, y ese es nuestro enfoque esta semana en el diseño.
Cada semana, planeamos echar un vistazo a los principales lanzamientos y actualizaciones de productos, herramientas y trucos e incluso algunas de las cosas más populares de las que habla en las redes sociales. Y nos encantaría escuchar lo que está pasando en tu mundo también. ¿Nos hemos perdido algo? Envíeme una línea en [correo electrónico protegido].
Cómo te hacen sentir las fuentes
![](http://lesptitesaffairesdemayl.be/img/images/this-week-in-design-sept-12-2014.jpg)
Hay una ciencia para la tipografía. Más específicamente hay una ciencia sobre cómo las fuentes pueden hacerte sentir. The Next Web tiene una gran visión de cómo el tipo puede impactar en ti y lo que los diseñadores pueden hacer para impactar mejor el tipo de "La ciencia detrás de las fuentes (y cómo te hacen sentir)".
Desglosar la ciencia es más simple de lo que podrías imaginar:
- Piensa en cómo lees. (Es un patrón natural!)
- Piensa en cómo te hacen sentir las fuentes correctas. (Coinciden con el tono de lo que estás leyendo.)
- Piensa en cómo te hace sentir el diseño. (Si los elementos se colocan de manera que no perturben el flujo de texto, será más feliz)
- Piensa en asociaciones culturales con tipografías. (Las letras pueden representar o ayudarlo a relacionarse con otros objetos u objetos).
¿Pero qué puedes hacer con esta información? ¿Cómo se puede usar para diseñar con tipos de letra que se asocian con una mejor sensación? Entender la tipografía es el lugar para comenzar. Conocer los conceptos básicos, como las categorías de fuentes (serif, sans serif, script y decorativos) y los principios de legibilidad y legibilidad, es un buen comienzo.
Pero hay algunas otras cosas que puedes hacer también:
- Escoja tamaños de letra mayores a 12 puntos. "Muchos diseñadores mencionan que la fuente 16pt es la nueva fuente 12pt".
- Tenga en cuenta la longitud de la línea. Tenga en cuenta que la longitud de línea ideal para un sitio web de escritorio se encuentra entre 50 y 75 caracteres.
- Preste atención al espaciado. Asegúrese de que haya suficiente espacio entre las líneas de texto para facilitar la lectura.
Entendiendo las Formas CSS
![](http://lesptitesaffairesdemayl.be/img/images/this-week-in-design-sept-12-2014_2.jpg)
La forma de una imagen o bloque de texto puede hacerte sentir algo al respecto. La forma también proporciona información adicional sobre un elemento, su uso y función en el diseño general. Pero crear formas para proyectos web no siempre fue fácil, especialmente con imágenes complejas.
Las formas CSS crean una solución a ese problema. ? La mayoría de los sitios web se adhieren a un molde simple: encajar el contenido dentro de rectángulos dentro de otros rectángulos más grandes, algo que a la mayoría de los usuarios les puede parecer más aburrido que alucinante? escribe Zack Rutherford para UX Magazine. "Las formas CSS, por otro lado, permiten una mayor libertad para los diseñadores que buscan contornear su contenido dentro o alrededor de parámetros interesantes y visualmente atractivos".
Pero cuando deberías usar formas CSS en tus proyectos. La respuesta está en el artículo, 'Simetría, Tamaño, Velocidad y Formas CSS'.
Hay una lista bastante persuasiva de razones por las que deberías trabajar con formas CSS además de ser divertido.
- Novedad: "La capacidad de alterar el texto para comprimirse en espacios reducidos o, como alternativa, expandirse en rangos más amplios, ofrecerá una mayor libertad a los diseñadores que armen sus diseños".
- Control avanzado de flujos de usuarios: permite dar forma al contenido en figuras, disminuir el texto línea por línea o usar el texto como formas para enfatizar otros elementos de la página.
- Dar forma al contenido facilita la narración visual: "Las opciones de variabilidad una vez que abandonas la idea de una estructura de muros para tu contenido escrito son asombrosas".
- Simetría, tamaño y velocidad: las formas CSS se pueden utilizar para mantener la forma de su contenido independientemente de la ventana gráfica, lo que lo hace universalmente simétrico, por no mencionar el uso de RWD.
Diseñar una fuente
![](http://lesptitesaffairesdemayl.be/img/images/this-week-in-design-sept-12-2014_3.jpg)
Crear fuentes no es tan simple como dibujar unas pocas letras en una servilleta. El desarrollo de fuentes y tipos de letra es un proceso de varios pasos que debe realizar. Pero incluso sin mucha experiencia, puedes crear tu propia fuente.
El diseñador de tipos Tyler Finck recientemente armó un video de 18 minutos menos y un artículo para Creative Market para guiarlo a través del proceso. ¿Cómo hacer una fuente? Es una buena idea crear algo por tu cuenta (pero debes tener una Mac para este tutorial).
Y mientras que casi cualquier persona puede hacerlo, tendrá que estar preparado para tener un poco de paciencia y dedicación. Crear una fuente no es tan fácil como 1-2-3.
? Hacer una fuente buena y utilizable tomará práctica y muchas horas? Finck dijo en el artículo. ? No es "difícil" si te encanta hacerlo, y es probable que lo sepas de inmediato si es algo que te encanta hacer. Probablemente hará revisiones, incorporará comentarios de otros usuarios, probará en una variedad de circunstancias (diferentes aplicaciones / impresión / web) y más.
Si crear su propia tipografía tal vez no sea su taza de té, considere descargar una de las creaciones de Finck. Es diseñador profesional desde 2005 y tenía varios tipos de letra disponibles en Creative Market.
Solo por diversión
![](http://lesptitesaffairesdemayl.be/img/images/this-week-in-design-sept-12-2014_4.jpg)
Finalmente una representación visual de cómo se sienten los lenguajes de programación. (Y una muy precisa para eso, para mí).
Bjorn Tipling miró y dibujó una pequeña secuencia de fondos en "Si los lenguajes de programación fueran armas". El post pasa por cada lenguaje de programación y cómo se relaciona. Las comparaciones son bastante inteligentes y relacionables.
? C ++ es un conjunto de nunchuks, poderoso e impresionante cuando se maneja, pero requiere muchos años de dolor para dominarlo y, a menudo, probablemente desearías estar usando otra cosa? el escribe. Además: "JavaScript es una espada sin empuñadura".
Asegúrate de ir a leer. Es muy divertido e incluso podría ser un gran pick-me-up al final de la tarde.