Nuestro espacio en la web

Bienvenidos al sitio de la Cátedra Computación Gráfica 3 de la Carrera de Licenciatura en Diseño Visual, Facultad de Arquitectura y Diseño UCALP. Encontrarán temas relacionados, consejos de diseño y también enlaces a diferentes recursos y sitios de interés. De esta manera se convierte en un complemento para los contenidos dados en la cursada.

¿Qué aprendemos en la materia?

<cg3> trata del diseño y construcción de propuestas digitales en línea, páginas web fundamentalmente, que requieren no solo de un atractivo visual, sino de funcionalidad para el usuario y adaptabilidad a los medios tecnológicos. Dentro de ese campo temático es que nos proponemos como cátedra:

Enseñar a comprender y dominar las últimas tecnologías utilizadas para la construcción de páginas web y su publicación.

Brindar los recursos necesarios para el desarrollo de las propuestas, como fuentes, bancos de imágenes e íconos gratuitos, etc.

Dar consejos y sugerencias de nuestra experiencia en el campo del diseño web en particular y del diseño visual en general.

"Podemos no solo ser espectadores o usuarios del diseño en la web, sino también construir nuestros propios diseños para los demás."

Empezando por el código

Para diseñar páginas web, lo importante es saber qué tipo de tecnologías de codificación se utilizan para construirlas. Los lenguajes básicos son HTML, para la estructura, y CSS para los estilos. Aprendidos ambos, con ellos se pueden crear y estructurar los elementos de una página web.

Ver más

Los elementos básicos

Con una buena elección tipográfica y una o más imágenes de calidad ya se puede construir una página web. Sin embargo los elementos gráficos como formas geométricas, líneas, íconos, etc., nos ayudan a distribuir e identificar mejor el contenido, y a darle más personalidad al diseño.

Ver más

No olvidemos el color

El color es otro elemento fundamental en el diseño de un sitio. ¿Qué sería de una página web sin color?, además de monótona, no llamaría tanto la atención. Limitarse a pocos colores que generen una paleta acorde al tema, y una distribución a conciencia son las recomendaciones.

Ver más

¿Y qué hay de las pantallas?

Hoy en día un sitio web puede verse desde diferentes dispositivos, con distintas relaciones de aspecto (alto y ancho) y cantidad de pixeles de resolución. Esto implica que el resultado no siempre será el mismo para el usuario. La adaptación de una página web a diferentes tamaños de pantalla se conoce como responsive design (diseño responsivo).

Ver más

Herramientas de desarrollo

Software, recursos, editores en línea, todo un conjunto de componentes que nos asisten en la producción de proyectos digitales atractivos y funcionales.

Los indispensables

Para comenzar a construir una página web es necesario un editor de texto/código, preferentemente que sea un software específico para tal tarea. Los más utilizados hoy en día son Sublime Text y más recientemente Visual Studio Code. También se requiere de un navegador web o browser para visualizar los resultados. Entre los más usados tenemos a Google Chrome y a Mozilla Firefox.

Recursos para diseñadores

La web es una gran comunidad global y en lo que respecta al diseño abundan los contenidos de los que se puede disponer. Fuentes, imágenes, íconos, la variedad es amplia. Hay páginas que los organizan por tipos y temas. A continuación algunas de ellas, libres de derechos, esto es que se pueden utilizar los recursos sin necesidad de pago.

Herramientas on-line

Existen varios sitios que ofrecen una plataforma para editar código y visualizar los resultados automáticamente en su propio entorno. Son una interesante propuesta para los desarrolladores y aprendices ya que permiten escribir los distintos lenguajes y chequear su comportamiento en conjunto en un mismo lugar. Los más completos son CodePen, JSFiddle y JS Bin.

Y la lista sigue...

Hay muchas páginas con recursos y herramientas que son muy útiles para todo diseñador que trabaje en el front-end (diseño desde la experiencia de usuario). Hasta aquí se han recomendado solo algunas, pero pueden sumarse otras que se especifiquen en una parte del desarrollo de un proyecto, como por ejemplo el color, los textos, los efectos en CSS, etc.