¿Un desarrollador web front-end (Html ​​/ CSS, js) necesita saber cómo usar PS? ¿Qué necesita para poder hacer con PS?

Hola, desarrollador front-end que está tomando clases de PS en este momento. Estoy aprendiendo Photoshop porque quiero poder hacer y editar las imágenes que aparecen en mi sitio. Algunos de los diseñadores con los que trabajo son fantásticos, formatean todo perfectamente y se aseguran de que las proporciones y escalas de píxeles sean correctas. Algunos … no tanto.

Incluso si estoy trabajando con una plantilla, conocer Photoshop (o un editor de imágenes básico como Paint.net) es útil porque me da autonomía. Si quiero cambiar el tamaño de un logotipo de vector a la proporción correcta de píxeles, puedo hacerlo. Si quiero editar una foto de fondo para tener una ligera superposición gris para contrastar mejor con el contenido, puedo hacerlo. Si quiero crear algunos gráficos de marcador de posición, puedo hacerlo. Y lo más importante, si mi diseñador solo me dio una PSD u otro formato vectorial, puedo usar Photoshop para extraer los archivos necesarios que necesito.

Si eres puramente un desarrollador front-end, no diría que es una habilidad 100% necesaria. Siempre puedes pedirle a tu diseñador estas cosas. Pero para mí personalmente, acelera mi flujo de trabajo para poder personalizar rápidamente las imágenes para mí y permitir que mi diseñador cree mejores si es necesario más adelante.

TLDR: se trata de velocidad y eficiencia

Los tiempos en que se ha necesitado Photoshop para crear algo visualmente atractivo en términos de diseño web han desaparecido. Por supuesto, todavía se necesita un software de gráficos para preparar algunos activos, como ajustar los colores de las fotos de fondo, hacer que algunas partes de la imagen sean transparentes, etc. Aún así, Photoshop es solo una de las muchas herramientas que pueden hacer ese trabajo. ¿Vale la pena saber algunas partes? Sí, por supuesto, si no solo implementa cosas en HTML, CSS, JS, sino que también hace activos.

Algunas personas todavía hacen maquetas estáticas en Photoshop incluso cuando se necesita un diseño receptivo. Luego, la misma persona u otra persona debe recrearlo en HTML, CSS, JS. En la mayoría de los casos, es una pérdida de tiempo y pierde capacidad para hacer cambios rápidos. Todo tiene que hacerse dos veces en múltiples resoluciones. No escribo aquí que hacer maquetas no tenga sentido aquí, pero PS no es la mejor herramienta para el trabajo desde hace muchos años. Principalmente es un caso cuando un diseñador dedicado está demasiado acostumbrado. El diseño de sitios web en PS ya era un gran truco en los días, cuando CSS carecía de radio de borde, gradientes y algunas otras cosas elegantes. Simplemente no había una solución mejor que usar tablas para hacer diseños durante mucho tiempo.

Principalmente, es importante por qué preguntas. Si está en la descripción del trabajo, alguien puede simplemente copiarlo y pegarlo o exigirle que sea también un diseñador para otras cosas de la compañía.

Bueno … Esta pregunta es muy interesante y desde mi propia experiencia, creo que puedo responderla amablemente.

Como desarrollador front-end, su objetivo es desarrollar principalmente una interfaz de usuario amigable. De qué manera tendrá éxito es principalmente su decisión, por supuesto. Utilizo Photoshop para jugar y diseñar ideas para módulos que luego convertiré a código. Por ejemplo, su tarea puede ser diseñar un formulario web excepcional con altos estándares. Puedes esbozar tus ideas en un papel, Gimt, lo que sea. Photoshop funcionará principalmente como una herramienta para completar todo el diseño antes de escribir el código.

Como desarrollador de back-end, es posible que tenga que esbozar y pensar en una forma de diseñar una gran base de datos, pero antes de escribir el código real, deberá diseñarlo. Es básicamente lo mismo que un front-dev. Piense, diseñe, planifique, etc., antes de escribir cualquier código.

Recomiendo aprender Photoshop al máximo.

Te ayudará a largo plazo como desarrollador.

Feliz codificación

¿Te das cuenta de que tu pregunta tiene respuesta? Entonces: el desarrollador front-end desarrolla páginas para web o aplicaciones en HTML, CSS y JS de acuerdo con el DISEÑO creado por el diseñador web que utiliza algún tipo de programa (s) gráfico (s). El desarrollador front-end integra esos elementos gráficos. El desarrollador front-end puede hacer su trabajo con nada más que un bloc de notas y un navegador de Internet.

El extremo frontal es una definición muy amplia de casi un diseñador a un ingeniero de JavaScript que apenas toca CSS. Es una ventaja saber un poco sobre Photoshop, pero diría que saber css, javascript y herramientas son sus principales habilidades. Si te obligan a hacer PS, es más probable que sea barato contratar a un diseñador dedicado

No. Lo más probable es que pueda hacer cualquier cosa que necesite hacer con algo gratuito y simple como http://getPaint.NET o Gimp o algo así.

Es posible que necesiten empalmar fotos y obtener los activos que necesitan en las dimensiones correctas para colocar en el sitio web.

More Interesting

Quiero construir un software educativo (por ejemplo, Coursera, Khan Academy). ¿Qué lenguaje / marco debo usar?

Como desarrollador de PHP, ¿qué certificación de AWS debo elegir?

Cómo construir un sitio web de tutoría en línea en WordPress

Quiero usar el resultado de una consulta en SQL como una tabla y agregarlo a la base de datos para poder usar esta tabla para ejecutar otra consulta. ¿Cómo lo hago?

Estoy tratando de construir una página web y he llegado a la parte de elegir un servidor web. Estoy abrumado ahora. ¿Cómo elijo un proveedor de alojamiento web? No lo entiendo

Soy un buen desarrollador web pero no puedo conseguir un trabajo. ¿Por qué es esto?

¿Cómo puedo crear un sitio web que solo tenga un menú y dos páginas de texto con WordPress?

Me he fijado el objetivo de aprender Ruby on Rails. Soy un principiante completo en programación y me gustaría algún consejo. ¿Qué tipo de computadora debo comprar? PC o Mac, ¿y de qué tipo?

He progresado en HTML y CSS. Codeacademy alinea JavaScript como el siguiente, FreeCodeCamp enumera JQuery como el siguiente. ¿Cuál es el mejor siguiente paso y por qué?

Soy un desarrollador web. ¿Por qué las personas no técnicas simplemente uso Squarespace cuando realmente creo backends complejos?

Soy un programador de Java que sabe cosas básicas sobre eso y tengo más de 5 años de experiencia laboral. ¿Cuál será el futuro en él? ¿Cómo puedo mejorar en la perspectiva técnica?

Estoy usando el editor de texto Brackets para crear un sitio web, sin embargo, mi código PHP no se ejecuta cuando ejecuto el sitio web en mi navegador; que pasa

Quiero hacer un cambio de carrera y trabajar con computadoras. ¿Debo elegir la administración de red o el desarrollo web?

Cuando configuro una portada estática en WordPress, no muestra el ancho completo. ¿Cómo se puede corregir esto?

Cómo agregar espacios en blanco adicionales en PHP