¿Cómo puedo aprender a crear interfaces de usuario y gráficos complejos en mi sitio web? [cerrado]

Me he estado desplazando a través de dribbble y pude ver tomas de diseño web muy impresionantes, hasta ahora solo creo sitios web de aspecto básico, pero me gustaría mejorar mi interfaz de usuario con un poco de diseño gráfico. ¿Cómo puedo lograr algo que tiene un diseño que parece tener curvas y no se limita a un modelo de caja CSS como en la imagen de abajo?

ingrese la descripción de la imagen aquí

¿Estás preguntando cómo dibujar esos gráficos? Estos me parecen gráficos vectoriales, así que use un editor de imágenes vectoriales para crear un svg.
@BillyKerr Creo que OP está preguntando cómo crear un diseño web que no esté visualmente en una estructura similar a una cuadrícula.
@Luciano: para ser honesto, no estoy muy seguro de lo que pregunta el OP, por eso pedí una aclaración, aunque puede que tengas razón.

Respuestas (1)

Todos los diseños web se limitan al modelo de caja CSS. Simplemente crea la ilusión de que no lo es mediante el uso de ingeniosos trucos de posicionamiento.

  • En su ejemplo, en realidad usaron una imagen SVG (la parte verde) y un poco de posicionamiento CSS. El SVG tiene una forma de cuadro normal, pero se superpone al contenido debajo de él.

  • Puede combinar eso con otros trucos para obtener diferentes efectos, como el radio del borde y/o los bordes inclinados, por ejemplo.

Tienes que aprender a sortear las limitaciones de HTML + CSS para crear los efectos que deseas. En lugar de navegar por Dribbble (donde solo ve los diseños), debe consultar una galería de inspiración web como Codepen , donde puede ver el código detrás de los diseños.

¿Cómo puedo aprender a crear interfaces de usuario y gráficos complejos en mi sitio web? [cerrado]
RespuestasAquíPolítica de privacidad1y, 0v