¿Necesito aprender Sketch o Photoshop para diseño web o UX cuando ya conozco HTML, CSS y Javascript? También soy un programador experimentado en general. ¿Hay alguna alternativa?

Todo depende ¿Está construyendo sitios por su cuenta (por ejemplo, como profesional independiente) o como parte de un equipo (con un diseñador)? Si es lo primero, podría diseñar sitios web en la compilación : en AWP ejecutamos algunos proyectos utilizando un proceso de “prototipo e iteración”.

En este tipo de proceso, no hay una fase de diseño independiente que dé como resultado maquetas. Después del descubrimiento, que incluye exploraciones de la marca y consideraciones estéticas, así como requisitos técnicos, construimos un prototipo y establecemos una dirección estética y luego la revisamos con el cliente. Tomamos sus comentarios y los convertimos en una nueva iteración del prototipo en el que el diseño se profundiza y logra un mayor enfoque. Puede crear tantas iteraciones en el proceso como lo permita el presupuesto.

Por supuesto, incluso si emplea este enfoque, o si está trabajando en un equipo con un diseñador, encontrará que ponerse cómodo en Photoshop, Illustrator u otras herramientas de diseño es bastante útil y casi seguramente ampliará su sentido de las posibilidades de diseño. .

Como un viejo chiflado que hizo mi primera década de codificación manual de diseño web interactivo porque teníamos que hacerlo, creo que el diseño en el idioma nativo tiene una serie de ventajas obvias: volverse nativo (modelo reutilizable, aprovechable y clicable) , etc.)

Dreamweaver sigue siendo mi producto preferido para ese ejercicio ‘con todas las funciones’.

Parece que estas son las consideraciones principales:

• velocidad (sí, lápiz y papel funciona bien)
• fidelidad (“No va a MIRAR así, ¿verdad?”)
• aceptación (“Somos una tienda Axure. No confunda el problema”)

Tenga en cuenta que muchos en el campo aún combinan la ornamentación de superficie (“No me gusta ese color”) con el diseño real, que incluye funcionalidad, flujo de trabajo y usabilidad.

Si está trabajando con un cliente o está facturando por su tiempo, invertiría el tiempo para aprender Photoshop o Sketch porque puede obtener la aprobación de su interfaz de usuario antes del desarrollo.

También creo que la mejor opción es trabajar con la estrategia, los wireframes y la interfaz de usuario básica en papel y lápiz porque la herramienta o la tecnología no te limitan. Si no funciona en un cuaderno de bocetos, nunca funcionará cuando se desarrolle.

No. No lo creo.
UX Design siempre trata de encontrar la mejor experiencia para el usuario final. Por lo tanto, siempre se trata de la creación de prototipos, diseño de estructura metálica y diseño de maquetas. Entonces
Se trata más del proceso de pensamiento y el proceso de investigación para construir una mejor estructura para el diseño UX. Mientras que el boceto es necesario para fines artísticos, puede ser cualquier tipo de … & El conocimiento de Photoshop se agrega para que comprenda la composición del color, la tipografía y la imagen que conduce a un mejor diseño de interfaz de usuario y no UX.

En Spry, utilizamos esas herramientas de diseño visual como Sketch para documentar flujos de trabajo, procesos y arquitectura de contenido en wireframes que también es parte del proceso UX. Eso es difícil de comunicar en un prototipo en vivo, que puede comenzar a informar diseños e interacciones del usuario. A veces, usted quiere sacar esas ideas de su cabeza antes para probar suposiciones y obtener la aceptación. Además, herramientas como Balsamiq son útiles porque el usuario no está enfocado en la interfaz de usuario sino en los elementos descritos anteriormente. Al pasar al diseño visual / diseño de interfaz real, Sketch y Photoshop están bien si ese es su proceso de diseño, pero la creación de prototipos en vivo puede representar ideas simples rápidamente. Axure también es una herramienta que le permite crear maquetas interactivas que pueden ser indispensables al representar cierta funcionalidad. Todo depende de lo que intente comunicar y hacia dónde intente dirigir al cliente, luego use la herramienta de maqueta adecuada para el trabajo. Recuerde, el mismo proceso no se ajusta a cada cliente o tipo de proyecto.

Si puede crear prototipos rápidamente, no necesita aprender ningún tipo de ese software. En realidad, los diseñadores web aprenden Sketch / Photoshop / other porque es mucho más difícil aprender a codificar. Personalmente, utilizo Sketch para ilustrar mis ideas. Pero podría ser un trozo de papel en su lugar.

Es posible que desee probar The Code-Savvy Web Design Tool. Es una herramienta UI / UX completa y gratuita que genera una salida html y css bastante limpia.
Si desea jugar con el código mientras está diseñando, consulte PineGrow – Creador de sitios web para profesionales, que cuesta entre $ 39 y $ 120.

UX o UI son áreas de conocimiento de diseño; si trabaja solo y conoce una herramienta para desarrollar estructuras alámbricas, maquetas, adelante.

Si trabaja con un equipo, intente aprender las herramientas de su grupo, es útil.

Depende de lo que quieras hacer. Photoshop puede darte muchas ventajas, pero puedes hacer muchas cosas gráficas geniales con css y jquery. Puedes hacer un montón de cosas en Photoshop. Si solo lo está aprendiendo para el desarrollo web, se está perdiendo el punto.

No lo creo, o al menos no en profundidad. Alternativa: Microsoft paint o gimp. Con html CSS y Microsoft Paint, debería ser bastante fácil hacer un boceto / prototipo

Honestamente sí … pero no tropieces, el boceto es fácil y divertido

No necesariamente. Puedes trabajar como desarrollador front-end. Los trabajos son muchos.