8.2 KiB
| title | localeTitle |
|---|---|
| Design Resources for Front End Developers | Recursos de diseño para desarrolladores front-end |
¿Eres un desarrollador web de front-end independiente o estás pensando en convertirte en uno? Tal vez haya estado en un campo de arranque de codificación o se haya graduado de un curso de desarrollo de front-end en línea. ¿Qué pasa después?
Usted obtiene su primer cliente. Puede que solo sea un amigo que necesita un sitio web personal. No importa. No quieres que parezca amateur. Quieres que se vea bien. Quieres que se vea profesional.
Aquí está la cosa…
Un buen diseño puede significar la diferencia entre un sitio web que se ve "hecho en casa" y uno que se ve profesional. Si va a ganar dinero en el desarrollo web independiente, no puede darse el lujo de crear sitios que no muestren buenos principios de diseño. La mayoría de las personas (es decir, los clientes potenciales) saben cómo es un buen diseño, incluso si no pueden decirle por qué es un buen diseño. Por lo tanto, vale la pena tener una comprensión de los conceptos básicos de diseño. De hecho, me atrevería a decir que es absolutamente necesario si va a tener una carrera exitosa como desarrollador de front-end independiente.
Entonces, ¿por dónde empiezas? ¿A dónde vas para aprender sobre diseño? Afortunadamente, no necesita pagar dinero para aprender los fundamentos básicos del diseño. Hay muchos recursos por ahí que son 100% gratis. Aquí hay 10 recursos (la mayoría de ellos gratuitos) que te ayudarán a ser un mejor desarrollador front-end independiente, ya que te ayudarán a ser un mejor diseñador. ¡Que te diviertas!
1. Hackdesign.org
Empecemos con lo básico. Si desea producir trabajos de front-end atractivos, de aspecto profesional, absolutamente necesita aprender los conceptos básicos del diseño. Déjame decir eso una vez más. Necesitas aprender lo básico del diseño. Sí, es tan importante. Créame. Le ayudará a diferenciarse de todos los desarrolladores frontales independientes que no lo están aprendiendo y eso significa que obtendrá más trabajo. Más trabajo significa más dinero. ¿Ves lo que quiero decir? Es importante.
Repase las lecciones de Hackdesign de principio a fin y deje que todo se hunda. Si lo desea, puede inscribirse en las lecciones semanales enviadas a su dirección de correo electrónico. Sin embargo, no necesitas hacer eso. Simplemente haga clic en "ver todas las lecciones" y comience a trabajar a su manera. Es bastante profundo. No es algo que vas a hacer en un par de horas. Pase un tiempo serio aquí en este recurso.
2. Diseño para hackers
La razón de David Kadavy para escribir el libro se resume muy bien en esta cita:
"Podemos crear folletos, postales y presentaciones de PowerPoint completas con animaciones. Podemos crear blogs, carteles e incluso tazas de café ... Pero pocos de nosotros somos expertos en diseño".
Lo mismo ocurre con la creación de sitios web. El hecho de que pueda crear un sitio web que funcione no significa que pueda crear un sitio web hermoso y bien diseñado que funcione. No significa que pueda crear un sitio web que parezca profesional. Estoy seguro de que sabes lo que quiero decir. Buen diseño se ve profesional. Período. Entonces, lee este libro. Kadavy también tiene un sitio web en designforhackers.com donde puede inscribirse en un curso basado en correo electrónico llamado "Design Pitfalls".
3. Curso de UX Crash: 31 Fundamentos
Recuerda, eres un profesional independiente y eso significa que llevas muchos sombreros. Saber cómo codificar no lo va a cortar si quiere ser un excelente profesional independiente que tiene una gran demanda.
Este "curso intensivo" de Joel Marsh es ideal para aprender los conceptos básicos de UX. Él dice: "La siguiente lista no es todo lo que puedes aprender en UX. Es una visión general rápida, por lo que puedes ir de cero a héroe lo más rápido posible". ¿Que estas esperando? ¡Empezar!
4. Curso de UX Crash: User Psychology
Parte dos del excelente Curso de Choque de UX de Joel Marsh: 31 Fundamentos. Resume por qué esto es importante:
"... cuanto más entiendes los sentimientos, pensamientos y acciones de tus usuarios, mejor diseñador eres".
Quieres ser un gran desarrollador y un gran diseñador, ¿verdad? Si no lo hubieras hecho, no habrías leído tan lejos. Bueno, ¿cómo vas a ser un gran diseñador o incluso un buen diseñador si no tienes idea de tus usuarios? Tienes que pensar en esos usuarios. Importan porque estás creando sitios web que la gente va a usar. Sé amable con ellos. Aprender algo sobre la psicología del usuario.
5. Paleta de materiales
Una atractiva paleta de colores por sí sola puede hacer mucho para que un diseño tenga un aspecto profesional. Entonces, si has superado el diseño básico que mencioné anteriormente pero aún no estás seguro de cómo aplicar la teoría del color, marca este sitio ahora y comienza a usarlo. Simplemente haga clic en dos colores y como magia aparece una hermosa paleta a todo color. Otros buenos sitios para las paletas de colores son flatuicolors y coolors .
6. Conceptos básicos de Adode Photoshop
Necesitará tener al menos un control de los conceptos básicos de Photoshop para trabajar con fotos y crear gráficos listos para la web. Navegue a través de estos tutoriales gratuitos de Adobe Photoshop CC en el sitio de Adobe. Están muy bien hechos, cubren lo básico y serán suficientes para que comiences.
7. Fundamentos de Adobe Illustrator
Puede que piense que, dado que no es un artista gráfico, no es necesario saber cómo usar Adobe Illustrator. ¡Incorrecto! Claro, tal vez no vas a crear tu propia obra de arte desde cero. Sin embargo, ¿qué pasa si quieres usar el arte vectorial de otra persona? Digamos que has encontrado una hermosa imagen vectorial en iStock que quieres usar. Sin embargo, el color es incorrecto o desea eliminar parte de la imagen. No hay problema. ¡Aprenda los conceptos básicos de Illustrator y haga el trabajo en muy poco tiempo!
8. Elementos del estilo tipográfico aplicado a la web.
La tipografía puede parecer un poco aburrida pero es importante. Incluso si no confirma toda la información que se presenta aquí en la memoria, sabiendo que en un mundo de diseño perfecto, estas cosas le ayudarán a aumentar su conciencia. Lee un poco a la vez. Me gusta este sitio porque la información se presenta en tidbits pequeños y fácilmente digeribles. Por ejemplo, echa un vistazo a esta lectura de un minuto en el espacio de letras
9. No me hagas pensar por Steve Krug
Estás construyendo sitios que la gente real va a usar. No quieres que tus sitios compliquen la vida y frustren a la gente. Usted quiere que sus sitios les faciliten la vida. Ok, bueno, vas a necesitar saber algo acerca de la usabilidad web y este es el libro clásico sobre usabilidad web. Jeffrey Zeldman, fundador de la revista A List Apart , dice que "si diseña, escribe, programa, posee o administra sitios web, debe leer este libro". Bien dicho. Lee este libro.
10. El desafío de la creatividad por Tanner Christensen
Finalmente, si eres un desarrollador web independiente que usa una variedad de sombreros, tendrás que mantener tu creatividad en plena forma y eso significa ejercitarla. Este libro contiene 150 desafíos divertidos dirigidos a hacerte pensar fuera de la caja y ver las cosas desde un ángulo diferente. La introducción del libro lo resume muy bien: "Siempre que te sientas atascado o sin inspiración, simplemente pasa a una página al azar y sigue las instrucciones para completar el desafío creativo que encuentras allí".