Students Save 30%! Learn & create with unlimited courses & creative assets Students Save 30%! Save Now
Advertisement
  1. Web Design
  2. Design Theory
Webdesign

Bienvenido a la Escuela de Diseño para Desarrolladores

by
Length:ShortLanguages:
This post is part of a series called Design School for Developers.
Planning a Design Project

Spanish (Español) translation by Rodney Martinez (you can also view the original English article)

La Escuela de Diseño para Desarrolladores, es una serie de tutoriales dirigidos a ayudar a los desarrolladores (a aquellos que son nuevos o, simplemente, los que estén interesados en diseñar para la web) a entender mejor sobre las técnicas y decisiones empleadas detrás de diseño y que se pueden codificar.

Quizá, puedes ser un desarrollador que usualmente trabaja con otros diseñadores y quieres conseguir una mejor comprensión de diseño en general, o tal vez, puedes ser un desarrollador que quiere, o tiene, que trabajar en sus propios proyectos y le gustaría aprender como diseñar mejores sitios.

Cualquiera que sea tu posición, al final de esta sesión habré armado con una enorme cantidad de conocimiento, el cual tú serás capaz de poner en práctica en tu próximo proyecto.

¿Qué es diseño?

Sutilmente podemos definir diseño como:

Decidir sobre el aspecto y funcionamiento de (un edificio, prenda u objeto) por lo general, al hacer un dibujo detallado de la misma.

Sin embargo, eso no tiene nada que ver con el diseño en la web. Por otra parte, fácilmente podemos traducir esto de acuerdo a la relación que en diseño web significa:

Decidir sobre el aspecto y funcionamiento de (un sitio web, una aplicación para usuarios o la interface de usuarios), mediante la creación de guías detalladas, informativas, útiles y, además, representaciones digitales de un producto dicho.

Diseñar un producto útil jamás ha sido una tarea fácil, y al mismo tiempo se aplica para la web. Desde que se formó el internet, ha pasado a través de muchas evoluciones y fases revolucionarias —la introducción al diseño basado en hojas de estilo; CSS, por ejemplo—, trajo muchas características nuevas para presentar las delicias visuales de la web y para que puedan ser vistos por todos.

Hoy en día, junto con los desafíos que enfrentamos antes, en tan solo el diseño web, hay muchos otros obstáculos que tenemos por enfrentar. No solamente debemos diseñar un sitio web que luzca bien y, más importante aún, sirva a su propósito, sino que también tenemos que hacer que responda y funcione en una ridícula, pero inmensa, cantidad de dispositivos y todavía que se desempeñe bien, independientemente de la cantidad de imágenes y contenido que tenemos en el sitio.

Pero a pesar de que enfrentemos muchos desafíos en el diseño para la web, hay mucho trabajo por hacer para que podamos sentirnos orgullosos. Somos una de las industrias más modernas en el mundo, ya que constantemente somos capaces de estimularnos a nosotros mismos y al trabajo que hacemos para ir hacia adelante… y eso es algo por lo que podemos estar orgullosos.

En pocas palabras, diseñar para la web jamás será una tarea fácil, es decir; hay muchos desafíos y obstáculos que enfrentaremos y cuando eres nuevo en diseñar para la web puede resultar abrumador. Muchas decisiones importantes se toman cuando estas diseñando un sitio web, siendo la más básica: el color, la tipografía e imágenes visuales, usualmente, y como todo esto y muchos otros elementos de diseño se unen para crear, realmente, una bella y cohesiva experiencia de diseño para nuestros usuarios.

Como desarrollador, es probable que estés acostumbrado a recibir diseños terminados que luego usaras para desarrollar la construcción de un sitio web completamente funcional. Durante este lapso de tiempo que usted se puede encontrar con decisiones que parecerán extrañas o fuera del lugar, o quizá sencillamente tenga curiosidad de preguntarse porque un diseñador tomo una decisión en particular.

Un pequeño ejemplo es que usted podría no entender porque un diseñador esta infeliz si los elementos que construyo no se alinean completamente igual a la manera como lo proporcionó en el formato PSD. Al final de esta serie, espero que tengas una mejor comprensión del razonamiento detrás de tales decisiones. Y si todavía te sientes inseguro de las razones por las cuales se toman tales decisiones, tendrás la confianza y el entendimiento para hablar apropiadamente a los diseñadores acerca de sus preocupaciones.

Al final del día, tener un mejor entendimiento del diseño que estás trabajando puede solamente significar una cosa: que producirás mejores trabajos. Con un diseño mejor informado y orientado, espero que seas capaz de apreciar mejor el diseño para la web e incluso, tener uno mejor.

Con relación a las asignaciones

Al final de cada artículo en esta sección encontrarás una lista de asignaciones Estas te guiaran a darte algo práctico para hacer y poner en práctica las habilidades que irás aprendiendo.

Siempre pensé que aprendes mejor haciendo algo, en vez de sólo leer. El completar estas asignaciones es una buena manera, libre de riesgo, de practicar lo que irás aprendiendo sin ninguna restricción.

¡Así que empecemos con la primera lección!

¡Sé el primero en conocer las nuevas traducciones–sigue @tutsplus_es en Twitter!

Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.