Feedback e ideas de diseño #6
Description
Motivaciones
Creo que la idea es interesante, el mayor problema que le veo y pese al gran trabajo que ha habido es la sencillez que tiene. Me gustaría dar algunas ideas de diseño, color y tipografía que veo pueden ayudar.
Tipografía
Actualmente hay dos tamaños y a su vez son dos pesos: una extra bold y otra regular ambas sans-serif.
Ideas
En esta screenshot creo que se muestra claramente el leve cambio de color en la tipografía y no hay tanto contraste entre la bold y la regular.
Aquí otro ejemplo de bold más regular a diferentes tamaños pero no tan notables como en el diseño actual.
Otro ejemplo esta vez con un skew
En este caso titulares en una sans-serif bold y el cuerpo del texto en una serif que entiendo en nuestro caso no quede bien por el "olor" tecnológico / moderno que se quiere dar a la web.
Combinación de dos slabs una bold y otra regular.
Layout
Como comentaba veo extremadamente sencilla la web, entiendo que la parte del blog vaya a ser lo más fácilmente legible para que no distraiga con layouts complejos.
Ideas
No se si este ejemplo es el mejor pero hacer algo así en algún apartado de la web puede quedar interesante (no hablo sobre colores).
En cuanto a layout este ejemplo es excelente en cuanto al uso de asimeterías y bloques rectangulares así como como usa la foto de la colchoneta morada saliéndose de su contenedor (que podríamos usar con los avatares por ejemplo).
Un layout que da mucho "ritmo" si no me equivoco de la conferencia dconstruct 2015 realizada por clearleft. Sencilla, elegante pero muy dinámica.
Grid de artículos
Creo que se han buscado varias opciones desde una sombra "dura" a un borde para saber si se ha visitado.
Ideas
Deberíamos crear algún tipo de etiquetado de los post: CSS, Animación, JavaScript...
Un ejemplo de Grid
Otro ejemplo de Grid
Diseño
Como ya he dicho más arriba creo que es extremadamente minimalista.
Ideas
En este caso el ejemplo es el bloque morado de texto encima del la fotografía del post.
Color
Uno de los mayores problemas que veo no es el uso de los dos colores elegidos si no que ambos se usan demasiado, con el mismo peso o importancia.
Ideas
En este caso va de un color más "brillante" (fucsia), a un morado claro y termina con un bloque azul. Es una gama de color que queda bien al ser relativamente similares. Al contrario de lo que nos pasa con los elegidos.
Algo similar a lo anterior, colores otoñales similares.
En esta screenshot hay un color principal como es el naranja y otro de soporte o secundario, el gris oscuro y usa bloques más claros (apartados 1, 2 y 3) para que la web respire.