¿Qué necesito para aprender sobre el diseño si quiero ser un desarrollador de aplicaciones para usuario?

Answer 1

Depende de lo que entiendas por diseño (mis respuestas en Quora siempre parecen comenzar “depende”)

Si te refieres al diseño gráfico, entonces hay algunas cosas básicas sobre los colores, el espaciado, la tipografía para aprender. Y lo que se considera un buen cambio de diseño de un año a otro.

Google tiene un proyecto, “Material Design”, cuyo objetivo es “crear un lenguaje visual que sintetice los principios clásicos del buen diseño”.

Introducción – Diseño de materiales – Directrices de diseño de Google.

Como desarrollador no diseñador, acabo de terminar mi primer proyecto con Material Design, y he descubierto que al seguir sus pautas, tengo algo que se ve mucho mejor de lo que yo mismo había desarrollado.

Pero es solo un marco, hay muchos otros. Lo que importa es que su diseño sea coherente y utilizable.

Pero hay más para diseñar que diseño gráfico. También hay diseño de interfaz de usuario, diseño de rendimiento, diseño de arquitectura, diseño de API, todo lo que tiene que ver con hacer un buen producto …

#GDE

Answer 2

¿Qué necesitas para aprender sobre diseño? Hmmm eso es complicado …

Déjame dividir esto en áreas de 3 claves …

1. Herramientas
2. Aspectos visuales
3. Tecnologías

Herramientas:

• Herramientas para enmarcar alambres (balsámico, lápiz, etc.)
• Diseño de software de edición (Adobe Photoshop encabeza la lista)
• Editores de HTML, CSS y JS o jQuery (Dreamweaver, Visual Studio, etc.)

Aspectos visuales:

• Colores y estética.
• Estructura de alambre
• Conocimiento de la interacción del usuario y la experiencia del usuario

Tecnologías:

• HTML 4 y 5
• CSS 2 y 3
• JavaScript y jQuery

Lo anterior es lo que necesita saber antes de comenzar su carrera como desarrollador de front-end.

Pero (siempre hay un pero), los anteriores se consideran los requisitos mínimos para convertirse en Desarrolladores de Front-end, su pregunta gira en torno a las cosas que debe saber sobre el diseño en sí mismo … de modo que la lista es casi infinita porque un diseño que se considera Increíble por algunos podría ser considerado insípido por otros.

Entonces, como Rachel Willmer sugirió que es una buena idea ceñirse a un marco de diseño o patrón de diseño para que, cuando esté defendiendo su diseño, haya establecido principios para presentar como argumentos de diseño.

Aún así, enumero algunas áreas clave a continuación (según mi humilde experiencia) que nunca te fallarán 🙂

• Su diseño debe ser equilibrado (los anchos y las alturas de los elementos de su diseño deben complementarse entre sí)
• Su diseño debe tener un nivel casi uniforme de saturaciones de color en todo
• El tipo de letra (fuente) en su diseño debe brindar una sensación agradable y amigable con una buena legibilidad o debe estar completamente relacionado con el negocio, por ejemplo, el estilo de fuente Times New Roman podría no funcionar con el sitio web de una empresa de tecnología moderna, de manera similar, muy elegante. La fuente podría no ir bien con el sitio web de un periódico, ya que requiere mucha lectura.
• Si está creando íconos, siempre intente crear gráficos de alta resolución, ya que se verán muy suaves cuando se redimensionen (generalmente disminuyen de tamaño) a través de CSS en su diseño
• Los iconos y gráficos generales (no imágenes) en su sitio deberían tener idealmente un fondo transparente o una alfa / opacidad adecuada definida. Para lograrlo, siempre debe guardar sus gráficos en formato .png (esto es solo para imágenes con canales alfa / transparentes). Tenga en cuenta que los png de 16 bits generan un tamaño de archivo muy grande
• Su diseño debe seguir un principio en la visualización de la información. La navegación y la información, etc. deben presentarse siempre en un patrón fácil de aprender, por ejemplo, si generalmente muestra su contenido en párrafos pequeños con muchos enlaces, intente mantenerlo intacto durante todo el tiempo, o por ejemplo, si la mitad de sus páginas tiene texto. y otros muestran la información como imágenes, esto seguramente se convertirá en un dolor para su público.

Lo anterior son algunas cosas en las que podría pensar en este momento, intentaré agregar más en el futuro.

Espero que mis 2 centavos te ayuden y te deseamos mucha suerte con tu carrera como FE dev.

Answer 3

¡Como desarrollador frontal, absolutamente! Sin embargo, las estéticas son difíciles de definir. Lamentablemente, no es difícil ser mejor que el promedio en diseño web.

---

El hecho de que piense que sus diseños no son estéticamente agradables me sugiere que usted entiende un buen diseño. Sigue viendo sitios como Behance, Dribbbler, mira lo que crees que están haciendo y no.

---

¿Has intentado usar Bootstrap u otro sistema de rejilla? Realmente pueden ayudar (una gran cantidad de Diseño Gráfico se trata de uniformidad, espacio en blanco, buen uso del color). Si no crees que eres muy bueno para elaborar buenas paletas de colores, echa un vistazo a Adobe Color CC

¡Llegarás ahi!

Answer 4

Para encuadrar la respuesta, un Diseñador y un Desarrollador se parecen mucho a un Arquitecto y un Contratista. En su forma más básica, para ser un buen contratista, debe poder leer los planos e implementarlos.

Asumiendo el desarrollo de aplicaciones web, comience por aprender a leer wireframes e implementándolos en HTML, CSS, JavaScript y algunas bibliotecas JS de su elección (JQuery, Angular, React, etc.). Esos son los planos básicos de los edificios.

Si desea ir más allá del desarrollo y aprender diseño, recomendaría un poco de Teoría del color básica, aprender un marco de diseño (como Google Materials) y cualquier cosa sobre UX (experiencia de usuario).

Answer 5

No necesita ser creativamente talentoso para construir un sitio web bien diseñado. Al final del día, la facilidad de uso y la accesibilidad del sitio web desempeñarán un papel muy importante en la apariencia del sitio web. De hecho, varios sitios web que se ven muy “creativos” tienen una muy mala puntuación en términos de facilidad de uso y la experiencia del usuario, por lo que el diseño web puede ser bastante técnico.

Será beneficioso para usted al menos saber qué incluye un sitio web bien diseñado y estar familiarizado con los últimos principios y prácticas de diseño estándar. Dependiendo de la función que tenga en la empresa, esto será importante como desarrollador de aplicaciones para el usuario, ya que podría estar trabajando en estrecha colaboración con el diseñador, que quizás no esté familiarizado con algunos de estos conceptos de diseño web ui / ux o que conozca. Lo que es técnicamente factible.

Con su plan de avanzar más hacia el desarrollo de back-end, seguramente estará menos involucrado en el proceso de diseño. Sin embargo, cuando está comenzando sus estudios, sus intereses pueden fluctuar y nunca se sabe si es posible que necesite ponerse nuevamente en la lista de desarrolladores de aplicaciones para un proyecto en particular. Completar sus habilidades temprano solo beneficiará sus perspectivas futuras.

Answer 6

Las habilidades principales para un “Desarrollador” de Front End son HTML y JavaScript / jQuery y CSS. Es sobre todo los diseñadores gráficos que hacen el diseño / estilo. En mi opinión, todo lo que necesita aprender es Codificar en CSS, implementar Bootstrap y cualquier biblioteca de estilos JS, y debería estar listo para ser un desarrollador de aplicaciones para usuario.

Answer 7

Si su objetivo es trabajar como desarrollador web para una empresa, entonces lo sugeriría, absolutamente.

Si su objetivo es trabajar en casa y meterse en esto y en lo otro, la necesidad no es tanto.

Si quieres grandes diseños web increíbles e inspiradores, absolutamente.

---

Si eres como yo, entonces quieres saberlo todo. Cuando se trata de trabajo, y de negocios, nada ha sido tan satisfactorio como comprender la entrada y la salida de TI.

Es importante para mí porque trabajo en TI, específicamente en el área web de nuestra empresa, y eso facilitó mi trabajo.

---

No hay una respuesta verdadera de sí / no para usted, pero puede llegar a su propia pregunta preguntándose cuáles son sus objetivos.

Tal vez usted tenga un amigo que sea excelente en diseño web, y esa persona pueda hacer el diseño y pueda centrarse en los datos.

Tal vez sea realmente al revés.

---

Mi consejo: dé un paso atrás y piense realmente por qué hizo su pregunta en primer lugar.

---

Se puede enseñar el pensamiento crítico, pero aplicarlo es un juego de pelota completamente nuevo. Retarte a ti mismo. 🙂

---

Gracias,

Ben

Answer 8

Por mucho que me rompa el corazón: no.

Hay muchos Desarrolladores de Front End que no saben nada sobre el diseño en el sentido de hacer que las cosas sean agradables a la vista y un placer utilizarlas.

Intente buscar un puesto en una empresa que no se preocupe demasiado por el diseño. En cualquier otra empresa, no estarás muy contento de todos modos, ya que el diseñador te pedirá constantemente que cambies los márgenes, los rellenos y los tamaños de fuente hasta que la parte frontal se vea como su diseño.

Answer 9

Sí, el diseño web se basa en la parte frontal, mientras que el desarrollo web se basa principalmente en la parte final.