Esta semana en diseño: 12 de septiembre de 2014
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 las emociones y los sentimientos y por qué podría reaccionar de cierta manera, y ese es nuestro enfoque esta semana en el diseño.
Cada semana, planeamos ver los principales lanzamientos y actualizaciones de productos, herramientas y trucos e incluso algunas de las cosas más populares de las que está hablando en las redes sociales. Y nos encantaría saber qué está pasando en su mundo también. ¿Nos hemos perdido algo? Envíeme una línea a [correo electrónico protegido].
Cómo las fuentes te hacen sentir
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 excelente visión de cómo el tipo puede impactarlo y qué pueden hacer los diseñadores para impactar mejor el tipo en "La ciencia detrás de las fuentes (y cómo te hacen sentir)".
Desglosar la ciencia es más simple de lo que puedas 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, estará más feliz).
- Piensa en asociaciones culturales con tipografías. (Las letras pueden representarlo o ayudarlo a relacionarse con otros objetos o elementos).
Pero, ¿qué puedes hacer con esta información? ¿Cómo puedes usarlo para diseñar con tipografías que se asocian con una mejor sensación? Comprender la tipografía es el lugar para comenzar. Conocer los conceptos básicos como las categorías de tipografías (serif, sans serif, script y decorativo) y los principios de legibilidad y legibilidad son un buen comienzo.
Pero también hay algunas otras cosas que puede hacer:
- Elija tamaños de fuente mayores a 12 puntos. "Muchos diseñadores mencionan que la fuente de 16 puntos es la nueva fuente de 12 puntos".
- 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 cae entre 50 y 75 caracteres.
- Presta atención al espacio. Asegúrese de que haya suficiente espacio entre las líneas de texto para facilitar la lectura.
Comprender las formas CSS
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: ajustar el contenido dentro de los rectángulos dentro de otros rectángulos más grandes, algo que la mayoría de los usuarios encontrarán más aburrido que alucinante", escribe Zack Rutherford para la revista UX. "Las formas CSS, por otro lado, permiten una mayor libertad a los diseñadores que buscan contornear su contenido dentro o alrededor de parámetros interesantes y visualmente atractivos".
Pero, ¿cuándo debe usar formas CSS en sus 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ía trabajar con formas CSS, además de ser divertido.
- Novedad: "La capacidad de alterar el texto para exprimirlo en espacios reducidos o, alternativamente, expandirlo en rangos más amplios, ofrecerá una mayor libertad a los diseñadores que diseñen sus diseños"
- Control avanzado de los flujos de usuarios: permite dar forma al contenido en figuras, disminuyendo el texto línea por línea o usando 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 amurallada 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, haciéndolo universalmente simétrico, sin mencionar que es compatible con RWD".
Diseñando una Fuente
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 con el que debe comprometerse. Pero incluso sin mucha experiencia, puede crear su propia fuente.
El diseñador de tipos Tyler Finck recientemente reunió 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 un buen vistazo a la creación de algo por su cuenta (pero debe tener una Mac para este tutorial).
Y aunque casi cualquier persona puede hacerlo, deberá 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 requerirá práctica y muchas horas", dijo Finck 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, posiblemente incorpore comentarios de otros usuarios, realice pruebas en una variedad de circunstancias (diferentes aplicaciones / impresión / web) y más ".
Si crear tu propio tipo de letra tal vez no sea tu taza de té, considera descargar una de las creaciones de Finck. Ha sido diseñador profesional desde 2005 y tenía varios tipos de letra disponibles en Creative Market.
Solo por diversión
Finalmente, una representación visual de cómo se sienten los lenguajes de programación. (Y una muy precisa en eso, para mí).
Bjorn Tipling se asomó y dibujó una pequeña secuencia de fondos en "Si los lenguajes de programación fueran armas". La publicación revisa cada lenguaje de programación y cómo se relaciona. Las comparaciones son bastante inteligentes y fáciles de identificar.
"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ía estar usando otra cosa", 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 estímulo al final de la tarde.
