jaicab
commented
7 years ago Buenas @IgnaciodeNuevo, muchas gracias por todo el curro! Primero de todo, decir que estoy de acuerdo con todas las ideas que propones, hay que probar cosas locas con el layout! Pero como hay mil millones de maneras de hacerlo, y aun no hemos discutido oficialmente el contenido de la web, es imposible por mi parte ponerme a hacer nada, por eso tire con algo sencillo. Lo de la newsletter se me habia olvidado, eso si jaja.
Luego tambien es muy importante pensar en la barrera de entrada para publicar contenido en la web. Ya pedir una imagen para el post me parece bastante barrera, ya que tiene que ser la responsabilidad de alguien pensar que esa imagen quede bien cuando se muestre con las demas, tenga el tamaño correcto, si tiene texto overlay que no tape la foto, etc. Cuanto mas pidamos del diseño en ese sentido, más trabajo va a haber de mantenimiento. Imagínate la longitud del titulo, la descripción, etc.
Me quedo con dos cosas:
- Crees que hay mucho contraste entre el amarillo y el azul, y tienen un peso demasiado similar.
- Crees que hay mucho contraste entre las dos fuentes que se usan. Esto es correcto y lo he hecho a propósito, buscando destacar un poco, pero le dare vueltas para tirar a algo con mas balance. 😄
Si tienes ideas para layout con el contenido que tenemos nosotros, dispara y les doy una vuelta. Pero salvo para articulos, que miedo me da la barrera de la imagen, no tenemos contenido ninguno... igual hay que sentarnos (virtualmente) todos y pensar en el contenido primero.
javierlopezdeancos
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.