¿Dónde puedo diseñar sitios web antes de marcarlos y codificarlos?

Tanto los diseñadores como los desarrolladores utilizan varias herramientas diferentes para diseñar sus sitios web antes de codificarlos.

Los que más comúnmente veo son los siguientes:

Su imaginación Regularmente veo que los diseñadores y desarrolladores visualizan algo y luego lo ponen en código. Esto está bien para proyectos pequeños, pero generalmente no funcionará cuando tenga un sitio web grande y más de una persona trabajando en él.

Photoshop u otros productos de Adobe. Este es probablemente el más común. Personalmente recibo diseños de Photoshop y se espera que cree sitios perfectos en píxeles basados ​​en la imagen que me enviaron.

Herramientas de enmarcado de alambre. El enmarcado de alambre no necesariamente significa diseñar el sitio web, pero algunas herramientas de enmarcado de alambre son muy robustas y le permiten crear diseños bastante decentes. Las 19 mejores herramientas de estructura metálica

Dibujándolo He recibido maquetas que simplemente fueron dibujadas. Funciona lo suficientemente bien, aunque a veces puede causar algo de ida y vuelta si no hay algo claro en el dibujo o si la persona que lo codifica no lo está.

En última instancia, si usted es el único que trabaja en el proyecto, simplemente haga lo que le resulte más cómodo. Cuando estoy trabajando solo, prefiero usar una herramienta de estructura de alambre para darme a mí y al cliente una idea de cómo se verá, y luego desarrollaré el sitio basado en el marco de alambre.

Si está buscando expandirse para ser un diseñador de sitios web como una opción profesional, aprendería muy bien Photoshop y otros productos de Adobe. Como diseñador, básicamente se espera que conozcas al menos PS.

¡Buena suerte y diviertete!

Simplemente dibujaría en papel o usaría algún software de dibujo. Hay algunos creadores de sitios web rápidos como Wix y SquareSpace, pero IMO solo dibujarlo es lo más fácil y le brinda la mayor libertad. Dibuje muchos diseños pequeños de páginas web con flechas que se dirijan entre sí para indicar cómo fluirá su sitio web. Mantenga este gran diseño general en una hoja de papel y dibuje diseños más detallados de páginas individuales en hojas de papel separadas.