Documente Academic
Documente Profesional
Documente Cultură
Ctedra: Ingls I
Carcter: Obligatorio
Promocion
Ao: 1 ao Rgimen: Cursado: Anual
al
Carga Horaria Total: 120 horas Carga Horaria Semanal: 4 horas
Carga horaria total de
60 horas Carga Horaria Semanal: 2 horas
actividades tericas
Carga horaria total de
60 horas Carga Horaria Semanal: 2 horas
actividades prcticas
Correlativas Precedentes: --------------------------------------
Profesor/es:
Patricia Polito
Ciclo Acadmico: 2016/2017
FUNDAMENTACIN
Debido a que el ingls es el idioma de origen de la mayora de estas disciplinas, el conocimiento y
el uso eficaz de esta lengua extranjera constituyen una herramienta esencial para el desempeo
profesional en las reas de la ciencia, el arte y la tecnologa. Motivo por el cual se incluye la
enseanza del idioma ingls en la curricula de la carrera de Licenciatura en Diseo Asistido, en el
primer y segundo ao de cursado.
La competencia en la lengua inglesa es parte del perfil del alumno: la utilizar en su etapa de
aprendizaje para estar en contacto con su rea de estudio, le facilitar su actualizacin y
permanencia en el mercado de trabajo, le permitir acceder a puestos en empresas extranjeras o
multinacionales. Estas situaciones expondrn al profesional permanentemente al uso de este
idioma y a menudo deber resolver situaciones problemticas que requerirn el uso de la lengua
inglesa. A tal fin se entrena al alumno en la comprensin, produccin y traduccin de textos orales
y escritos para la interaccin con personas y literatura en ese idioma.
OBJETIVOS
Leer comprensivamente de manera autnoma textos escritos, instructivos y descriptivos,
adecuados a sus necesidades, haciendo uso de vocabulario y estructuras bsicas del
idioma ingls de acuerdo con la complejidad correspondiente al nivel.
Desarrollar tcnicas de lectura comprensiva para relacionar lo ledo con las experiencias
personales y la realidad circundante.
Interpretar el valor comunicativo transparente, la estructura y los exponentes lingsticos
que caracterizan los textos seleccionados.
Articular, a travs del ingls, conceptos adquiridos en otras materias que integran al plan de
estudios.
3
Bibliografa
-Bertazzi, Catuogno y Mallo, 2003, Curso de Lectura Comprensiva en Ingls, (USL).
-De Rueda, Maria de los ngeles; 1999. Visual Arts and Communication. Plus Activities. Level One;
Richmond Publishing.
-Villarreal, Omar; 1999. Communication, Arts and Design. Resource File Level 1; Macmillan
Publishers Limited.
-Villarreal, Omar; 1999. Communication, Arts and Design. Resource File Level 2; Macmillan
Publishers Limited.
-Villarreal, Omar; 1999. Communication, Arts and Design. Resource File Level 3; Macmillan
Publishers Limited.
-Diccionario bilinge: Simon and Shusters, Oxford Pocket, o similar.
- Textos y ejercicios seleccionados y preparados por la profesora y organizados en un cuadernillo que
los alumnos utilizan durante el ao. Los ejercicios y los textos que los alumnos deben traducir o
interpretar se seleccionaron de pginas web tales como:
www.creativebloq.com/tag/Graphic-design
art.yale.edu/GraphicDesign
https://www.pinterest.com/explore/graphic-design-tips
graphicdesignjunction.com/.../graphic-design-tutoria...
www.ucreative.com/design
4
Metodologa de enseanza
- Exposicin didctica.
- Presentacion de ejemplos en diferentes contextos.
- Presentacion de realia (folletos, instructivos, propagandas, manuales, revistas)
- Cuestionarios.
- Materiales didcticos: folletos, manuales de instrucciones de programas para uso en el
diseo, revistas de diseo, pginas web.
Actividades
-
Consulta permanente y eficiente de diccionario bilinge.
-
Trabajo individual y grupal con material en ingls de complejidad creciente. Ejercicios para
uso y reconocimiento del vocabulario tcnico de la especialidad y de las estructuras
gramaticales introducidos en dicha unidad.
- Ejercicios contextualizados.
- Resolucin de problemas.
- Socializacion de experiencias.
- Anlisis de situacion problemtica, comprensin y secuenciacin logica.
- Resolucin de Prcticas de aprendizaje aplicando el material terico correspondiente a
cada contenido.
Se estiman 2 horas semanales para la realizacin de las prcticas de aprendizaje fuera del horario de cursado.
Evaluacin:
Requisitos:
Evaluaciones Parciales
Dos Evaluaciones Parciales y un Recuperatorio en fechas establecidas por la
Universidad.
Podr rendir las evaluaciones parciales el alumno que haya entregado y aprobado las
Prcticas de Aprendizaje previas a cada parcial en un 100%. El porcentaje de
asistencia se calcula antes de la fecha prevista para la Segunda Evaluacin Parcial.
Asistencia
75 % de Asistencia para regularizar o promocionar la asignatura. Si tiene entre 50% y
74% de asistencia, el promedio de notas aprobadas no debe ser inferior a 6 seis
(70%). Asistencia menor al 50%, recursa.
Prcticas de Aprendizaje
La Prctica de Aprendizaje no entregada en la fecha estipulada se considera
Desaprobada. Las Prcticas de Aprendizaje desaprobadas tienen un nico
Recuperatorio. Se podr recuperar hasta un 50% de las mismas.
Al finalizar el semestre el alumno debe tener Aprobadas el 100% de las Prcticas de
Aprendizaje.
Evaluacin Final
A la Evaluacin Final el alumno deber presentarse con todos las Prcticas de
Aprendizaje realizadas en el semestre. Se evalan todos los contenidos de la
asignatura y se considera la lectura de la Bibliografa detallada en el Programa.
Asignatura Promocional
Para Promocionar la asignatura el alumno deber tener 75% o ms de Asistencia,
100% de Prcticas de Aprendizaje Aprobadas con nota igual o superior a 7 (80%) y
las dos Evaluaciones Parciales aprobadas con nota igual o superior a 7 (80%)
Criterios:
La utilizacin constante del diccionario bilinge, tanto para la busqueda de
significados como para la investigacin y anlisis de estructuras gramaticales.
La aplicacin de tcnicas y procedimientos para la traduccin correcta de textos
de complejidad creciente: inversin de sustantivo y sus modificadores,
identificacin de ncleo de frase nominal, reconocimiento del verbo en la oracin.
Coherencia y ausencia de ambigedad en la traduccin. Adecuada eleccin de
las posibles acepcines existentes en el diccionario.
Instrumentos de Evaluacin
Evaluacin de proceso; lista de control plasmando la expresin oral de las
posibles traducciones; prcticas de aprendizaje orales y escritas.
Tcnicas de Traduccin
1- Divisin del Texto en Frases Nominales y Verbales.
1.1- Introduccin a la Divisin de Frases
Para comenzar a trabajar un texto, primero se identifican las preposiciones.
1.2- Preposiciones. La Frase Preposicional
Una preposicin es una palabra invariable que establece relaciones entre dos o ms palabras. Estas
quedan fuera de las Frases, generalmente nos indican que seguir una Frase Nominal.
PREPOSITION TRADUCCION
After Despues
Against contra
Around Alrededor de
At En / a
Before antes
By Por (de autora The book was griten by Dan Brown) / Por (va de
During durante
In en
In front of En frente de
6
Inside Dentro de
Of De (posesivo)
Outside Fuera de
Since Desde
Through Atravs
To A (destinacin)
Until Hasta
With con
week
Without sin
Ejemplos:
Ingls Espaol
Publication of design Publicacin de diseo
Advances in technology Los adelantos en la tecnologa
Links between communities Las conecciones entre comunidades
Frases preposicionales
Frase preposicional Traduccin
According to Segn, de acuerdo con
All along A lo largo de; a todo lo largo de
All around Todo alrededor de
All over Por todo
All through Durante todo
Apart from Aparte de
As far as Hasta que
As for, as regards, as to Por lo que respecta a
Due to Debido a
In addition to Adems de
7
In case of En caso de
In front of Enfrente de, frente a
In spite of A pesar de
Instead of En vez de
Next to Junto a, al lado de
On account of A causa de
Owing to Debido a
On the one hand Por un lado
On the other hand Por otro lado
Up to A, hasta
1.3- Conjunciones
Una conjuncin une palabras o ideas. Ejemplos: and (y), or (o), but (pero). Estas quedan fuera de
las frases segn la regla general, pero no siempre es as. Cuando se enumeran adjetivos o cualidades
de una cosa o persona, las conjunciones no separan frases, sino que forman parte de la misma,
uniendo dos o ms modificadores de un solo ncleo.
Ingls Espaol
Squares and triangles Cuadrados y tringulos
One or more directions Una o ms direcciones
Expensive but easy to use Caro pero fcil de usar
Attention-grabbing and hot color Color clido y atrapante
Every Ejemplos:
Each
Newtons Law
Either / neither Childrens Computer
Scientists Laboratory
Enough
8
Both
More
Adjetivos -ed
Whatever / whichever Ejemplos:
Other
Another
Most
Such
El nico component que no puede faltar en una Frase Nominal es su ncleo, que es un sustantivo o
palabra en funcin sustantiva: si no hay ncleo, no hay frase nominal.
La Frase Nominal puede consistir slo en su ncleo. Por ejemplo, las palabras que estn a
continuacin, que son ncleos de frases nominales, estn con mayscula, porque estn al comienzo
de una oracin. Cabe aclarar, en este punto, que aunque en Ingls no se coloque el artculo, al
traducir las frases nominales al Espaol, s se los coloca.
Ingls Espaol
Designers Los diseadores
9
Plurales Irregulares
10
Man Men
Woman Women
Mouse Mice
Child Chidren
Foot Feet
Fish Fish
Sheep Sheep
2.1.3- Gnero
En varias lenguas europeas los nombres de las cosas tienen gnero, es decir, se clasifican
gramaticalmente como masculino, femenino o neutro, a pesar de que con mucha frecuencia el gnero
no se refiere al sexo. En Ingls, el gnero gramatical no presenta las mismas caractersticas. Existen
pronombres personales para el femenino, masculino y para las cosas (she, he, it) como tambin
pronombres personales (her, him, it) y adjetivos posesivos (her, his, its).
Muy pocos sustantivos tienen forma masculina y femenina:
Man/men boy/girl father/mother brother/sister gentleman/lady
Bachelor/spinster waiter/waitress widow/widower husband/wife king/queen
Male/female actor/actress hero/heroine salesman/saleswoman policeman/policewoman
entre otros.
2.2- El Artculo
2.2.1- El Artculo Indefinido: a / an
Ambas formas se traducen por un /una. A se usa cuando la palabra siguiente comienza con
consonante y An se usa cuando la palabra siguiente empieza con vocal. No existe plural de este
artculo en Ingls. Para el plural se utiliza el determinante indefinido some y se traduce: unos,
unas, algunos, algunas.
Ej: a designer an instrument an action a drawing a picture a computer
*No deben traducirse los artculos que son innecesarios en castellano, o que pueden confundir el
significado de la frase en su traduccin.
Ej: A computing lab is a place where people work and study with computers.
Sam is a graphic designer.
As a result
Ejercitacin:
11
1. Indique cules sustantivos estn en singular, cules en plural y los casos donde aparece
el genitivo. Luego traduzca.
1. A product 6. An image
2. The slogan 7. The alignment
3. Mens opinions 8. The experts techniques
4. A pixel 9. A shape
5. The designers studio 10. Technologies
2. Marque en el siguiente prrafo los artculos y todos los sustantivos que encuentre.
Luego traduzca.
Computers are generally considered to be an important tool in the graphic design industry.
Computers and software applications are generally seen as more effective production tools
than traditional methods. However, some designers continue to use manual and traditional
tools for production.
2.4- Los Determinadores
Determinador Traduccin
A / an Un, una
The El, la, los, las, lo
This / these Este-esta / estos- estas
That / those Ese-esa / esos-esas
Aquel aquella / aquellos - aquellas
My-your-his-her-its-our-their mi-tu-su-nuestro/a-sus
Some / any / no Algn-alguna/algunos-algunas
Nign-ninguna-ninguno/ ningunos ningunas / nada
Every Todo- toda cada
Each Cada
Either Cada / ambas / cualquiera / ya sea
Neither Ninguno / ninguno de los dos
Enough Suficiente / bastante
Much / many Mucho/a muchos/as
Little / few Poco/a pocos/as
Too much / too many Demasiado/a demasiados/as
So much / so many Tanto/a tantos7as
12
a- Definiciones y Caractersticas:
Son las palabras que describen una cualidad del sustantivo. Los adjetivos calificativos son
invariables en gnero y nmero. Es decir, no hay una forma distinta para el femenino o
masculino; singular o plural.
New image La nueva imagen
Modern technologies Las tecnologas modernas / las modernas tecnologas
Old system El viejo/antiguo sistema
New procedures Los nuevos procedimientos
Por ello, es fundamental identificar el ncleo de la FN (frase nominal) para poder optar
por la forma correcta.
Hay adjetivos compuestos por dos o ms palabras y unidos por guiones:
Ready-to-use system Sistema listo para usar
13
Su terminacin en -er
Grado positivo Grado comparativo Traduccin
Tall Taller Ms alto que
Short Shorter Ms bajo/corto que
Soft Softer Ms suave que
Far (lejos) Farther or further (ms lejos) The farthest/ furthest (el
ms lejos)
d- Comparativos Correlativos
Cuando tenemos dos comparatives seguidos precedidos por the se traduce como: cuanto
msms
Ingls Espaol
The sooner the better Cuanto antes, mejor
The softerthe more comfortable Cuanto ms suavems cmodo
The lighterthe easier Cuanto ms livianoms fcil
The youngerthe faster Cuanto ms jovenms rpido
Ingls Espaol
The secretarys file El archivo de la secretaria
The designers studio El estudio del diseador
The students project El proyecto de los estudiantes
The businessmens idea La idea de los empresarios
Newtons law La ley de Newton
Mr. Joness company La compaa de Mr. Jones
2.5.2.4-Adjetivos -ing
Las palabras terminadas en -ing tienen varias funciones, entre ellas, la de adjetivo. Estas palabras
derivan de verbos. Se forman con un verbo + -ing. Para encontrar su significado, debemos sacar
el sufijo -ing y buscar en el diccionario la palabra base con funcin verbal y luego colocarla como
corresponde, en funcin adjetiva.
15
Ingls Espaol
Moving parts Partes que se mueven / partes mviles
Contaminating substance Sustancia que contamina / sustancia contaminante
Living organisms Organismos que viven /organismos vivos
Drawing tools Herramientas de dibujo
Existing technologies Tecnologas existentes
Ingls Espaol
Imported products Productos importados
Selected colours Colores seleccionados
Specialized technician Tcnico especializado
Computer-aided design Diseo asistido
Chosen layout Formato elegido
2.6- Post-modificadores
La ltima palabra de la derecha de la FN es su ncleo, o sea, el sustantivo. Sin embargo, la FN
puede tener postmodificadores. En este caso, la ltima palabra de la derecha no es su ncleo. El
ncleo pasa a ser la penltima palabra y la ltima es el post-modificador.
2.6.1- Tabla de Frase Nominal con Post-modificadores.
Determinador Premodificador Ncleo Postmodificador
1 small areas contaminated
2 these cheap systems operating
3 some boxes containing
4 the energy reduced
5 the pieces available
6 an hour later
7 two meters long
c- Some
d- Articles
3. La Frase Verbal
VERBO TO BE
To Be es un verbo en infinitivo, es decir, no conjugado. Sus significados son: ser y estar,
aunque presenta a veces distintas traducciones segn el contexto. El contexto nos indica cul es el
significado adecuado.
Ejemplos:
Ingls Espaol
He is an engineer. (l) es ingeniero.
He is in the USA. (l) est en los Estados Unidos.
He is 20 years old. (l) tiene 20 aos.
De los ejemplos anteriores, podemos ver que en Espaol no se traducen los pronombres personales
ya que con la terminacin de cada verbo sabemos a qu persona corresponde; sin embargo, en Ingls
siempre estn presentes.
c-El verbo TO BE puede tener distintas traducciones segn el contexto. Lea los diferentes
ejemplos y trate de inferir por el contexto las distintas traducciones.
Responda:
cul es la traduccin del verbo Be en las oraciones 1, 2, 3, 4, 5 y 6? ..
cul es la traduccin del verbo Be en las oraciones 7, 8 y 9?
cul es la traduccin del verbo Be en las oraciones 10, 11 y 12? ..
cul es la traduccin del verbo Be en las oraciones 14 y 15? .
BE + (to + base) =
1. It is a palette.
2. They were researchers.
21
WILL + BE = .
Se utiliza la misma forma para todo gnero y nmero)
Traducir:
1. The results will be ready tomorrow.
2. The logo will be easy to recognize or identify.
3. The image will be a copy of reality.
4. The pictogram will be a stylized image of a person. ..
5. We will be early for the exhibition.
THERE BE
Se forma con: There + verbo To Be y se traduce como Haber.
a-Tabla Conjugacin Afirmativo en Presente, Pasado y Futuro. Traduccin.
Ingls Espaol
There wasnt a computarised system. No hubo/No haba un sistema computarizado.
There isnt enough information. No hay suficiente informacin.
There wont be classes tomorrow. No habr clases maana.
MODO IMPERATIVO
a-Formas y usos
El Modo Imperativo se usa para dar instrucciones, consejos, rdenes o sugerencias. Se forma con la
base del verbo y sin sujeto, ya que cuando ordenamos o sugerimos siempre es a un t o ustedes.
Siempre hace referencia al momento presente.
Ejemplos:
Ingls Espaol
Read the abstract. Lea /lean/ leer el resumen/informe.
Divide the layout into sections. Divida/dividan/dividir el formato/diseo en secciones.
Express your ideas. Expresa/exprese/expresar sus ideas
24
TIEMPOS SIMPLES
25
Los Tiempos Simples son tres: Presente, Pasado y Futuro. Como el objetivo en esta ctedra es
interpretar y traducir textos, no producirlos, no se hace referencia a los usos de cada tiempo verbal,
sino a todo aquello que nos ayude a su identificacin, interpretacin y traduccin.
PRESENTE SIMPLE
a-Verbo: to design
Afirmativo Negativo Interrogativo Traduccin
I design I dont design Do I design? (Yo) diseo./No diseo/Diseo?
You design You dont design Do you design? (T) Diseas/No diseas/ Diseas?
He designs He doesnt design Does he design? (l) disea./ No disea/ Disea?
She designs She doesnt design Does she design? (Ella) disea/No disea/Disea?
It designs It doesnt design Does it design? Disea./No disea. /Disea?
We design We dont design Do we design? (Nosotros)Diseamos/ No
diseamos/ Diseamos?
You design You dont design Do you design? (Ustedes)disean. /No
disean/Disean?
They design They dont design Do they design? (Ellos) disean/No disean/ Disean?
Como se puede observar en la tabla anterior, los verbos auxiliares do / does no tienen traduccin,
slo nos indican en qu tiempo y forma est conjugado el verbo de la oracin. Una vez identificado
el tiempo verbal, se debe identificar en qu persona y en qu forma para colocar correctamente el
equivalente en Espaol.
Ejemplos:
Ingls Espaol
He doesnt direct the Project. No dirige el proyecto.
The engineer observes the process. El ingeniero observa el proceso.
Do you measure the temperature every 10 Mides/Meds la temperature cada 10 minutos?
minutes?
b-Traducir
1. They use Typography to create visual effects in books.
2. A pictogram shows a stylized image of a person, object or event.
3. He creates art and images through different means.
4. People use Holography in the arts and in advertising.
5. It reaches a high degree of simulation in the realistic representation.
6. We include several shapes and genres in graphics.
7. They achieve tridimensional image projections by means of laser technology.
8. Do you want to announce or sell something, amuse or persuade someone, explain a
complicated system or demonstrate a process?
9. Designers create, choose, and organize typography, images and the so-called white space
around them to communicate a message.
10. People respond to images instinctively based on their personalities, associations, and previous
experience.
11. The designer works with a variety of communication tools in order to convey a message from
a client to a particular audience.
26
12. He doesnt know how to add and subtract, he just understands letters.
13. We want to spend all the money in the Apple Store.
14. They ask your opinion about everything but they do whatever they want.
15. They hate Comic Sans with the same passion they love Helvetica.
PASADO SIMPLE
Forma Afirmativa
a-Verbos regulares
Ejemplos:
Ingls Espaol
He worked in that Art Gallery last year. (l) trabaj en aquella/esa Galera de Arte el ao
pasado.
She selected the different colors. (Ella) selccion/seleccionaba los diferentes
colores.
They painted the picture. (Ellos) pintaron/pintaban la imagen.
b-Verbos irregulares
Ejemplos:
Ingls Espaol
She began her project in 2013. Comenz su proyecto en 2013.
They chose the right layout for their presentation. Eligieron el format/diseo correcto para su
presentacin.
I gave them the notes. Les d las notas.
go went gonne ir
Un verbo irregular en Pasado Simple est en la segunda columna de la tabla. Para buscar su
significado en el diccionario, debemos buscar su infinitivo o primera columna.
Forma Negativa e Interrogativa
En la Forma Interrogativa encontramos el auxiliar did + verbo principal. Cuando aparece el
auxiliar did, el verbo no lleva -ed, y si es irregular, se usa la primera columna (verbo base),
puesto que el pasado est expresado justamente por el auxiliar.
En la Forma Negativa, encontramos la partcula not despus del auxiliar. La contraccin de did
+ not es didnt.
Ejemplos:
Afirmativo Negativo Interrogativo Traduccin
He chose the color. He didnt choose the Did he choose the Eligi el color./No eligi el
color. color? color./Eligi el color?
They read the They didnt read the Did they read the Leyeron la informacin. /
information. information. information? No leyeron la informacin.
/Leyeron la informacin?
You saw the picture. You didnt see the Did you see the picture? Viste la imagen. /No viste
picture. la imagen. /Viste la
imagen?
Traducir:
1. Designers used the existing company images and logo to create this promotional advertisement.
2. The brief helped to establish an understanding between the client and the designer.
3. We checked the equipment carefully and the experiment was successful.
4. The web projects included many rounds of approval and changes.
5. They chose their text and background colors very carefully.
6. They promoted their web site via search engines, directories, banner advertising, electronic
magazines and links from other web sites.
7. Many visitors quickly lost interest in their web site.
8. The addition of animation didnt increase the download time of your page.
9. We had a logical argument to justify our decision.
10. A critical part of the process involved deciding how you wanted your web site to look.
11. The layout included the cover design, locations of pictures and text format.
12. He kept sentences short to increase clarity and avoid confusion.
32
TIEMPOS PROGRESIVOS/CONTINUOS
PRESENTE CONTINUO
El Presente Continuo se reconoce por el verbo to be: am is are como auxiliar + verbo
conjugado -ing.
Ejemplos y traduccin:
Traducir:
1. They are selecting the appropriate tools for each project.
2. A few designers are still using manual and traditional tools for production.
3. He is sending the graphic designer a document.
4. We are designing a brochure to represent the company.
5. The paper is representing the business quality and the target market.
6. The professor is providing additional information on the topic.
7. They are breaking up the information using white space, sub-titles, images and so on.
8. Many web sites are promoting offline via the conventional advertising methods: print ads,
radio, television, brochures, word-of-mouth, etc.
33
9. The clients are now giving designers a large amount of information to fit into their brochure.
10. She is attending some design lectures abroad.
PASADO CONTINUO
Se forma con el verbo To Be: was / were + verbo ing.
Ejemplos:
Afirmativo Negativo Interrogativo Traduccin
I was working with I was not (wasnt) Was I (Yo) estaba trabajando con
different working with working? diferentes herramientas de
communication tools. comunicacin. /No estaba
trabajando/Estaba
trabajando?
You were working You were not (werent) Were you (T) estabas trabajando con
with different working working? diferentes herramientas de
communication tools. comunicacin./No estabas
trabajando/Estabas
trabajando?
He/She/It was working He/She/It was not Was he/she/it (l/Ella) estaba trabajando
with different (wasnt) working working? con diferentes herramientas
communication tools. with de comunicacin./No estaba
trabajando/Estaba
trabajando?
We were working with We were not (werent) Were we (Nosotros) estbamos
different working with different working? trabajando con diferentes
communication tools. communication tools. herramientas de
comunicacin./No
estbamos trabajando/
Estbamos trabajando?
You were working You were not (werent) Were you (Uds) Estaban trabajando
with different working with working? con diferentes herramientas
communication tools. de comunicacin./No
estaban trabajando/
Estaban trabajando?
They were working They were not Were they (Ellos) Estaban trabajando
with different (werent) working working? con diferentes herramientas
communication tools. with de comunicacin./No
estaban trabajando/
Estaban trabajando?
a-Traducir:
1. All computers were running at their peak performance.
2. She was finding inspiration in different places, such as design shows, museums, online
portfolios and graphic design galleries.
3. Graphic Design organizations were giving many benefits to get access to resources and
network.
4. Little by little, the final project was turning out better.
5. They were using images to depict the journeys of past generations.
6. He wasnt organizing his task list by importance.
7. Students were attending different design lectures, events and training seminars.
34
9)BASE + ING
There is a possibility that our modern scientific understanding of the universe may be
fundamentally limited.
You can use backgrounds to make the drawing look more realistic.
b-Determinar qu funcin cumplen las formas ing en las siguientes oraciones y traducir.
TIEMPOS PERFECTOS
Los Tiempos Perfectos se identifican por el auxiliar have + verbo conjugado en participio
pasado. Un verbo en participio pasado se identifica por su terminacin en -ed, si es un verbo
regular. Si es un verbo es irregular aparece en la tercera columna de la tabla de verbos irregulares.
PRESENTE PERFECTO
Se forma con: have /has + verbo en participio pasado.
Ejemplos y traduccin:
38
Traducir:
1. The draw tools have given you the flexibility to add lines or shapes to your image.
2. We have created a palette called Primaries with the colors red, green, blue, cyan, magenta,
yellow, black and white.
3. Have you changed the transparency percentage? If not, move the slider to the right to
increase transparency or to the left to decrease it.
4. This command has allowed the user to control when changes become a part of the image.
5. They have selected the highest print quality mode through the printer driver.
6. It hasnt changed to a lower print quality mode.
7. Students have created audio, video and special effects since 1999.
8. Since the year 2000, the Center has combined scientific investigation with aesthetic ideals.
9. Our designers have also made contributions at other Art and Design Departments in the USA.
10. Our colleagues at the university have investigated the effects of applying warm colors on
dark backgrounds.
Traducir:
39
PASADO PERFECTO
Traducir:
1. The Transparency option had set the degree of transparency of your drawing and interior fill.
2. This area hadnt controlled the unit of measurement used for sizing and positioning images.
3. Had this feature been very handy in helping you get the feel of a particular brush setting
before applying it to your image?
4. The painter had created his own shapes and patterns, leaving reality aside.
5. When they were at the exhibition, they discovered they had already seen the paintings and
sculptures.
6. This command hadnt deleted the current palette set. It had only removed the currently
highlighted color.
7. When the low-scale model was ready, they realized they had not done it in the correct size
and shape.
8. They had turned off the machine before the time collapsed.
TIEMPOS FUTUROS
40
FUTURO SIMPLE
En este tiempo verbal, encontramos el auxiliary will seguido del verbo base en forma afirmativa e
interrogativa. En la forma negativa, el auxiliar will + la partcula not o su contraccin won
t.
Ejemplos y traduccin:
Traducir:
1. This feature will let you apply color to a large area of your image.
2. The relation between the viewer and art will deeply change because interactive computer
systems are more and more sophisticated.
3. Television news, advertising, drawings, posters, press and family photographs will inform us
about the world and will produce all sorts of impressions on us.
4. Some translator programs wont accept any line that has syntax errors.
5. The program will have support for sound, video and other formats.
FUTURO BE GOING TO
Se forma con el presente del verbo To Be: am / is /are + going to + verbo base.
Ejemplos y traduccin:
Traducir:
1. The Style option is going to give you two choices of application patterns: solid or scattered.
2. Software engineers are going to improve programs for computer-aided design and
manufacture, computer networks and games.
3. Is the computer salesperson going to advise potential customers about available hardware and
sell equipment to suit individual requires.
4. A hardware engineer is going to research, design and develop computers or parts of
computers, and the computerized elements of appliances, machines and vehicles.
5. Computer programmers are also going to participate in their manufacture, installation and
testing.
6. The team is going to test new methods of getting color.
a-Definicin y Usos
La Voz Pasiva se usa cuando el sujeto que realiza la accin no es importante o es desconocido y lo
esencial o relevante en la oracin es la accin o actividad realizada. Los carteles que dicen: Se
hacen fotocopias, se recargan cartuchos o se entrega a domicilio, estn en voz pasiva ya que en
ningn caso importa el agente que realiza la accin.
Otro uso importante de la Voz Pasiva es para describir procesos. Cuando decimos: Cmo se saca
dinero de un cajero automtico? Se coloca la tarjeta, se ingresa la clave, se selecciona la operacin,
se retira el dinero y se saca la tarjeta, todo este proceso est relatado en voz pasiva.
42
Una frase verbal en Voz Pasiva se reconoce porque est por el verbo To Be + verbo en participio
pasado. El verbo To Be indica el tiempo de la frase verbal.
The computer was being repaired. Pasado continuo Se estaba arreglando la computadora.
The computer had been repaired. Pasado perfecto Se haba arreglado la computadora.
d-Traducir:
1. Typography is used to create visual effects in books.
2. An aesthetic plane was organized by the photographer to capture an image.
43
3. People in their cultural and social setting are being represented by custom scenes.
4. Holography has been used in the arts and in advertising.
5. A high degree of simulation was being reached in the realistic representation.
6. Tridimensional image projections are achieved by means of laser technology.
7. Every day, cyberspace is used by millions of people.
8. Images were composed of elemental and discrete dots.
9. Several shapes and genres have been included in graphics.
10. Special attention was paid to color and symbols.
11. The Toshiba ad was replaced with a Welcome to Heathrow poster, and the ad on the right
and the neighbouring steps were conveniently taken out.
12. The copied area had been pasted onto another image.
13. All image processing is going to be performed by operating on the values of the pixels.
14. Was the overall appearance of the printed image determined by the options selected?
15. The 3-D graphical representation of the histogram will be displayed in a window.
16. Spatial resolution had been defined by the three-dimensional (width and height) array of
pixels that made up an image.
17. The program instructions and data have been placed into memory from an input device.
18. The design will be prepared by an expert in the field of graphic design.
19. CAD is being employed to develop, model and test car designs.
20. The program was used to present data in a more understandable form.
VOZ PASIVA
A)Leer el siguiente texto, destacar las frases verbales en voz pasiva y analizar en que tiempo
estn. Traducirlas.
B)VOZ ACTIVA O PASIVA? Traducir las siguientes oraciones, determinar si estn en voz
activa o pasiva e indicar su tiempo verbal.
VOZ PASIVA
A)Leer el siguiente texto, destacar las frases verbales en voz pasiva y analizar en qu tiempo
estn. Traducirlas.
Construction Executive offers a press release distribution service that creates and distributes
announcements to A/E/C media for small to mid-size companies all around the world.
Your press release will be delivered to hundreds of architecture, engineering and construction trade
media. Your release is also sent to thousands of journalists for national news media and Internet
sites such as the New York Times, Yahoo, MSN, Wall Street Journal, Reuters, Associated Press, etc.
and over 1,245 local newspapers.
After sending your payment, you will be contacted by e-mail with instructions on sending us your
press release.
Press Release Writing and Creation Services
We can provide you access to highly experienced writers and editors who understand the unique
definition of a press release a communication that wont be overlooked or thrown out because it
smacks of advertising.
B)VOZ ACTIVA O PASIVA? Traducir las siguientes oraciones, determinar si estn en voz
activa o pasiva e indicar su tiempo verbal.
A-Completar las siguientes oraciones con el tiempo verbal indicado en forma correcta, luego
traducir.
1. In the 20th Century there (be) more art movements than in any other centuries.
(pasado simple)
2. This week, students from the Arts and Communication Workshop ..(visit) a
major advertising agency in our city. (presente continuo)
3. We (listen) to everybodys ideas and then .(make) decisions as a team.
(presente simple)
4. We ..(start) the project by deciding the name of the product. (futuro simple)
5. Colour always .(exist) as a very powerful communicator. (presente perfecto)
6. The picture (make) by sticking various materials or objects onto a surface. (voz
pasiva presente simple)
7. Berni(be) the more oldest painter to exhibit at Instituto Di Tella. (presente
perfecto)
8. Next year Mountain View ..(offer) an educational service for teenage students.
(be going to)
9. Virtual reality (be) an advanced form of computer simulation. (presente simple)
10. In virtual reality, the sights .(transmit) by special interface devices. (voz pasiva
presente simple)
PODER
(Present
e)
CAN
MAY
VERBO
S
MODAL
PODER DEBER
ES (Present
(Pasado)
e)
COULD
MUST
MIGHT
SHOULD
ejemplo, obligacin, posibilidad o probabilidad. Son verbos auxiliares y van seguidos de verbos en
infinitivo.
Estos verbos carecen de la mayora de los tiempos verbales. Tienen la misma forma para todas las
personas.
En la forma afirmativa: modal + verbo principal en infinitivo
En la forma negativa: modal + not + verbo principal en infinitivo
En la forma interrogativa: modal + sujeto + verbo principal en infinitivo
Ejemplos:
Ingls Espaol
You should not (shouldnt) talk during the No deberas hablar durante la conferencia.
lecture.
They cannot (cant) draw the different shapes No pueden dibujar las distintas formas
required. requeridas.
The machine might not run. La mquina podra no funcionar.
Ingls Espaol
Can you draw? Puedes dibujar?
Could you come tomorrow? Podras venir maana?
Should the lecturer speak clearer? Debera hablar ms claro el orador?
Traducir:
9. You may design the brochure in color, print it in black and white, until you can afford the
expense of color printing.
10. We shouldnt use underline or all caps as a way to stress a point.
B-EQUIVALENTES DE MODALES
Los equivalentes de modales pueden ser conjugados en todos los tiempos verbales (presente-
pasado-futuro).
Ingls Espaol
I am able to finish the project on Monday. Soy capaz de finalizar el proyecto el lunes.
They were able to draw imaginary lines. Fueron capaces de dibujar lneas imaginarias.
You have to download the information. Tienes que descargar la informacin.
He had to choose the best logo for the company. Tuvo que elegir el mejor logo para la compaa.
C-THERE BE + MODALES
THERE + MODAL + BE
(Se traduce segn el modal presente en la oracin)
Ingls Espaol
There can be famous designers in the exhibition. Pueden haber famosos diseadores en la
exhibicin.
There should be more space for the presentation. Debera haber ms lugar para la presentacin.
There must be rules for the final output. Deben haber reglas para la presentacin final.
There could be a solution to the problem. Podra haber una solucin al problema.
Traducir
1. There can be colors formed by the combination of different intensities of red, green and blue.
49
2. There could be inconsistencies between the color values you see on the screen, and the color
values you see on your printout.
3. There must be eight basic color choices available.
4. There have to be color graphics in long documents to add variety and renew the readers
interest.
5. There should be a color scheme to enhance the visual continuity of your presentation
materials.
6. There may be graphic programs with several options that work in conjunction with the tools
menu to enable the user to manipulate and change pictures.
7. There have to be sophisticated programs for applications in computer-aided design.
8. Without the appropriate software, there can be problems when studying the structure of
objects and how it is affected by particular changes.
9. There might be difficulties when working with three-dimensional graphics.
10. There has to be a variety of shapes and genres like CD covers, labeling, page presentation and
vignettes with text and images or only images.
50
SELECCIN DE TEXTOS
PARA
INTERPRETACIN
Y TRADUCCIN
TEXTO 1
Definition of Graphic Design
Graphic design is a form of communication that conveys a specific message to specific audiences through
words and type, images and other graphic elements and layout. Graphic design is a mixture of art and
business. All graphic design employs the theories of art, but its main purpose is to be useful and functional.
A graphic designer, or graphic artist, effectively disseminates information in an attractive way that is easy for
the audience to understand and has 2 goals: communicating a message to an audience and creating designs
that have an impact.
The graphic designer is the liaison between the client, who wants to communicate an idea, and the audience,
who may or may not be willing to receive it. Graphic designers through their visual work inform, sell or
persuade audiences on behalf of their clients.
TEXTO 2
What Is CAD?
By Jackie Craven, About.com Guide
Definition:
The letters CAD stand for computer-aided design. Architects, drafters, engineers, and
artists use CAD software to create plans and construction drawings.
51
Before the age of computers, drawings and blueprints were drafted by hand. CAD is
more efficient because the software records lines as vectors based on mathematical
equations. Portions of a drawing can be twisted, stretched, or moved. The picture as a
whole will automatically adjust.
TEXTO 3
Technical math
Architectural drawing
Mechanical drawing
TEXTO 4
Photos
Illustrations
Type
Shapes
Color
Texture
TEXTO 5
Product Packaging
Posters
Magazine Layout
Newspaper Layout
Greeting Cards
This list barely cracks the surfaceticket stubs, skateboards, matchbooks, train
schedules, credit cards and countless other products and everyday items all utilize
graphic design.
Sources:
"graphic design." Dictionary.com Unabridged (v 1.1). Random House, Inc. 18 Sep. 2007. <Dictionary.com
http://dictionary.reference.com/browse/graphic design>.
Definition: The process and art of combining text and graphics and communicating an
effective message in the design of logos, graphics, brochures, newsletters, posters,
signs, and any other type of visual communication is the formal, short definition of
graphic design. Today's graphic designers often use desktop publishing software and
techniques to achieve their goals.
Graphic design utilizes the elements of graphic design and the principles of graphic
design.
Also Known As: graphic arts | graphics design | visual communications | desktop
publishing
TEXTO 6
Elements of Design
Definition: All designs paintings, photos, sculptures, drawings, buildings, business
cards, brochures, logos have certain basics elements or building blocks chosen to
convey the message beyond the actual words or photos or subject matter. These are
the shapes, brushstrokes, colors, and materials that come together to form the whole.
In print design some of the most commonly described elements of design are:
lines
shapes
mass or size
texture
54
color
form
space
TEXTO 7
PRINCIPLES OF DESIGN
Definition: The principles of design suggest how a designer can best arrange the
various elements of a page layout in connection to the overall design and to each other.
In landscape painting, principles of design might govern where the artist places the
mountains or how many clouds are in the sky. In page layout, the principles of design
govern how many colors are used, the sizes of fonts, how many columns of text there
are, or whether pictures appear next to each other or spread across the page
creating effective and pleasing arrangements of text and graphics. Commonly applied
principles of design include:
alignment
balance
consistency
contrast
proximity
repetition
unity
white space
Examples:
"In the illustration on this page, some principles of design at work include contrast
between the font size and style of the headings with small text blocks, and contrast of
light red script with black sans serif, repeating horizontal lines, the balance of short,
large headlines with longer but smaller, lighter text blocks, headings aligned the same
and all the small text blocks aligned the same."
55
Principles of Design: Balance, Proximity, Alignment, Repetition, Contrast, and White Space.
Image J. James
TEXTO 8
1- Definition: The principles of design suggest how a designer can best arrange
the various elements of a page layout in
1.2 Lines
Everyone knows what a line is, right? Look more closely at the great variety of lines, straight, curved,
thick, thin, solid, and not-solid.
1.3 Shapes
Squares (and rectangles), triangles, and circles are the three basic shapes. Examine their role in design
including the psychology of shapes in logo design. Class also touches on freeform shapes.
1.4 Mass
How big is it? Take a look at mass or visual weight of graphic and text elements. This class includes a large
section on size and measurements for type and paper and images.
1.5 Texture
In addition to the actual texture of the paper we print on, look at the textures we create through
techniques such as embossing and the visual texture created with certain graphics techniques.
1.6 Color
What is the meaning of red? Which colors go well together? Color symbolism and association is the
primary focus of this class. It also touches briefly on the mechanics of color reproduction on the Web and
in print.
Although individual lessons can be taken out of order, I recommend following these
Graphic Design Basics lessons on the Principles of Design sequentially to get the full
benefit.
TEXTO 9
56
2.2 Balance
Symetrical, radial, formal, and informal ways of arranging elements on a page to
achieve visual balance is the focus of this class. Also covers the 'rule of thirds' and
other structural elements.
2.3 Proximity/Unity
Learn how to arrange elements on the page through proximity -- keeping like items
together and creating unity by how close or far apart elements are from each other.
2.4 Alignment
While centered text has its place it is often the mark of a novice designer. Learn how to
align text and graphics to create more interesting, dynamic, or appropriate layouts.
2.5 Repetition/Consistency
Get an understanding of the importance of consistency for the reader and ways to
create a consistent and balanced look through different types of repetition.
2.6 Contrast
Big vs. small, black vs. white. These are some ways to create contrast and visual
interest. Learn a variety of ways to use contrast.
TEXTO 10
Balance
Our bodies need a balance of nutrients to keep us healthy but every now and then it's OK to
feast on chocolate, ice cream, and an entire supersize bag of potato chips. Balance in design is
much the same. For most of our reading our eyes and minds are most comfortable with evenly
57
balanced layouts where the graphics don't overpower the text and the page doesn't seem to tilt
to one side or the other.
The Principle of Balance
Primarily there are three types of balance in page design:
symmetrical
asymmetrical
radial
Additionally, we'll discuss:
the rule of thirds
the visual center of a page
the use of grids
...as we examine each type of balance and how to achieve it.
TEXTO 11
Symmetrical Balance
Symmetrical balance is easiest to see in perfectly centered compositions or those with mirror
images. In a design with only two elements they would be almost identical or have nearly the
same visual mass. If one element was replaced by a smaller one, it could throw the page out of
symmetry. To reclaim perfect symmetrical balance you might need to add or subtract or
rearrange the elements so that they evenly divide the page such as a centered alignment or one
that divides the page in even segments (halves, quarters, etc.).
When a design can be centered or evenly divided both vertically and horizontally it has the most
complete symmetry possible. Symmetrical balance generally lends itself to more formal, orderly
layouts. They often convey a sense of tranquility or familiarity or elegance or serious
contemplation.
58
Vertical Symmetry Each vertical half (excluding text) of the brochure is a near mirror
image of the other, emphasized with the reverse in colors. Even the perfectly centered text
picks up the color reversal here. This symmetrically balanced layout is very formal in
appearance.
Vertical & Horizontal Symmetry This poster design divides the page into four equal
sections. Although not mirror images the overall look is very symmetrical and balanced. Each of
the line drawings are more or less centered within their section. The graphic (text and image) in
the upper center of the page is the focal point tying all the parts together.
59
TEXTO 12
Asymmetrical Balance
Asymmetrical design is typically off-center or created with an odd or mismatched number of
disparate elements. However, you can still have an interesting design without perfect symmetry.
With asymmetrical balance you are evenly distributing the elements within the format which
may mean balancing a large photo with several small graphics. Or, you can create tension by
intentionally avoiding balance.
Uneven elements present us with more possibilities for arranging the page and creating
interesting designs than perfectly symmetrical objects. Asymmetrical layouts are generally more
dynamic and by intentionally ignoring balance the designer can create tension, express
movement, or convey a mood such as anger, excitement, joy, or casual amusement.
60
Asymmetrical Balance - This page uses a 3 column format to create a neatly organized
asymmetrical layout. The two columns of text are balanced by the blocks of color in the lower
left topped by a large block of white space. In this case, because the white space is in a block
shaped much like the text columns, it becomes an element of the design in its own right.
Asymmetrical/All Over Balance - It can't be neatly sliced in half like a symmetrical design
but most of the elements have only small differences in shape and mass. This page achieves an
overall balance by use of an underlying grid that spreads the many pieces out over the entire
page, more or less evenly.
61
Asymmetrical Tension - Like a wild, unruly garden, the elements of this brochure cover are
barely contained on the page. The plants spring up primarily along the left side but with a few
stems escaping and arching across the page. The text, although randomly placed, follows the
lines of the plants keeping them anchored to the overall design. The off-balance design creates
a sense of freedom and movement.
TEXTO 13
Lines
Lines are one of the basic elements of design. Alone or in combination with other lines or
shapes they can aid in the readability, appearance, and message of a design.
organize
texturize
provide movement
make a statement
TEXTO 14
Appearance of Lines
A line is a mark connecting two points. How we get from point A to point B gives the line its
distinctive character and appearance. Lines can be long or short, straight or curved. Lines can
be horizontal, vertical, or diagonal. Lines can be solid, dashed, thick, thin, or of variable width.
The endings of lines can be ragged, blunt, or curved.
TEXTO 15
Line Patterns
Lines are often found in pairs or groups. Lines of the same general appearance or lines that are
quite different can form a variety of patterns that create textures, suggest movement, or lead
the eye - the same as single lines.
If you aren't creating original illustrations or doing logo design, your main concern with this part
of the study of lines is being able to recognize these patterns in the illustrations you may select
63
for your work and understand how these patterns may or may not project the image you want
for your project. These bits of line patterns illustrate static, dynamic, and random use of lines.
Upper Left: Uniform vertical black and white lines alternate at even intervals. Static. Orderly.
Conservative.
Upper Right: Uniform horizontal black lines are widely, but evenly spaced. Static. Stable.
Orderly.
Middle Left: Uneven spacing of otherwise uniform lines creates the impression of movement.
Dynamic. Orderly progression.
Middle Right: In this example the progression moves in from either side giving the illusion of
roundness. Dynamic. Orderly progression. Dimension.
Lower Left: Varying line widths and distances create a random pattern. Dynamic. Chaotic.
Disorderly.
Lower Right: While the uniform size and spacing of the lines in the upper examples are static,
make the lines into curves and you get movement although it is a controlled movement.
Dynamic. Orderly flow.
64
TEXTO 16
Be aware of what the shape of lines can convey. Sharp edges could indicate tension,
crispness, hardness, formality, or high tech. Soft edges and curves may be softer,
flowing, more casual, or more personal. Even small changes in line thickness, endings,
or shape changes can alter the look and feel of a design.
In the "Advanced" logo design example, the lines that make up the triangle (letter A)
go from thick at the bottom to thin at the top. They also suggest a set of steps
(advancement) leading upward.
Notice how the round line endings give the hammer -- drawn freehand with straight
and curved lines -- a softer feel.
The second version of the afiche logo design uses rounded line endings and more
curves (in the fins/lashes). Notice that a different typeface is chosen for each, to match
the style of lines.
65
You can also create interesting patterns with a series of repeating lines. None of these
designs rely on color -- although changes in color can further change the appearance of
the lines.
TEXTO 17
There are so many things you can "draw" using only circles, squares, or triangles.
Group several together to form interesting patterns. You can make one shape from
another -- such as the group of circles that form a triangle, in the illustration.
Alternating direction or color, disrupting a pattern with another shape or a shape out of
alignment can add interest or suggest abstract ideas. A triangle alone or a series of
overlapping ones can "point" in one or more directions.
Replace letters in a word or name with shapes that suggest those letters. A triangle for
A or V is obvious. Less obvious is the E made of squares (in illustration) or perhaps two
stacked circles for an S or a pair of triangles (one up, one down) for an N.
Logo designs don't need to be elaborate -- and usually work best when they are kept
simple. So simple shapes work beautifully.
66
TEXTO 18
Who needs clip art? A circle, a triangle, a square (the highlight), and a curvy line make
a nice balloon. Repeat it a few times, changing the color and add a triangle bow. You
could vary it even more by using an elongated ellipse for one or more of the balloons.
A simple shape (triangle) does more than just sit there. Can you tell what they
represent in the above black and white logo design?
67
The SpiroBendo logo design in the illustration is nothing more than a rectangle, some
circles, and some very thick lines with round ends (filled rectangles with rounded
corners could work too) that combine to look like a spiral notebook.
Letters with a tail are fun. The tail on this Q (the circle) is a curvy line that does triple
duty. It underscores the name, is the tail on the Q, and its curves suggest water -- an
obvious tie-in with the surf supply company.
Take the stack of circles from the Using Shapes illustration and turn 'em purple, add a
"leaf" (distorted polygon shape), squiggly line, and some text for a nice logo. No art
lessons needed.
TEXTO 19
Shapes
Shape is one of the basic elements of design. Alone or in combination with other shapes or lines
they can convey universal meanings as well as guide the eye or organize information. The three
basic types of shapes are geometric, natural, and abstract. Geometric shapes are structured,
often symmetrical shapes. These include squares, circles, and triangles but also octagons,
hexagons, and cones.
Natural shapes are found in nature or they can be manmade shapes. Leaves are an example of
a natural shape. An ink blob is a natural shape. Natural shapes are often irregular and fluid.
Abstract shapes are stylized or simplified versions of natural shapes. Symbols found on signs,
such as the stylized wheelchair shape for handicapped access, is one example.
TEXTO 20
Color
Color is not essential to a good design. Black and white and shades of gray can create 'color'
that is just as effective as reds, blues, and greens. However, color is an added dimension that
can evoke moods and make powerful statements when used wisely.
Value
Value is present in all design. It is the lightness or darkness of an object, regardless of color.
Value is relative to the background color and other items on the page.
Use value to:
68
Increase/Decrease Contrast
The greater the difference in value between an object and its background, the greater the
contrast
Choose the value that creates the amount of contrast and effect that you want for your design. In the above
examples, the lighter value recedes into the light background. The design with the greatest contrast makes the
darker object more dominant.
Create Movement
Objects of the same value create a static design with all objects equal in visual importance.
Introducing varying values gives the page a more dynamic appearance and creates a 'pecking
order' among the objects. Some stand out while others recede.
Mix elements of different values to add visual movement to your design or to create a hierarchy of importance.
In the above example, the first set of all dark lines are static. The middle example leads the eye in a downward
direction (dark to light). Reversing the values of the lines leads the eye upward.
The eye is drawn to that spot of color even if other elements are designed to draw the eye in some other direction
or the objects are otherwise equal. That's the power of color.
TEXTO 21
Color is everywhere. Every single piece in the samples you've collected so far, even if it
is black and white, exhibits the element of color. Color is used to attract attention. It
can be subtle or bold.
Color can be found in the paper, the text, or the graphic elements and photos. A
monochromatic color scheme uses a single color, perhaps in various tints, while other
layouts utilize combinations of two, three, or more colors.
Color can be used to ellicit specific emotions and reactions. Red is typically thought of
as an attention-grabbing, hot color. Blues are more calming or convey stability. Some
color combinations are used to create a specific identity (corporate colors, school
colors) or may be used in conjunction with texture to simulate the look of other objects
(the look of plain paper wrapping or neon lights, for example). Color may provide cues
for the reader.
Go through your sample folder of ads, newsletters, business cards, books, and other
projects and look at the variety of colors, color combinations, and the way color is
used. Does the piece derive its main color from the paper? Are colors used throughout
in specific ways such as just for graphic elements or only for headlines?
70
TEXTO 22
Contrast is one the principles of design. Contrast occurs when two elements are
different. The greater the difference the greater the contrast. The key to working with
contrast is to make sure the differences are obvious. Four common methods of creating
contrast are by using differences in size, value, color, and type.
Contrast adds interest to the page and provides a means of emphasizing what is
important or directing the reader's eye. On a page without contrast, the reader doesn't
know where to look first or what is important. Contrast makes a page more interesting
so the reader is more apt to pay attention to what is on the page. Contrast aids in
readability by making headlines and subheadings stand out. Contrast shows what is
important by making smaller or lighter elements recede on the page to allow other
elements to take center stage.
TEXTO 23
the most obvious uses of size to create contrast. Contrasting white space or the
physical size of the piece with another element of the design is another method.
TEXTO 24
TEXTO 25
Type contrast can utilize size, value, and color to create contrasting typographic
treatments. Add bold or italics to create contrast. Mix large type with small type.
Combine serif with sans serif type to create type contrast. Set portions of text in
contrasting colors or varying values. Changes in type alignment create contrast as does
type spacing such as extreme kerning for headlines.
TEXTO 26
Page layout or page composition is the process of placing and arranging and
rearranging text and graphics on the page. A good composition is one that is not only
pleasing to look at but also effectively conveys the message of the text and graphics to
the intended audience. There are certain tried and true elements of page composition
73
that can help insure a successful layout. You may notice that these page composition
tips are closely tied to the principles of design.
J. James
Place each text or graphic element on the page so that they have a visual connection
to each other. You can use horizontal or vertical alignment, align objects along the
same edge or center them. Eyeballing it can work but for complicated layouts, a grid is
helpful. This one composition tip alone can greatly improve the composition of a page
because our eyes and brains crave a certain amount of order and consistency.
One of the simplest and perhaps most powerful layouts use one strong visual. However,
if using multiple images, keep them connected both through alignment and proximity
-- grouping the images so that they form a single visual unit and aligning them in a
similar fashion.
J. James
Creating the right balance is both about the number of text and graphics elements and
how they are arranged on the page. Odd numbers tend to create a more dynamic
layout. Use an odd number of visuals, odd numbers of text columns. Or, create a
dynamic layout with an asymmetrical arrangement of elements. Symmetrical balance
or the use of even elements such as two or four columns or a block of 4 pictures
generally produces a formal, more static layout.
74
J. James
Related to balance, the rule of thirds suggests that a more pleasing composition is
possible if your arrangement of text and graphics can be placed using one of these
guidelines:
1. most important elements spaced more or less evenly within vertical or horizontal
thirds
2. most important elements concentrated in the upper or lower third of the page
3. most important elements centered on one of the points where lines intersect
after visually dividing the page into thirds horizontally and vertically
J. James
Just as important as the text and graphics on the page is the empty space. Cramming
too much on the page even if it is perfectly aligned and balanced and falls within the
rule of thirds can ruin a composition. The page needs visual breathing room. The best
place for white space is around the edges of the page and the edges of text or graphic
elements so it doesn't get trapped in the middle of the page but increased paragraph,
line, and letterspacing can also improve a layout.
J. James
If one is good, two is better? Sometimes, yes. Repetition can come in the form of
consistent use of alignment, using the same colors for related items (such as pull-
quotes or headlines), using the same style or size of graphics, or simply placing the
page numbers in the same spot throughout a publication.
J. James
While some aspects of page composition involve things that are the same -- the same
alignment, consistent use of color -- it's also a good idea to do some things differently,
to use contrasting elements. The greater the difference the greater the contrast and
the more effective the layout. Simple examples include making headlines a great deal
bigger than other text and using a different size or color of text for captions, pull-
quotes, and page numbers.
While there is no single perfect way to compose a page, there are some
generally accepted rules or guidelines that can help you put together an
attractive publication that's free of many common page layout ailments.
Answer: These page layout rules won't always work for you, but nine times out of ten
they'll give you the results you want with the least amount of trial and error -- as close
to a perfect page layout as anyone can get.
As you read each page layout rule, mentally insert the phrase "In general" before each
rule. In general, these are the guidelines to follow:
Ad Design
If an ad is well-designed, it will look just as good upside down as it does right side
up.
Alignment
Everything on the page should align with something else. A grid is an effective tool
in insuring that text and images align. Break alignment only for emphasis and
sparingly within a piece.
Initial Caps
Avoid placing initial caps in the lower one-third of the page. They tend to draw the
eye prematurely to the bottom of the page and visually weigh down or clutter the
lower portion of the page.
Rule of Thirds
Visually divide your page into thirds. Place elements on the page within these thirds
for a more interesting and visually appealing layout.
Single Visual
One of the simplest and perhaps most powerful layouts use one strong visual
combined with a strong (usually short) headline plus additional text.
76
Size
One measure of importance is size. Use larger graphics to communicate the most
important goals of the piece. Smaller graphics are of lesser importance. When space
is at a premium, drop the smaller elements first they are less important.
Margins
In publications with facing pages, the outside margin of each page should
be double the inside margin.
Z Layout
Mentally impose the letter Z or a backwards S on the page. Place important items
or those you want the reader to see first along the top of the Z. The eye normally
follows the path of the Z, so place your "call to action" at the end of the Z.
TEXTO 27
Use the whole space, but don't be specific in your use. In other words, use relatively
sized layout sections on your Web pages, so that they expand and contract to fit the
browser window.
Keep screen resolution in mind. While the majority of computer users have moved
away from 640x480 resolution, keep that in mind when you're designing. Having
customers leave because all they can see is a logo on their monitor is not good
customer service.
77
Use color to define spaces. If you want to have a page that's a specific width, why not
center it on the browser screen and make the background color of the page a different
color? This will help the page appear to resize for different browsers; larger browsers
will just have more background color showing, while smaller browsers will have less or
none showing.
Align your images. One of the most common newbie layout mistakes is to slap images
into a page willy-nilly without thought to layout. If you just use an img tag and then
write text to follow it, you'll have the image and then one line of text to the right of it.
Using the align attribute will help make your images part of the layout.
Balance the graphics and text on a page. It's easy to get carried away with lots of
images and animations, but they can make a page very hard to read. When you're
considering your layout, remember that images are a major part of the design, not just
afterthoughts.
Text Width
Think about text width. This is often called the "scan length", and refers to how many
words are displayed on one line. Most people can comfortably read about 7 to 11 words
on a line. Longer than that, and the text is hard to read, shorter than that and it's
disjointed and distracting. When designing your layouts make sure that the major text
area displays the text in a readable width.
Centering text is inadvisable. One of the first layout techniques that a new designer
learns is the center tag, and they center everything on their pages. However, centering
is very difficult to do well and it's often hard to read.