¿Cómo se crean las imágenes en los sitios web de diseño plano?

En primer lugar, me gustaría saber si las imágenes de este portafolio son capturas de pantalla.

No creo que podamos saberlo con certeza, pero supongo que sí, son capturas de pantalla. Dado que ese sitio vende plantillas, supongo que las capturas de pantalla son del sitio web de la plantilla real y no solo una maqueta. Pero el creador podría haberlo hecho en un programa de edición de imágenes.

Entonces, ¿las imágenes de esta página web son capturas de pantalla del sitio web? De lo contrario, ¿cómo dibujó el diseñador estas imágenes?

Sí, habrían tenido que dibujar cada detalle (a menos que usaran algunos objetos prefabricados). La imagen de arriba es una gran cantidad de formas de copiar y pegar. Para la computadora portátil, el diseñador crearía la apariencia del sitio web en un plano 2D y luego distorsionaría los objetos para que coincidieran con la perspectiva de la computadora portátil.

¿Cómo se dibujaron en general? ¿El diseñador necesitaba dibujar cada detalle?

Usar varias herramientas y texto en un programa de edición de vectores. Puede parecer mucho al principio, pero cuando inspeccione de cerca los gráficos, notará muchos objetos repetidos. Entonces, alguien no está colocando manualmente cada forma, ya que hay funciones para copiar y pegar objetos a distancias específicas entre sí.

También hay muchas maquetas de productos ya hechas para uso en stock que un diseñador podría haber usado.

Rehice la tableta que se muestra en tu imagen en aproximadamente 5 minutos (no hice todo, pero entiendes la idea). Probablemente tomaría un poco más de tiempo hacerlo si no estuviera copiando un diseño y tuviera que pensar en qué crear.