Consejos de diseño para un diseño web de un desarrollador principiante

Actualmente estoy en el proceso de hacer un diseño para una aplicación web.

Aunque estoy muy interesado en el diseño, en realidad soy programador y no tengo mucha experiencia con el diseño. Por eso vine aquí.

Tengo la siguiente configuración: ingrese la descripción de la imagen aquí
(haga clic para ver el original)

El menú de la izquierda tiene un pequeño efecto de desplazamiento, donde el texto se vuelve blanco y adquiere un color de fondo gris muy claro.

Hice lo mejor que pude con el conocimiento limitado que tengo, pero tengo la sensación de que algo no está bien (y se siente demasiado simple). Presté especial atención para que todo esté en una "cuadrícula invisible" (por ejemplo, hay un línea que fluye hacia abajo desde el logotipo hasta la barra de menú izquierda).

También hice todo lo posible para combinar los colores (el cliente requiere el rojo y el verde). Pero tengo problemas para combinar los colores con el verde..

¿Podría darme consejos (algún consejo en mi humilde opinión que beneficie al diseño)? ¡Estoy dispuesto a cargar el css y el html si es necesario!

Gracias por la ayuda :)

ACTUALIZACIÓN: Así es como se ve ahora:
ingrese la descripción de la imagen aquí
(haga clic para ver el original)

Ese es un verde realmente horrible con el que tienes que trabajar. Mis condolencias.
Acordado. ¿Hay alguna posibilidad de que puedas hablar con los poderes fácticos sobre eso como parte de los cambios de diseño?
Realmente no.. es parte de su estilo, estoy construyendo un nuevo proyecto (pero tiene que tener el mismo tipo de estilo)
No creo que el verde sea un problema per se , pero sí sé que el daltonismo rojo y verde puede ser un problema aquí: para alguien que ve el verde como un tono más gris, los elementos del menú pueden volverse invisible. Creo que el aspecto general aquí es respetable, y tiendo a estar de acuerdo con la sugerencia de Ryan de alinear a la derecha los encabezados del menú para que coincidan con el resto del menú.

Respuestas (1)

Primero, esta es obviamente una crítica que permitimos, pero como resultado, las siguientes son mis opiniones:

  1. El menú de la izquierda debe estar alineado a la derecha. Es extraño para mí que alineaste a la derecha todos los puntos pero luego alineaste a la izquierda los encabezados y luego sangraste la fecha. Alinéalo todo a la derecha.

  2. Creo que el verde y rojo es realmente agradable. Lo que no funciona es ese azul que elegiste para los enlaces y para lo que sea que sea ese rectángulo en el medio. Encontraría un color diferente al azul para usar. Quizás un verde muy oscuro casi negro sería mejor.

  3. El interletraje en sus letras en partes se ve muy ajustado. Por ejemplo, en la parte superior, la palabra 'Proyecto' tiene la C y la T tocándose. KPI en el medio tiene la P y la I casi tocándose. Realmente permitiría un poco más de espacio. La compacidad es agradable, pero creo que fuiste un poco demasiado lejos con ella.

  4. Hay gris alrededor del KPI en el menú de la izquierda. No estoy seguro de por qué está allí, pero lo ajustaría para que, sea lo que sea, no se extienda más allá de la alineación correcta que tiene o agregue otro elemento que muestre el área del margen. En este momento, simplemente cuelga sobre el borde invisible que ha creado con el texto.

Tiendo a estar de acuerdo con los puntos aquí. Para el n. ° 4, leo el gris como un resaltado para indicar el elemento del menú actualmente seleccionado.
Sí, el gris indica el elemento activo. De todos modos, hice los ajustes que mencionaste: mira ( i44.tinypic.com/2pts512.png ) Estoy de acuerdo en que se ve mejor, pero todavía no tiene esa sensación de "agradable".
Creo que se ve mucho mejor. Ahora que cambió esas cosas, la única otra cosa que me llama la atención ahora es que el logotipo de IWT probablemente se vería mejor si también estuviera alineado a la derecha con el menú en lugar de centrado con la alineación izquierda de esa área central. De lo contrario, solo falta más contenido y otras cosas, por lo que se ve un poco vacío en lugar de agradable. Pero si ese es el contenido requerido, entonces creo que se ve bien.
Después de mirar de nuevo, movería el logotipo para alinearlo con el menú y luego espaciaría las cosas superiores para alinearlas mejor con el área central. El título, el subtítulo del blog de Bob y los botones quizás se alineen a la izquierda con el área central. Y luego podrías poner el nombre de usuario/imagen debajo o encima del overzicht en el lado derecho.
Muy bien, creo que he hecho casi todo lo que puedo :) i42.tinypic.com/2r5ua8j.png . Cambié la ubicación del logotipo, cambié el margen entre el contenido izquierdo y medio, y puse los enlaces de la aplicación debajo de la cuenta, ¡así que "parece" que la página es más grande! ¿Qué opinas?
En general, y nuevamente, esta es solo la opinión de una persona. Sin duda, otros pueden intervenir con diferentes puntos de vista o sugerencias, creo que es mucho mejor que donde empezaste. El único defecto que veo como resultado de su último cambio es realmente menor: lo que sea "Hier kun je ..." podría alinearse con el texto en el menú "Algemene" en lugar de alinearse con su parte inferior en "Algemene ..." línea central. Sin embargo, en general, ¡buen trabajo!
La discusión sobre hacer que los elementos alineados a la derecha sean coherentes pasó por alto el hecho de que, desde la perspectiva de la experiencia del usuario, los menús alineados a la derecha son terribles porque dificultan mucho el escaneo, su ojo tiene que saltar de un lado a otro. La alineación correcta hace que el final de las líneas sea más visible que el principio, lo que no tiene sentido. Es uno de esos lindos estilos de diseño que apesta leer. Casi tan malo como gris sobre gris.
Consejos de diseño para un diseño web de un desarrollador principiante
RespuestasAquíPolítica de privacidad1y, 0v