Qué cambiar en esta página web, para lucir más elegante [cerrado]

Parece que comenzaste con una plantilla y simplemente colocaste el cuadro gris encima.

El cuadro gris en sí parece contener enlaces azules/púrpura regulares sin estilo. El resto de la página utiliza texto negro sin formato para los enlaces. La inconsistencia visual desequilibra la página. ¿También se supone que esos son botones en los que están los enlaces? Si es así, elimine el subrayado y asegúrese de agregar los estados de desplazamiento apropiados a los botones.

La sombra paralela en el cuadro gris también es bastante abrumadora, y sugeriría hacerlo más sutil cambiando su color o haciéndolo más pequeño (o ambos). El cuadro gris también usa esquinas redondeadas, mientras que el resto de los elementos usan esquinas afiladas y puntiagudas.

Tenga en cuenta que el amarillo, el negro y el blanco son una especie de "tema" del sitio web. Es muy minimalista y limpio: el gradiente de la caja gris realmente lo quita.

También sugeriría leer estas preguntas:

• Sitios web de aspecto profesional
• Cómo hacer que mi sitio web no tenga un aspecto de "años 90"
• Diseño de sitios web interesantes en escala de grises, tonos mínimos
• Agregar interés visual a un sitio web sin abarrotarlo o hacer que las imágenes resten valor al contenido
• ¿Por qué la gente sigue diciéndome que mi sitio se ve horrible?
• Diseño moderno - ¿Qué es eso?

Como se mencionó anteriormente, el cuadro gris está fuera de lugar y tengo algunas otras notas para agregar con respecto al cuadro gris.

1. El cuadro gris tiene esquinas redondeadas cuando la navegación es nítida, nítida y precisa.
2. El gris parece tener un degradado con un efecto de desenfoque.
3. La caja gris tiene una sombra áspera.
4. El gris, el negro y el morado se ven bien, pero agregas un amarillo abrumador como fondo.
5. En su navegación principal, muestra un diseño de fuente duro. Sugiero leer sobre kerning, interlineado y seguimiento. (Esto también se aplica a "Portfolio" y "Software and Web Engineer").
6. Para tocar más en la navegación: tienes dos elementos de dirección completamente diferentes. Me gusta el aspecto sutil del principal, pero el secundario y las flechas no tienen ningún propósito. Elige un estilo y ve con él.
7. Por último el fondo. Mira el contraste y los colores. Básicamente tienes una definición media y no distinta. Tal vez un amarillo más oscuro o un patrón para ayudar a suavizar el amarillo extremo. También podría sugerir que el anuncio emergente blanco sea un pequeño trazo negro o gris .