Mantenga la resolución de ese año nuevo y dé el salto de la impresión al diseño web

Usted ha estado diseñando para la impresión desde la universidad y está atento a lo que hace que las imágenes funcionen. Pero el paisaje ha cambiado (y para algunos, incluso puede parecer un poco de miedo). Entonces, cuando el balón cayó a principios de 2012, tu resolución fue aprender un poco más sobre el lado digital de todo esto y hacerte mucho más comercial.

Ahora es el momento de empezar. Hay toneladas de recursos disponibles para ayudar a los diseñadores de impresión a que se empapen de codificación, HTML y diseño digital. Debido a las habilidades que ya posee como diseñador de impresión, la transición podría ser incluso más fácil de lo que cree. Ya sabe cómo usar texto, color e imágenes, pero necesita las habilidades para hacerlo realidad en el formato en línea. Con un poco de tiempo y dedicación, casi cualquier persona puede aprender lo básico con unos excelentes tutoriales (y gratuitos) directamente en su computadora.

Codificación para principiantes

Los sitios como Codeacademy y Carl Herold's Higher Computing for Everyone permiten a los usuarios aprender los conceptos básicos de la codificación por computadora sin costo alguno. Los usuarios pasan por una serie de cursos diseñados por desarrolladores.

El Codeacademy, que comenzó en el verano de 2011, cuenta con más de 500,000 usuarios y recibió $ 2.5 millones de inversionistas para financiar la empresa en octubre, según The New York Times. Informática superior para todos, que comenzó en 2009, reclama alrededor de 6,000 suscriptores. Cada uno de los sitios es fácil de usar y no requiere conocimientos previos de codificación.

La ventaja de Codeacademy es que las lecciones están estructuradas de forma casi como un juego, lo que le permite obtener insignias de logros para terminar las lecciones y compartirlas en línea. Las lecciones de Codeacademy comienzan en el nivel más básico - Lección 1: Conocerte, muestra la sintaxis de la programación - y pasa a las lecciones sobre las funciones de Javascript. El único inconveniente real es que las lecciones carecen de contexto en cuanto a por qué las cosas se hacen de esta manera.

El ambiente de juego de Codeacademy es divertido. Pasar por las lecciones le da un sentido inmediato de logro y comprensión. Con cada entrada en el área de práctica, el usuario recibe comentarios inmediatos sobre si el código se ingresó correctamente y, de no ser así, sugerencias sobre cómo proceder. La interfaz no requiere sonido y se puede practicar a cualquier ritmo, aunque funciona mejor si completa las lecciones completas antes de desconectarse.

La computación superior de Carl Herold para todos es una configuración mucho más estructurada. No es necesario que se registre en el sitio para leer las lecciones, que se parecen más a leer conferencias que a la naturaleza interactiva de Codeacademy. Herold lleva a los usuarios a través de la historia y los antecedentes de los lenguajes de codificación y programación en las primeras lecciones y pasa a escribir programas básicos.

La profundidad de la información es impresionante, pero la interfaz puede ser intimidante para los codificadores por primera vez. Las lecciones requieren mucha lectura y la interfaz no tiene un espacio de trabajo de práctica.

Combinar las lecciones en los dos módulos en línea podría ser la mejor ruta para aprender lo más posible sobre la codificación. La información de Herold explica los principios de una manera clara para que pueda comprender lo que significa. Las lecciones de Codeacademy ofrecen experiencia práctica trabajando con la programación en un formato fácil de usar.

Aprender HTML

Aunque un conocimiento básico de la codificación no puede perjudicar a nadie, la mayoría de los diseñadores quieren saltar directamente al diseño de sitios web. Ahí es donde entra en juego el HTML. El lenguaje de marcado usa un conjunto de etiquetas anotadas entre paréntesis angulares para describir lo que hay en una página web.

Comience con los tutoriales gratuitos en w3schools.com o HTML Dog. Cada sitio ofrece una serie de lecciones breves para principiantes, desde cómo utilizar HTML básico (configuración de párrafos y encabezados) hasta funciones más complejas, como la creación de tablas o la inserción de imágenes.

Las lecciones de w3schools.com son bastante interactivas y fáciles de entender. Cada módulo permite a los usuarios intentar jugar con bits de HTML y ver los resultados en la pantalla. Las lecciones también agregan un elemento extra de la enseñanza a los ejercicios, explicando por qué ciertas etiquetas funcionan de la misma manera y cómo se corresponden con los métodos antiguos y nuevos de construcción de páginas web.

Las lecciones para principiantes en w3schools.com son bastante básicas, pero pueden sentar una gran base para alguien que se está moviendo de la impresión porque nunca ha trabajado en línea. Las lecciones avanzadas pueden ayudar realmente a los diseñadores a hacer que una página tenga el aspecto deseado sin tener que depender de plantillas gratuitas o hojas de diseño en caja. Las lecciones incluyen información sobre cómo configurar el diseño de una página web; entrar en detalles sobre el trabajo con medios, como imágenes, video y audio; e introducir a los usuarios a HTML5.

Las lecciones de HTML Dog son mucho más que una visita guiada. Sirven como una guía directa que les permite a los usuarios practicar solos usando el Bloc de notas y un navegador web (que son estándar en la mayoría de las computadoras). Las lecciones son bastante simples y directas pero carecen de interactividad. Sin embargo, el sitio incluye detalles bastante buenos sobre todos los términos de uso comunes que aparecerán en HTML, como "fuerte". y? em.?

HTML Dog también permite a los usuarios profundizar en lecciones más complejas, con una introducción a CSS y cursos de HTML intermedios y avanzados que cubren elementos como Javascript y el uso de formularios.

¿Más avanzados? ¿Cursos?

Ahora que estás enganchado a aprender todo lo que puedas sobre el formato digital, revisa todos los materiales en Google Code University. El programa, patrocinado por el gigante de la web Google, tiene el aspecto de una guía de cursos universitarios.

Las clases y los cursos son gratuitos y no requieren registro. Hay una gran cantidad de cosas diferentes para probar, incluyendo tutoriales grabados, charlas y cursos con ejercicios. Gran parte del curso está bastante avanzado, con conferencias y materiales de educadores y estudiantes de las universidades de Harvard, Duke y Carnegie Mellon.

La principal ventaja de Google Code University es la red de recursos.Las lecciones están actualizadas y se mueven con la tecnología, como "Crear una aplicación para Android 101". Cada curso enumera los requisitos previos necesarios para el curso, el software o los materiales necesarios y los objetivos de aprendizaje.

Practicar nuevas habilidades

La mejor manera de probar lo que ha aprendido es poner los conceptos en acción.

¿Te sientes bien con algunas de tus habilidades de codificación? Crea un juego o programa simple para mostrar tu trabajo. Juega con algo con lo que puedas seguir trabajando y sigue perfeccionando nuevas habilidades. Crea una página web y no uses una plantilla. Comience de manera simple, pero con el tiempo intente agregar nuevos elementos. Mire las cosas que le gustan en línea e intente replicarlas en su sitio.

Si se siente más confiado, pídale a su jefe que colabore con otros en un proyecto digital o busque uno pequeño que pueda manejar solo pero con supervisión y guía si tiene problemas. Hazle saber a la gente que estás tratando de dar el salto al diseño digital; Es probable que tus compañeros te ayuden en el camino.

Finalmente seguir aprendiendo cosas nuevas. Una vez que haya dominado la codificación y el HTML, piense en el diseño en otras áreas, como para aplicaciones móviles y tabletas.

Conclusión

Hay excelentes recursos disponibles para ayudarlo a aprender todas las nuevas habilidades que desea en 2012, y no tiene que volver a la escuela para hacerlo. Establezca algunos objetivos y comience con cursos y tutoriales en línea para aprovechar al máximo su experiencia de aprendizaje.

Practica todo lo que aprendes; simplemente ejecutar tutoriales no es suficiente para que las habilidades sean relevantes. Busque experiencias y proyectos que pondrán a prueba sus nuevos conocimientos. Recuerde que los conceptos básicos que determinan un buen diseño no cambian de impresión a la web; La clave del éxito en ambas áreas es un conjunto de herramientas actualizado.