Valora este artículo
(2 votos)

Perspectivas isométricas con AI CC 2015

Retículas isométricas en Adobe Illustrator CC 2015

En este tutorial veremos la forma de crear una retícula isométrica con guías que nos ayude luego en la creación de proyecciones isométricas; en mismo trabajo lo podemos crear también usando trazados (segmentos de línea), los que opcionalmente podremos también convertir en líneas guía (ver notas al final del artículo).

Valora este artículo
(3 votos)

Cabezal artículo Accordion de BS en DW CC 2015

Tutorial Básico: Acordeón de Bootstrap desde DW CC 2015

Este tutorial surge en respuesta a una consulta surgida en clases: ¿Cómo insertar un acordeón en HTML usando Dreamweaver?

Veremos la solución a este problema insertando el componente Accordion de Bootstrap desde Dreamweaver CC 2015 en una página recién creada, de modo que en este tutorial nuestro componente quedará colocado directamente dentro del body del documento; en caso de trabajar con páginas parcialmente desarrolladas debemos elegir dentro de qué etiqueta insertaremos este componente, de acuerdo a nuestras necesidades de diseño; por otra parte, cada vez que se hable de ediciones en la vista de diseño debemos tener presente que es posible trabajar directamente en la ventana de códigos si es que nos resulta más cómodo, lo que dependerá de los conocimientos que cada uno de nosotros tenga con los mismos.

Valora este artículo
(1 Voto)

Algunos componentes de ejemplo en HTML5 y CSS3

Construyendo con HTML5 y CSS3

En esta página se irán publicando, como complementario a los apuntes y tutoriales sobre diseño web, algunos ejemplos de maquetación de distintos componentes estructurales, visuales y de navegación utilizando HTML5 y CSS3. Bajo el entendido de que se trata de material de apoyo para estudiantes iniciales de diseño los ejemplos se irán publicando en la medida de que las consultas y el desarrollo de las clases lo vayan requiriendo.

Valora este artículo
(4 votos)

Trabajando con plantillas en DW CC 2015 (i)

Plantillas en Dreamweaver CC2015: Definiendo un nuevo sitio

Introducción

Las plantillas (templates) en Dreamweaver son documentos en formato DWT, que DW se almacenan en una carpeta llamada Templates, dentro del sitio de trabajo que tengamos activo, y que servirán luego para crear nuevas páginas web que heredarán sus diseños, y contenidos fijos presentes en estas plantillas.

Una vez que creamos un nuevo documento basado en una plantilla, DW sólo permite agregar o modificar contenidos en aquellas regiones que hayamos definido como editables, por lo que, debemos reconocer primero aquellos contenidos fijos de aquellos otros que dependerán del contenido de cada página que creemos luego a partir de nuestra plantilla.

Asimismo, y con el fin de aumentar la productividad durante los procesos de diseño y carga de datos en el sitio, es posible crear distintos tipos de "regiones espaciales"; entre las cuatro posibles en ésta y una próxima entrada veremos las siguientes:

  • Las regiones editables, sobre las cuales, al crear nuevas páginas desde una plantilla, se permitirá agregar o cambiar contenidos. Es necesario que una plantilla tenga, por lo menos, una región editable, de modo que permita trabajar luego sobre ella.
  • Las regiones repetidas en cambio, nos permitirán crear o eliminar zonas enteras de código en un documento basado en la plantilla, con lo que podremos agregar no solamente contenidos, sino repetir estructuras especiales, las que se crearán con los estilos de diseño que tengan asignados.
  • Las tablas de repetición, sobre las cuales hablaremos y veremos como trabajar en un siguiente tutorial.

Al crear múltiples páginas a partir de una de más plantillas es posible actualizar el diseño y contenidos fijos de éstas páginas cada vez que modifiquemos la plantilla ya que éstas permanecen relacionados, a menos que rompamos luego este vínculo posteriormente.

Para mostrar el proceso de creación y uso de una plantilla, trabajaremos sobre el template que podemos bajar de aquí, cuya captura de pantalla, a escala, es la siguiente:

Valora este artículo
(2 votos)

 Consideraciones básicas para una campañana publicitaria gráfica

Consideraciones para el desarrollo de un brief creativo

El siguiente resumen pretende reunir algunas pautas y consideraciones usadas en los cursos de publicidad gráfica con las cuales ayudar al alumno en el desarrollo de ideas para una campaña gráfica, y por consiguiente, en la redacción del brief de diseño, requisito indispensable antes de la o las propias piezas visuales finales, y éste mismo es el ámbito al que está destinado esta entrada:

Valora este artículo
(7 votos)

El diseño en el proceso de prod. gráfica

El diseño entendido como parte del proceso de producción gráfica

Si bien es cierto que la creatividad es uno de los pilares fundamentales del diseño gráfico, debemos entender que existen otros componentes de importancia fundamental, entre los que se encuentran el dominio de los requisitos técnicos necesarios para producir una pieza gráfica impresa a través de los distintos mecanismos de impresión industrial o comercial.

Debemos tener en cuenta que diseño no es sinónimo de pieza gráfica, recordemos que "proyecto o plan" es una de las acepciones que la RAE tiene para la palabra diseño; así, podemos entender al diseño gráfico como el plan o conjunto de planes necesarios para desarrollar una pieza gráfica de forma exitosa, con lo cual queda claro que no solo debemos disponer de los conocimientos compositivos, estéticos, semióticos o publicitarios necesarios, sino también de aquellos relacionados con los recursos técnicos disponibles en el mercado para lograr dicha pieza, lo que implica también conocer y controlar las posibilidades y limitantes que cada sistema ofrece, así como los requisitos requeridos en cada caso para lograr un desempeño productivo óptimo.