Viniendo de un fondo de programación, ¿dónde debería empezar a aprender diseño web?

Esta es la respuesta que publiqué a la pregunta de desbordamiento de pila similar. Gracias por el aviso.

Puede que tenga una perspectiva única de que esto haya sido una doble especialización en ciencias de la computación/arte en la universidad. Realmente no parece que tengas la ambición de ser un diseñador gráfico tanto como quieras ser capaz de construir sitios web por ti mismo sin que se vean como una mierda. Un objetivo admirable :) Sin el impulso serio y sin la capacidad artística latente, nunca te convertirás en diseñador gráfico. ¡Pero no temas! No tienes que serlo. Puedes llegar bastante lejos simplemente usando algunas reglas básicas.

1. Establecer una buena jerarquía visual. Este es el material de 20.000 pies. ¿Dónde está tu navegación? ¿Dónde está tu contenido? ¿Tiene alguna indicación sobre dónde se encuentra y dónde puede ir? Siempre tenga en cuenta la forma en que una persona lee la página. De arriba a la izquierda a abajo a la derecha indica qué tan importante es algo. Las fuentes más grandes son más importantes que las fuentes más pequeñas. Esto es algo de sentido común, pero hace una gran diferencia.
2. Espacio en blanco. El espacio en blanco es un lujo, no se apresure a renunciar a él. No amontone todo en un espacio tan pequeño como sea posible. Los espacios en blanco lo ayudan a agrupar la información para facilitar la lectura y también hacen que un diseño parezca menos abrumador.
3. Preste atención tanto a la consistencia como a la variación. La consistencia es extremadamente importante para hacer que un sitio se vea "diseñado" en lugar de abofeteado. Pero no vayas demasiado lejos. La consistencia no significa que todo sea igual. Sin un poco de variedad en la página, todo se mezcla. Entonces, por ejemplo, debe asegurarse de que haya una diferencia entre la fuente de su encabezado (no necesariamente la familia de fuentes, sino el tamaño, el peso, el color, etc.) y la fuente de su párrafo. Pero debe ser consistente en que todos los encabezados de un determinado nivel sean iguales. Y no desea que haya demasiadas fuentes y tamaños diferentes o simplemente se vea demasiado recargado. Aquí es donde CSS es increíble.
4. Colores. Los colores, creo que son ese toque extra con el que luchan la mayoría de los que no son diseñadores. Puede valer la pena aprender un poco de teoría del color para comprender qué colores funcionan juntos, pero aquí hay algunos consejos. Piense en ello como decorar una habitación.
   • No uses demasiados colores o tu habitación parecerá un carnaval. Lo mismo con una página web. Elija 2 colores que funcionen y simplemente cambie el tinte y el tono para obtener más. Esto establecerá un tema.
   • Usa colores tenues o neutros. Cuanto mayor sea el área de color, más tenue debe ser. Por tenue me refiero a más ligero y menos primario. Imagina una habitación donde las paredes están pintadas de un intenso color rojo cereza. Alarmante. Los colores vibrantes funcionan muy bien para atraer la atención y se pueden usar en dosis más pequeñas cuando sea apropiado. Como tener un borde más oscuro en una habitación más clara. Puede funcionar bien en enlaces o bordes.
   • Al igual que los espacios en blanco, asegúrese de decidir el color de fondo base. Este se convierte en el color que realmente no ves, tu mente simplemente lo desvanece en el fondo. Esto es a menudo blanco, pero también puede ser ligeramente coloreado o teñido. Usa mucho. Crea espacio para respirar y lo convierte en una superficie legible agradable. Algunos diseños usan un color más oscuro para el fondo, pero eso se lo dejo a los profesionales. Si no usa el blanco para este color, entonces el blanco se convierte en un color que sí ve. Trate de seguir las mismas reglas que usaría para un color más vibrante, porque será el color más brillante posible en la pantalla.

Más allá de esa lista, en realidad es solo cuestión de práctica. Mientras trabaja, muéstrele el diseño a otra persona y escúchela. Mire otros diseños e intente incluir algo que le guste en su diseño. Sólo recuerda empezar despacio. No necesitas las cosas elegantes hasta el final. Una vez que haya terminado con la lista y se vea bastante bien, pero tal vez un poco simple, entonces puede agregar algunos extras. Algunas esquinas redondeadas aquí, y un logotipo allá, y muy pronto parece que podría haber sido hecho por un diseñador.

Solo recuerda que el contenido es el rey. No está creando el sitio para una cartera de diseño, por lo que todo el diseño gráfico se trata realmente de llevar el contenido al usuario de una manera que sea fácilmente legible, navegable y agradable a la vista. Un buen diseño es aquel que el usuario ni siquiera nota, porque si lo nota, probablemente se interponga en su camino.