Ejercicios del libro parte 1

Practica 1

Despues de ver el diseño de la revista el poster y una collage, anotamos las diferencias y pudimos decidir que el diseño de la revista en muchas ocaciones trata de incluir toda la informacion que se puede, a traves de mucho texto de tamaño pequeño y con muchos imagens mientras que el diseño del poster normalmente siempre es un imagen grande sin texto y el collage simplemente es un conjunto de varios imagenes que pueden ser juntados para crear otro imagen o no.

Practica 2

Los miembros de nuestro equipo llegamos a la conclusion de que el diseño gráfico visto como actividad, es la acción de concebir, programar, proyectar y realizar comunicaciones visuales, producidas en general por medios industriales y destinadas a transmitir mensajes específicos a grupos determinados y que un diseño gráfico es el objecto creado por esta actividad.

Practica 3

Pop Art: El Pop Art fue un movimiento que surge a finales de la decada de 1950 en Inglaterra y Estados Unidos como reaccion artística ante el Expresionismo Abstracto, al que consideraban vacio y elitista. Se caracteriza por el empleo de imágenes y temas tomados de la sociedad de consumo y de la comunicación de masas y los aplican al arte. Utiliza imagenes conocidas con un sentido diferente para lograr una postura estetica o alcanzar una postura critica de la sociedad de consumo. Como su propio nombre indica "Arte Popular", toma del pueblo los intereses y la tematica. El Pop es el resultado de un estilo de vida, la manifestación plastica de una cultura caracterizada por la tecnologia, la democracia, la moda y el consumo donde los objetos dejan de ser únicos para producirse en serie. Se sirve de los objetos industriales, de los carteles, de los artículos de consumo comercial. Describía lo que hasta entonces había sido considerado indigno para el arte: la publicidad, las ilustraciones de revistas, los muebles de serie, los vestidos, las latas de conservas, los "hot-dogs", botellas de coca-cola, etc. Esto se lleva al arte, surgiendo un estilo desnudo y mecanizado, de series reproducidas que enlaza directamente con el mundo de la publicidad. El tamaño de las obras será cada vez más espectacular, se amplían los motivos y pasan a primer plano o se multiplican a lo largo de la superficie pictórica. La expresividad queda desplazada a un segundo plano, siendo un estilo impersonal que retrata su contemporaneidad con sutil conformismo. El Arte Pop fue apreciado y aprobado por el público gracias a sus formas fáciles y divertidas y a sus contenidos, que podían ser captados sin dificultad. Al espectador le gustaba reconocer objetos corrientes en los cuadros porque así se ahorraban el esfuerzo que representaba la interpretación de las obras del expresionismo abstracto, pero no comprendieron su carga de ironía y de ambigüedad.

Apunta los nombres de los articulos que has leido y la fuente de informacion.

Que tecnicas de diseño grafico descubriste?

La composición: En toda composición, los elementos que se sitúan en la parte derecha, poseen mayor peso visual, y nos transmiten una sensación de avance. En cambio los que se encuentran en la parte izquierda, nos proporcionan una sensación de ligereza. Esto también se observa, si lo aplicamos en la parte superior de un documento, posee mayor ligereza visual, mientras que los elementos que coloquemos en la parte inferior, nos transmitirán mayor peso visual.

La sección áurea:  La regla o sección áurea es una proporción entre medidas. Se trata de la división armónica de una recta en media y extrema razón. Esto hace referencia a que el segmento menor es al segmento mayor, como este es a la totalidad de la recta. O cortar una línea en dos partes desiguales de manera que el segmento mayor sea a toda la línea, como el menor es al mayor. De esta forma se establece una relación de tamaños con la misma proporcionalidad entre el todo dividido en mayor y menor, esto es un resultado similar a la media y extrema razón. Esta proporción o forma de seleccionar proporcionalmente una línea se llama proporción áurea, se adopta como símbolo de la sección áurea (Æ), y la representación en números de esta relación de tamaños se llama número de oro = 1,618.

La escala: Decimos que existe una escala cuando se da una relación matemática (proporción) entre las dimensiones de distintos elementos. Una escala, por tanto, se puede representar mediante un número o una fórmula. La escala normalmente se usa en cartografía, planos, mapas... para poder representar una medida proporcional al tamaño real. Es cuando citamos, por ejemplo, este plano está en escala 1:10. Este concepto hace referencia a que, para realizar el plano, se ha aplicado un factor de reducción determinado (en este caso, dividir por diez), para poderlo dibujar en un lugar más pequeño, sin que pierda sus proporciones.

Como se transmite la informacion y el infoque del diseño grafico al publico?
Se transmite una información determinada por medio de composiciones gráficas, que se hacen llegar al público destinatario a través de diferentes soportes, como folletos, carteles, trípticos, etc. El diseño gráfico busca transmitir las ideas esenciales del mensaje de forma clara y directa, usando para ello diferentes elementos gráficos que den forma al mensaje y lo hagan fácilmente entendible por los destinatarios del mismo.
Que tendencias y movimientos en el diseño descubriste?
Tendencia Europea

Anuncios sencillos en forma pero inteligentes en concepto.

Utilización de una fotografía que generalmente va sangrada por los 4 lados.

Muy poco texto. Preferiblemente un titular.

En caso de existir direcciones, teléfonos, etc, se colocan en forma de pata.

Comerciales sin información sobre servicios o características de la marca.

Mucha exigencia en el concepto porque debe ser impactante y diferente.

Tendencia Label

Como es ramificación Europea, el estilo de diseño gráfico y creatividad es similar, utilizando una foto sangrada, preferiblemente por los cuatro lados, con muy poco texto que sería un titular sobresaliente por su redacción ingeniosa.

Tiene como detalle novedoso un punto focal dentro del anuncio, el que deberá estar diseñado en forma de etiqueta (label) y donde cada creativo utilizará la forma adecuada según el concepto: recortes de prensa, pizarrones, memos, carpetas, calendarios, recortes de jeans, etc. Puede ir en cualquier parte del anuncio, siempre y cuando tenga estética y cumpla con ser el punto focal.

El tamaño de esta etiqueta debe ser moderado, no muy grande, para que no eclipse a los demás elementos dentro del anuncio.

Movimiento Revolucion Digital El nuevo milenio trae consigo una serie de tendencias innovadoras, todas enfocadas desde el punto de vista de la tecnología y lo digital. Originalmente, es un movimiento generado por el atrevimiento de algunos artistas que, influenciados por el “Tecno-impresionismo” de finales del siglo XX y, utilizando efectos digitales a través de un computador y vendiendo sus obras por internet, impulsan el crecimiento de un nuevo movimiento que toma como influencia grandes escuelas del siglo XX, como es el caso del Art Nouveau y el Pop Art. A partir de ahí, los creativos han embellecido el diseño de anuncios y piezas publicitarias, utilizando el retoque digital como herramienta vital. En la Revolución Digital de comienzos del nuevo milenio, se destacan, dentro de muchos estilos pertenecientes a esta filosofía, las tres tendencias más importantes: Digital Nouveau, Pop Y2K y Urban Design.

Digital Nouveau Digital Nouveau, toma lo esencial del Art Nouveau volviéndolo digital, moderno y vanguardista. La tendencia juega en sus diseños con formas naturales, ornamentos y adornos, colores terrenales, y además, con una saturación visual. Diseños con belleza estética y connotación femenina.

Pop Y2K  La tendencias Pop Y2K toma lo más light del Pop Art y lo digitaliza, bien sea de forma vectorial o con efectos en mapas de bits, para llevarle a la sociedad una forma novedosa de diseño. Colores planos y brillantes, ídolos con apariencia vectorial, ilustraciones con buena estética y la utilización del círculo como
elemento principal del diseño. Lo que da como resultado, diseños con impacto visual y connotación familiar, juvenil e infantil.

Urban Design  La tendencia Urban Design tiene a la ciudad como epicentro a la hora de crear diseños. Es entonces cuando se toman elementos como el arte callejero (graffiti o esténcil), la saturación visual (preferiblemente con cosas y objetos de la misma ciudad: señales de tránsito, edificios, automóviles, ladrillos, etc), y colores sucios. Son diseños con impacto visual y connotación ruda, dirigida para jóvenes irreverentes o alternativos.

Qué tipo de equilibrio tiene?
R: simétrico

Por qué se usa la perspectiva en el diseño?

R: -se usa para dar una visualización y perspectiva de lo que se expone, si es una presentación para mostrar algo que quieres .

Qué significa zona aurea y como se aplica en el diseño?

*La sección áurea es la división armónica de una segmento en media y extrema razón. Es decir, que el segmento menor es al segmento mayor, como este es a la totalidad. De esta manera se establece una relación de tamaños con la misma proporcionalidad entre el todo dividido en mayor y menor. Esta proporción o forma de seleccionar proporcionalmente una línea se llama proporción áurea.

*LA PROPORCIÓN ÁUREA EN EL DISEÑO WEB

La proporción áurea se aplica fundamentalmente a la composición web. Probablemente la composición es la tarea de diseño web más etérea y sobre la que peor bibliografía existe. Veamos algunas aplicaciones

-Utiliza medidas proporcionales para lograr rectángulos “áureos”.

- Calcula la proporción áurea de tu espacio de trabajo

Menciona algunos programas de diseño

Photoshop , paint , corel draw , icoFX, dream weaver.

Nombre formato	Caracterizas	Se usa mas para
AI	Formato nativo de Illustrator, solo este programa lo puede editar. Se basa en el formato PDF, pero Acrobat no lo lee correctamente. Cuando se guarda como .ai se puede editar al 100%, se mantiene la transparencia y guarda una previsualización al estilo PDF 1.4 Este formato es el mejor para trabajarlo en forma personal y es ideal para usarlo en InDesign y Photoshop.	Para trabaja en archivos que son .pdf
CDR	Es un formato vectorial, pero admite la inclusión de elementos de mapa de bits (integrados o vinculados a ficheros externos), pudiendo llevar además cabecera de previsualización (thumbnail). Junto a AI es uno de los formatos con más posibilidades con respecto al color, a la calidad de los diseños y al manejo de fuentes, pudiendo contener los textos trazados o con fuentes incluidas.	Para abrir programas de gráficos vecoriales
3DS	Gracias a este formato, los datos 3D pueden integrarse con suma facilidad en sitios web, documentación técnica, manuales de mantenimiento, folletos de marketing, correos electrónicos y demás usos corrientes. La reutilización de dicha información amplía la base de usuarios del 3D.	considerablemente la colaboración en torno a los datos 3D.
GIF	Una imagen GIF puede contener entre 2 y 256 colores (2, 4, 8, 16, 32, 64, 128 ó 256) entre 16,8 millones de su paleta. Por lo tanto, dado que la paleta tiene un número de colores limitado (no limitado en cuanto a colores diferentes), las imágenes que se obtenían con este formato por lo general eran muy pequeñas. Sin embargo, dado que el algoritmo de compresión LZW estaba patentado, todos los editores de software que usaban imágenes GIF debían pagarle regalías a Unisys, la compañía propietaria de los derechos. Esta es una de las razones por las que el formato PNG se está volviendo cada vez más popular, en perjuicio del formato GIF.	Dar animación a a imágenes
BMP	Windows bitmap (.BMP) es el formato propio del programa, que viene con el sistema operativo Windows. Puede guardar imágenes de 24 bits (16,7 millones de colores), 8 bits (256 colores) y menos. Puede darse a estos archivos una compresión sin pérdida de calidad: la compresión RLE (Run-length encoding). Los archivos con extensión .BMP, en los sistemas operativos Windows, representan la sigla BitMaP (o también Bit Mapped Picture), o sea mapa de bits.	Sirve para guardar imágenes de 24 bits y 16,7 millones de colores
PNG	png (pronunciado ping) son las siglas de Portable Network Graphics, un formato de compresión de imágenes aprobado por el World Wide Web Consortium (W3C) como sustituto del formato .gif. Los archivo tipo .gif utilizan un algoritmo de compresión de datos que está patentado, mientras que el formato .png no está patentado y no necesita licencia para su utilización.	Poder poner imágenes en la red y que puedan tener un mejor tamaño y calidad de imagen
JPEG	Además de ser un método de compresión, es a menudo considerado como un formato de archivo. JPEG/Exif es el formato de imagen más común utilizado por las cámaras fotográficas digitales y otros dispositivos de captura de imagen, junto con JPG/JFIF, que también es otro formato para el almacenamiento y la transmisión de imágenes fotográficas en la World Wide Web. Estas variaciones de formatos a menudo no se distinguen, y se llaman JPEG. Los archivos de este tipo se suelen nombrar con la extensión .jpg.	Es el formato mas untilizado en formato de imágenes para cámaras digitales
DWG	DWG es un formato de archivo informático de dibujo computarizado, utilizado principalmente por el programa AutoCAD; producto de la compañía AutoDesk.	Hacer dibujo computarizado
MAX	Autodesk Max (anteriormente Studio Max) es un programa de creación de gráficos y animación 3D desarrollado por Autodesk, en concreto la división Autodesk Media & Entertainment (anteriormente Discreet). Creado inicialmente por el Grupo Yost para Autodesk, salió a la venta por primera vez en 1990 para DOS.	Se usa para hacer graficos en 3d
MOV	MOV Es el formato común para las películas QuickTime, la plataforma nativa de Macintosh para películas. Tipo de archivo: Binario Puede usar un número de aplicaciones para reproducir archivos .mov incluyendo Sparkle o MoviePlayer en Mac, y QuickTime para Windows	Se usa para la reproducción de videos
AVI	El formato avi permite almacenar simultáneamente un flujo de datos de video y varios flujos de audio. El formato concreto de estos flujos no es objeto del formato AVI y es interpretado por un programa externo denominado códec. Es decir, el audio y el video contenidos en el AVI pueden estar en cualquier formato (AC3/DivX, u MP3/Xvid, entre otros). Por eso se le considera un formato contenedor.	Se usa para la reproducción de videos de alta difinicion
TTF	normalmente son archivos font, es decir, tipos de letra para instalar cualquier tipo de letra que te guste, descargas el archivo ttf correspondiente, y lo copias a C:\Windows\fonts	Hacer un tipo de fuente de letra

Preguntas de las paginas 35-37

Cuál es el papel de color en un diseño grafico y que podemos conseguir a través del?

Es de suma importancia ya que este puede hacer que el público se atraiga a la página web así como también le da identidad a la pagina web

Cómo se percibe el color gris y negro de los rectángulos adentro en esta imagen?

Se percibe de diferentes colores

Por qué no se pueden usar muchos colores en un diseño?

Porque esto hace que el usuario se distraiga del objetivo principal de la pagina web

Qué significa armonía de color y como se aplica?

La armonía del color implica poner en coordinación los valores que el color adquiere en una composición, entiéndase por valor al grado de intensidad que se le imprime a los colores seleccionados. En toda armonía se aprecian tres colores: El padre o dominante, es el de mayor proporción y más neutro, su función es destacar los demás colores del esquema, sobre todo al opuesto. El tónico, que hace de complemento al color dominante; es el más potente en color y valor; es el que anima el espacio. El tercero y último es el de mediación, éste como su nombre lo indica es el mediador, conciliador y modo de relacionarse del color dominante y el tónico.

Cual es el papel de color de un diseño grafico y que podemos conseguir atraves de el?

-Blanco

-y podemos conseguir una variedad de ideas ara la creación de un diseño para una pagina en la red

Cómo se percibe el color gris y negro de los rectángulos de adentro en esta imagen?

R: usar un estilo de fondo

Por qué nos se puede usar muchos colores en en un diseño?

R: por que no tendría armonía y se vería con una mala combinación

Qué se singnifca armonía de color y como se aplica?

R: Armonía de color significa usar colores que no se opaquen el uno con el otro y se vea bien y se pueda una buena representación de el.

Nuestros ojos son mas sencibles al color?

a)blanco

b)rojo

c)azul

d)correctos b y c

El color amarillo nos da?

a) tristeza

b)calma

c)animo y alegría

d)seguridad y confianza

Los colores primarios son?

a)verde , rojo y azul

b)naranja , verde y azul

c)blanco , negro y amarillo

d)rojo amarillo y azul

El sistema RGB se mide en una escala de:

a) 0 a 100

b)0 a 150

c)0 a 200

d)0 a 255

Los colores verde , naranja y violeta son:

a)colores primarios

b)colores secundarios

c)colores terciarios

d)ninguno es correcto

Observa cada afirmación y contesta verdadero o falso según el texto presentado en este tema

Los matices “activos” y calientos tienen mas peso que los matices “pasivo” y frios

(verdadero)

El sistema RGB mezcla rojo , verde y negro

(falso)

Si utilizamos el color azul como fondo será mejor que apliquemos el color negro para los dibujos

(falso)

El sistema CMY abarca los colores cian , magenta y azul

(falso)

Un circulo de color es una representación visual de colores arreglados según su relación cromática

(verdadero)

Un mismo color puede ser percibido por el ojo humano de diferente manera dependiendo del color del fondo u otros factores

(verdadero)

Une la parte derecha y la parte izquierda para formar la oración correcta

1 una de las sugerencias para el uso de los colores en el diseño son:	A- Contiene solo un componente luminosidad que varia de negro a blanco
2 el contraste utiliza	B- Que se debe descartar el azul para texto , líneas delgadas y figura pequeñas
3 el modelo grayscale	C- No sobrecargar el significado del color vinculándolo con mas de un concepto
4 los colores análogos son	D- Colores complementarios que se encuentran en puntos opuesto del circulo cromático
5 una de las regla de murch es	E- Un sistema de coordenadas que definen numéricamente los colores
6 un modelo de color es	F- los colores localizados cerca juntos en u circulo de color

Respuestas:
1C
2F
3A
4D
5B
6E

Preguntas de las pagina 89 & 90

Qué es necesario para crear una página web?

Para diseñar una página web accesible o para dotar de accesibilidad a una página web ya desarrollada no es necesario ser un experto informático. Sí que es verdad que es necesario tener conocimientos básicos del lenguaje HTML además de interés por ir buscando y solucionando las dudas que puedan ir surgiendo. Cualquier diseñador web puede formarse en el tema de la accesibilidad con un pequeño esfuerzo. Actualmente existe muchísima información en Internet que hace que esta tarea sea fácil. El primer paso antes de diseñar una web accesible es conocer los diferentes tipos de usuarios que acceden Internet, así como los dispositivos que utilizan.

Qué consejos debemos seguir cuando creamos una pagina web?

1. Definición de los objetivos.

2. Perfilar una línea de diseño.

3. Crear el organigrama de navegación.

4. Definición de estilo

Qué tipo de editores de HTML conoces?

1.-Editores de líneas. Esta clase de editores fueron los precursores de los editores de pantalla completa. Permitían al programador editar una sola línea a la vez. El programador debe especificar qué línea se debe editar.

2.- Editores de pantalla completa. Los editores de pantalla completa son más fáciles de usar que los editores de líneas, porque los programadores editan cualquier línea en cualquier momento. Los editores de pantalla completa pueden proporcionar varias herramientas útiles para los programadores.

¿Cuáles son los pasos a seguir después de escribir el código HTML con el editor notepad?

Ir a “archivo” luego en “guardar como“luego selecciona la opción de “todos los archivos” cambia la “extensión” “.txt” por “.HTML” por ultimo dar clic en guardar

Entre que signos debe colocarse el código HTML? <y>

HTML es abreviación para? lenguaje de marcación de hipertexto

Que significa WUSIWYG?
Lo que ves es lo que obtienes

A dónde pertenece el marcador <title> en HTML?
A la cabecera

Que programa necesitas para escribir HTML?
Cualquier editor de texto

De qué partes constan las páginas web?
Encabezado y cuerpo

Entre qué juego de marcadores tienen que estar colocado la mayor parte del contenido de la página web? <body> <\body>

Que sección se usa para mostrar un texto directamente en una página web? body

HTML es? lenguaje de la web

Donde se colocan las etiquetas y el texto que no se muestran directamente en la página? head

En que parte del documento HTML se encontraria la informacion de la etiqueta meta? En el encabezado

Que etiqueta le dice al navegador a donde termina el cosido? <\html>

Cual de los siguientes no puede ser encontrado en la parte <head>? Atributo Align

practica1

Páginas