¿Los diseñadores de sitios web diseñan sitios web con códigos o solo usan algunas herramientas como Photoshop?

Answer 1

“Hay más de una forma de pelar un gato”.

Tradicionalmente, los sitios web dependían de imágenes para la mayor parte del sitio web. Antes de que aparecieran las funciones avanzadas de CSS si deseaba botones y gradientes elegantes o sombras, necesitaría usar imágenes, esto significa que el diseño del sitio web con software de diseño gráfico tenía mucho sentido.

lentamente, a medida que CSS y HTML han avanzado a lo largo de los años, cada vez más de lo que solo se podía hacer usando imágenes ahora se puede hacer usando solo código.

El resultado es que el software de diseño gráfico no es estrictamente necesario para diseñar un sitio web, sin embargo, muchas personas aún prefieren usar Photoshop Illustrator Gimp o incluso In design solo para simular el diseño y exponer sus ideas rápidamente.

Todo depende de dónde se sienta más cómodo trabajando estos días. Personalmente, todavía siento que es más fácil y rápido diseñar un sitio web en Photoshop y luego crear el marcado, sin embargo, eso es solo porque vengo del diseño gráfico y me mudé al diseño web. Sin embargo, si alguien es un codificador front-end experto, podría imaginarlos burlándose de un diseño web en código muy rápidamente.

¡Hey, algunos muchachos de la vieja escuela todavía sienten que el papel y el lápiz son el camino a seguir!

Answer 2

Yo uso ambos. Pero en realidad no sería posible diseñar un sitio web completo utilizando solo Photoshop en cualquier caso.

Yo uso el código: html, javascript, php, css. Cada sitio web que diseño en estos días se basa en un sistema de gestión de contenido. Por lo tanto, se deben crear plantillas para el diseño, y eso implica el uso de código. Utilizo un editor de imágenes para crear algunos elementos gráficos y para reescalar imágenes como fotografías para el contenido de los sitios web. Podría usar Photoshop para hacer un diseño aproximado, para darles a los clientes una idea de lo que propongo en términos de diseño para el sitio.

No uso ningún producto de Adobe para crear el código o el sitio web real. Principalmente uso notepad ++, y uso múltiples navegadores para obtener una vista previa de los cambios. Todos los habituales, firefox, es decir, ópera, safari, cromo. También uso teléfonos inteligentes y tabletas para obtener una vista previa del diseño en varios navegadores en dispositivos móviles.

Answer 3

Depende. Para mí, generalmente comienza como un boceto en papel (me parece más rápido elaborar el diseño general de esa manera). Dependiendo de la complejidad del proyecto, entonces creo simples wirefames en mi computadora, para tener una mejor idea del diseño, proporciones, interacciones y flujos, contenido necesario, etc. Luego creo maquetas de alta definición usando Sketch o Photoshop. Esto ayuda a los clientes a comprender cómo se verá el sitio terminado sin tener que saltar al código. Sin embargo, es difícil saber cómo se sentirá: no puede interactuar con las maquetas. De nuevo, dependiendo de la complejidad y el tamaño del proyecto, puedo crear prototipos interactivos en bruto.

El último paso para mí es codificar el sitio web real. Pero esto depende de si el diseñador puede codificar o no, o si eso es parte de su rol actual (puede haber desarrolladores front-end que se espera que lo hagan).

Sin embargo, esto no siempre es lo mismo. Para algunos proyectos (generalmente los más simples, o aquellos donde el texto y el contenido son más importantes), a veces comienza con código, y hay diseñadores que prefieren comenzar a diseñar siempre en el navegador.

Si está buscando aprender y convertirse en diseñador web, no deje que otras personas le digan cómo trabajar. Cada proyecto es diferente, y también lo es cada diseñador. Si lo que he descrito funciona para ti, eso es genial. Pero es posible que no necesite dibujar nada en papel, o es posible que desee hacer prototipos de interacción primero. Es posible que desee codificar las cosas usted mismo o que alguien más lo haga (aunque de todos modos es bueno entender cómo funcionan las cosas).

Y lo mismo ocurre con las herramientas. No necesitas usar Photoshop o Sketch. Simplemente encuentre el flujo de trabajo y las herramientas que funcionan para usted.

Answer 4

Utilizo Photoshop, Illustrator y Notepad ++ para crear todos mis sitios.

Realmente no puedes crear un sitio sin algún tipo de software de edición de fotos / software de creación de imágenes.

Crearé el diseño real en la tienda de fotografía, usaré el ilustrador para crear las imágenes necesarias para ese diseño, luego lo dividiré y codificaré la página usando html / php y jquery.

Answer 5

En los primeros días, comenzaba con un boceto y luego saltaba directamente al código, pero también tenía Photoshop abierto para crear cualquier activo que pudiera necesitar.

Ahora suelo hacer un mapa del sitio y wireframes en InDesign, luego hago el diseño en Photoshop y luego construyo. Si el cliente no necesita ver los wireframes, podría esbozarlos en papel cuadriculado. Me parece útil tener ese papel (con medidas) a mi lado para poder mirar fácilmente de un lado a otro.

Cuando necesito la aprobación del diseño, generalmente haré un diseño completo para una página principal, una página interior y otras páginas únicas en Photoshop, luego iré al diseño.

Estoy de acuerdo con Israel, cada uno de nosotros tiene un proceso que funciona mejor para nosotros y para el proyecto en particular.