Вы находитесь на странице: 1из 24

CAPITULO 7

plano
dnde poner tus imgenes y tipo para impacto

Ser un diseador grfico es como ser un gua turstico. Una gua organiza la gira.
Un diseador organiza el diseo. Tanto la bienvenida a los visitantes en un punto

de partida claramente marcado para guiarlos en lo que se espera sea una va


atractiva de principio a fin.

Diseo es la disposicin de elementos visuales y el tipo en el espacio para


componer su diseo. El diseo es el viaje visitantes toman a travs de su red y de
las vistas panormicas que se obtienen a lo largo del camino. Para el diseadorcomo-tour-gua, es una cuestin de decidir qu plano de rutas para llevar gente a
travs y qu lugares para mostrar el camino.

En este captulo compartimos algunas teoras y prcticas de los diseadores


grficos utilizan para guiar interesantes tours de diseo o planos.

Comience con un punto focal. Su punto focal es el punto de partida visual para su
plano. Puede ser una fotografa fuerte, ilustracin, elemento tipo o combinacin de
los tres.

CMO S DNDE PONER COSAS?


Disposicin comienza con bocetos en miniatura, y la primera cosa que esbozar es
la cuadrcula. Lneas de divisin deben indicar un esquema proporcional del
formato e incluir lneas de margen, guas de columna y otras lneas de cuadrcula
como necesarios o deseados. Una vez que
sus bocetos de rejilla estn en orden, ya est listo para agregar el primer elemento
de Presentacin: el punto focal.
Crear un punto focal. Para volver a la analoga de gira, su punto focal
es el equivalente de un gran cartel que dice: "cosas realmente increble comienza
aqu." Es la cosa en su diseo que captura el inters del turista visual en el primer
lugar.

Por lo general, el punto focal es una representacin visual de algn tipo. Pero no
todos los elementos visuales son adecuados para ser puntos focales. Busque
visuales focal de punto digno como fotografas con fuerte composicin, lnea,
forma, color o ngulo interesante. Tipo tratamientos tambin pueden servir como
puntos focales. La clave para los centros de coordinacin tipogrficas es contraste
por un elemento de diseo de espacio, lnea, forma, tamao, patrn, textura, valor
o color.
Una vez que seleccione un punto focal, usted tiene que decidir dnde ponerlo. Eltodos los trabajos layout tiempo cuelga el punto focal de la parte superior de la
distribucin. Pero saber un poco de la teora del diseo le da otras opciones. As
que vamos a presentarle a la proporcin urea y la regla de los tercios.

La proporcin de oro. La proporcin urea es una proporcin: 1: 1.618. Cuando se


aplica a un rectngulo de oro, se convierte en una especie de rejilla de
composicin sugiere la colocacin asimtrica de los elementos en el diseo.

La proporcin de oro. La proporcin de oro es en realidad una relacin: 1: 1.618.


Los matemticos y los cientficos son tan enamorado de la proporcin urea como
artistas y diseadores de todo tipo son y han sido durante siglos. A veces llamado
la proporcin divina o la proporcin urea, se ha invertido con propiedades divinas,
incluso mgicas,.
Lo que hace que esta proporcin especial es su principio matemtico: la relacin
de A a B es la misma que la relacin de b a [a + b]. Para nuestros propsitos, que
se ve as: Dibuja un cuadrado perfecto. Si aumenta la anchura del cuadrado
perfecto multiplicndolo por 1.618, se crea lo que se llama un rectngulo ureo.
Encontrars rectngulos ureos todas partes en el arte, la arquitectura y el diseo.
Dejando a un lado las matemticas, artistas y diseadores como la proporcin de
oro, porque cuando se aplica a formas como rectngulos, tringulos y espirales
incluso, parece producir una esttica visual universal.
La proporcin de oro se aplica a un rectngulo de oro se convierte en una especie
de rejilla de composicin sugiere la colocacin asimtrica de los elementos en el
diseo.
De hecho, una rejilla de oro utiliza la proporcin urea de establecer un irregular 3
3 cuadrcula en el rectngulo ureo. Y eso nos lleva a la regla de los tercios.
La regla de los tercios. Para el matemticamente desafiada o desinteresado, la
regla de los tercios parecer maravillosamente simple en comparacin con la
proporcin urea. Al igual que la rejilla proporcin urea, la regla de los tercios es
ms que una cuadrcula de 3 3 que sugiere
Para placementin plano para crear visualmente interesantes diseos asimtricos.
La regla de los tercios, simplemente divide el esquema de lo que sea su formato,
en una espaciados uniformemente 3 3 red. A continuacin, el punto focal pasa
sobre uno de los cuatro intersecciones de cuadrcula. Voil, la asimetra agradable
garantizada.
Otra forma de pensar acerca de la regla de los tercios tiene que ver con el
equilibrio simtrico y asimtrico. Si asociamos equilibrio simtrico con el nmero
dos, como en dos partes simtricas de un diseo biseccionado, a continuacin, la
ruta ms rpida a la asimetra es trabajar con el nmero tres, como en una
cuadrcula de 3 3.

La regla de los tercios. El diseador de este sitio web usa la regla de los tercios
para determinar la ubicacin principal rubro.

DONDE PUSE resto de mis cosas?


Una vez que el punto focal est en su lugar y listo para el deber llamar la atencin,
el diseo debe dirigir a los espectadores al siguiente elemento importante,
tpicamente copiar.
Adicin tipo. Colocacin de Tipo comienza con la insercin de la copia principal y
cualquier titulares nondecorative antes de agregar otros elementos tipogrficos
como lneas de corte y las etiquetas. Dependiendo de su formato, tipo puede
comprender un poco o mucho de su diseo. Sea lo que sea, deje que su red y sus
lneas de divisin guiar la colocacin de tipo.
Una vez que decida en qu parte del plano para colocar el tipo, puede estilo en un
tipo de letra, tamao y color apropiado. Asegrese de que no ha olvidado ningn

typeitems. Adicin de una lnea de corte o subpartida desaparecidos despus del


hecho puede alterar todo un diseo.

Qu pasa si la copia no est


disponible?
Este es un clsico dilema de la gallina y
el huevo. Lo ideal es que toda la copia
disponible antes de comenzar su
diseo. Tal vez, sin embargo, el jefe o
cliente necesita ver a un diseo antes
de llegar a la copia. Tal vez los
escritores no pueden empezar a
escribir hasta que sepan cunto
espacio para llenar en el diseo. Qu
se puede hacer cuando no se puede
producir un diseo sin el contenido,
pero no se puede obtener el contenido
sin un diseo?
Texto griego. A veces el texto griego,
que significa copia sustituto, es su
mejor solucin. La mayora de los
programas de software de diseo de
nivel profesional ofrecen algn tipo de
texto griego, que son bsicamente
placeholder palabras. Leyeron un
galimatas, Bajo en, "Es todo griego
para m." Las palabras ficticias pueden
estar en Ingls, o pueden ser griego
falso. "Lorem Ipsum" es la frase ubicua
del griego sin significado. Debido texto
griego se puede formatear como copia
normal, "greeking" ofrece un sustituto
temporal para la copia real. Esto le permite continuar con la planificacin de su
diseo.

Utilice los otros consejos de tipo que conoces, tambin:


1. Mantenga su ttulo y su ejemplo juntos.
2. Reducir el lder, segn sea necesario en los titulares de varias lneas.
3. copia Conjunto de las columnas para mantener fcil lectura de copias.
4. Evite Tipo plenamente justificada o centrado.
5. Est atento a las pausas poco elegantes en los titulares o las piernas de tipo.
6. Evite las viudas y los hurfanos (palabras solitarios en la parte superior o
inferior de las columnas). La colocacin de elementos visuales en su diseo.
Adems del punto focal, es posible que tenga otros elementos visuales para incluir
en la presentacin. Y, lo has adivinado, hay reglas para eso tambin.
1. Coloque los elementos visuales en la parte superior de la distribucin.
Colocacin de fotos cerca de la parte superior de un diseo es particularmente
importante. Las fotos son imanes de los ojos, y cuando aparecen en la parte
inferior, dibujan inmediatamente el ojo a la parte inferior y derecha de la pantalla o
pgina. Los televidentes van a saltar o perder informacin importante que usted
est tratando de transmitir en el resto de su diseo. Significa esto que usted
nunca puede poner imgenes en el fondo de un diseo? Nope. Pero ...
2. Si la imagen tiene direccin, asegrese de que est apuntando en la direccin
correcta. Les decimos a los estudiantes: "Las imgenes son flechas. Asegrese de
que usted est apuntando en la direccin correcta. "Si una foto o ilustracin tiene
una direccin fuerte, como el movimiento de una lnea particular o una cara que
mira en una direccin particular, asegrese de que la direccin est sealando el
tipo de acompaamiento o cualquier otra cosa que viene a continuacin a lo largo
del recorrido visual previsto de la disposicin. No coloque su visual para sealar la
derecha de la pantalla o pgina si eso no es donde usted quiere la mirada del
espectador para ir.
3. Pasar las fotos es una mala idea. Usted puede tener la tentacin de "voltear"
una imagen que pasa a sealar el camino equivocado. Voltear fotografas no es
aceptable en noticias de diseo cada vez y, aunque se puede hacer en marketing
y publicidad pedazos, te puede meter en problemas. Nunca tirar una foto con el
texto, por ejemplo, por lo que esperamos son razones obvias. Fotos Flipping de

personas reconocibles pueden dar lugar tambin voltear rasgos faciales


distintivos. Flipping es simplemente peligroso.
4. No coloque una visual donde se interrumpe el flujo de la lectura. No interrumpa
el flujo de copia de lectura mediante la colocacin de un elemento visual donde
chuletas una lnea o una columna de tipo de medio. Otro error comn es colocar
un visual entre el titular y el plomo. Flotante una visual en el centro de una
columna sin anclaje a las lneas de divisin es otro error comn que causa
resultados infelices.
5. Preste atencin si eres texto "envoltorio". Cuando enrolle el texto alrededor de
una representacin visual, asegrese de que no terminen con columnas de texto
que son demasiado flaca, dejndole con slo uno, dos o tres palabras por lnea de
texto. Al utilizar mltiples efectos visuales ...
1. Variedad o uniformidad de tamao? Cuando usted est utilizando ms de
una visual, hacen diferentes tamaos y no seas tmido acerca de la
diferencia de tamao. El ms importante visual debe ser el ms grande. El
contraste de tamaos es ms interesante visualmente y ayuda a establecer
jerarqua visual.
Sin embargo, slo para contradecir a nosotros mismos, a veces un arreglo
rejilla interesante de imgenes del mismo tamao hace un buen patrn
rtmico. Pero el patrn de cuadrcula rtmica sacrifica la asimetra y la
jerarqua visual. Decida lo que decida, lo llaman con un propsito de la
comunicacin visual.
2. Equilibrio, por favor. Si tiene varias imgenes en una sola pantalla o pgina,
posicionarlos para el equilibrio global de diseo. Evite desequilibrio. Imagnese
que usted va a cargar a la gente en un pequeo bote. Qu pasa si todo el mundo
se sienta en el mismo lado? Por otra parte, es aceptable para agrupar grupos de
imgenes juntos. Un grupo de varias imgenes se convierte en un solo elemento
visual en su diseo.
3. tiros taza. Si est trabajando con mltiples disparos a la cabeza, llamada fotos
policiales o tazas, hacer todas las cabezas ms o menos del mismo tamao. Para
alinear disparos a la cabeza, trate de recortar para alinear los ojos de todos.

Arriba: La historia en la izquierda muestra varios "no hacer", incluyendo una


columna mucho demasiado flaca a la derecha de la imagen y una colocacin de la
foto que separa el titular desde el inicio del texto.
Abajo: Ahhhh, mucho mejor.

El uso de mltiples imgenes. Al colocar mltiples efectos visuales, posicionarlos


para el balance general. Contraste Tamao de imagen crea la asimetra agradable.
No dejar un poco de espacio negativo, pero no dejes que se quede atrapado.
Asegrese de que se abre a los bordes exteriores de la disposicin.

Dnde poner el espacio negativo.


Confiamos en que a estas alturas usted entiende que el espacio en blanco no es
su enemigo. De hecho, el espacio negativo es la mejor herramienta en su caja de
herramientas de diseo para aislar y destacar el contenido importante. Se
organiza mediante la separacin de artculos. Sin ella, no puede haber un sentido
de la formacin de grumos. El espacio negativo tambin proporciona un respiro
visual para el espectador para evitar una sobrecarga visual. Pero incluso el
espacio negativo tiene reglas de diseo.
En primer lugar, tratar de consolidar muchos pequeos charcos de espacio
negativo en menos piscinas ms grandes. Esto reduce el desorden visual
exactamente de la misma forma que los elementos plano aglutinacin positiva
hace. El mismo principio.
En segundo lugar, evitar el espacio atrapado. Atrapado espacio es un pedazo
notable de espacio en blanco aislado en el interior de la disposicin. Si ha
atrapado espacio, cambiar el plano por lo que el espacio en blanco se abre a los
mrgenes.

El cerebro de forma automtica e inconscientemente


Simplifica, organiza y rdenes de los objetos que los
ojos ven.
Orden y Organizacin
Usted tiene una rejilla, un punto focal, un titular, una cierta copia y visual tal vez
una o dos ms. Hasta ahora, todo bien. Pero no necesariamente un emocionante
viaje visual para destacar. Un poco de Teora de la Gestalt puede ser justo la cosa.
Teora de la Gestalt. En el siglo 20, un grupo de psiclogos alemanes estudi la
forma en que el cerebro humano percibe los objetos. Muere Professoren descubri
que el cerebro de forma automtica e inconscientemente Simplifica, organiza y
rdenes de los objetos que los ojos ven. Patrones especficos de percepcin
surgieron de la investigacin, que se convirti en la ley de la Gestalt. Cuatro de
estas leyes son de particular inters para los diseadores.
1. Proximidad. Percibimos los objetos que estn muy juntos como pertenecientes
a la mismo grupo. Una ley relacionada, la ley de comn destino, dice que
percibimos objetos que se mueven en la misma direccin como parte de un mismo
grupo. A la izquierda, interpretamos un grupo de crculos. A la derecha,
interpretamos dos grupos de crculos. La capacidad de las ayudas de contenido
grupo en la creacin de la organizacin y el orden en los diseos.
La colocacin de los elementos en la proximidad de unos a otros se remonta a la
formacin de grumos. La idea es evitar una disposicin desordenada ocupada por
agrupacin fsicamente artculos juntos que van de la mano.

2. Similitud. Nuestros cosas grupo mentes con propiedades similares, como el


color o la forma. "Al igual que pasa con su semejante." En este ejemplo, las
plazas de grupo con cuadrados y crculos con crculos. En el diseo,
podemos utilizar similitud para crear orden y organizacin a travs de la
unidad.

3. Continuidad. Nuestras mentes seguirn un patrn ms all de sus puntos


finales. Adems, nuestros ojos seguirn la direccin de una lnea. A la
izquierda, nuestras mentes ven una sola forma de cruz en lugar de cuatro
lneas convergentes ms cortos. A la derecha, los ojos siguen la direccin
de la redada de la A y siguen a la estrella. La aplicacin de este concepto
puede aadir un sentido de direccin y movimiento para su diseo. Ergo, el
flujo.

4. Cierre. Estamos mentalmente llenar los vacos con el fin de completar una
forma percibida. En este ejemplo, vemos una forma de estrella a pesar de que no
hay ninguna estrella esbozado. La idea de disear con slo una parte pero que
tiene su visor de percibir la totalidad abre interesantes oportunidades de
composicin, incluyendo la interaccin de espacio positivo y negativo. Cuan
genial es eso?
La aplicacin de los principios de la Gestalt puede ayudar a controlar el viaje del
espectador a travs de su diseo. Jerarqua Visual dice a los espectadores lo que
es importante en el camino.
Aplicada Gestalt
Proximidad. Esta pgina Web incluye un texto
visual
de navegacin, un titular, alguna copia de
cuerpo y tres listas diferentes. Eso equivale a
siete
cosas diferentes espectadores tienen que
escanear. Pero el uso de proximidad al grupo de lo visual con el ttulo y la barra de
navegacin y luego aglutinacin las tres listas en conjunto reduce el nmero de
reas para escanear desde

siete a slo tres: un grupo en la cabecera, el cuerpo del texto y un grupo de listas.
Similitud. Similitud dicta que todos los elementos de navegacin ser compuesta en
el mismo tipo de letra y color que cualquier otro elemento de navegacin. Esa
similitud entre los elementos de navegacin seala lectores que cada artculo es
parte de un mismo conjunto de opciones de navegacin. Similitud tambin
produce la unidad a travs de hacer las tres listas se parecen.
Continuidad. La "J" en "nete a nosotros" apunta a la principal del cuerpo del
texto. Nuestros ojos tambin siguen las cuadrculas invisibles que atan elementos
de la pantalla juntos tanto vertical como horizontalmente. La parte superior de las
lneas de copia cuerpo hasta la parte superior de las cajas de clases anuncio. Esto
atrae al espectador de un elemento a la siguiente.
Cierre. El titular de "Centro de las Artes" no se compone de letras. Las palabras
son en realidad agujeros en forma de carta-perforados de la imagen visual.
Nuestros cerebros mentalmente cerrar las brechas y nos permiten leer esas
formas como las palabras.

Jerarqua visual. variando el tamao de los titulares da un sentido de jerarqua


visual para igualar los diseos ms texto pesado.
Reproducido con permiso de USF Health.
Creacin de jerarqua. Creacin de jerarqua visual con la posicin relativa y
contrastando tamao es otra manera de dibujar un lector a travs de un diseo al
tiempo que ofrece una capa adicional de comunicacin. La jerarqua le dice a los
espectadores qu partes de la distribucin son ms importantes que otros y mirar
a las cosas importantes primero.

Para crear jerarqua visual, clasificar los artculos destinados como contenido la
disposicin en su orden de importancia. Su artculo ms importante, por lo general
una clave visual o un titular, se convierte en el punto focal. Una posicin cerca de
la parte superior de la disposicin da una importancia elemento. Mayor tamao
tambin imparte mayor importancia. Visuales y tipo de menor importancia
aparecen en tamaos ms pequeos y las posiciones ms bajas en el diseo.
Uno de los mejores lugares para observar jerarqua visual en la accin est en la
primera pgina de un peridico, ya sea impresa o en lnea. La noticia principal
siempre tiene la ms grande de la foto, el mayor tamao de punto ttulo y ocupa la
posicin ventajosa en la parte superior de la pgina. Tamaos titulares Graduado
atraen al lector a travs de la pgina como escalones.
Jerarqua visual se aplica a los boletines, pginas web, informes anuales y
cualquier otro documento que incluye mltiples historias o trozos de informacin
discreta.
PLANOS CON TEMAS VARIOS en la misma pantalla o en la pgina
Hasta ahora hemos estado tratando principalmente con diseos de un solo tema.
Pero lo que si su diseo debe acomodar mltiples pequeas historias u otros
productos en la misma pgina? Sitios Web, as como la impresin y ediciones
digitales de los peridicos, revistas y boletines todos requieren la disposicin
ordenada de las mltiples historias en una sola pgina impresa o electrnica, o en
varias pginas.
Diseo de pginas modular. La tendencia actual de los peridicos es el diseo de
pginas modular. En el diseo de pginas modular, cada historia est dispuesto en
un rectngulo, y los rectngulos se disponen en la parrilla de la pgina. Diseo de
pginas modular tambin se utiliza en la revista y en la pgina Web de diseo.
Hacer una historia rectangular. Como mnimo, una historia incluye un titular y un
poco el cuerpo del texto. A veces hay un subttulo llamado cubierta entre el titular y
el plomo. Entre la cubierta y el plomo, una historia tambin puede tener un lado la
identificacin del periodista o autor. Muchas historias tambin tienen una foto o
visual de una especie a lo largo de una lnea de corte con acompaante.
Pinsalo de esta manera, cada parte de la historia visual, titular, cuerpo copyrepresenta un nuevo rectngulo que tiene que encajar en su historia rectangular,
que se ajusta a su cuadrcula de rectngulos en la pantalla rectangular o pgina.
Es como un rompecabezas.

Para cada historia individual, mantener el flujo del ojo se


mueve en la direccin correcta y en el orden deseado. El
orden del ojo de flujo ideal es visual, titular, plomo. De lo
contrario, aqu hay algunos consejos ms tiles:
1. Body Copy: Tira el cuerpo del texto de la historia en las
columnas de la cuadrcula. Mantenga la longitud de las
piernas de la historia, incluso hasta que se le acaba el
cuento. Ms de 10 pulgadas por la pierna es demasiado
tiempo. A menos de dos pulgadas es demasiado corto. As
es tuyo una historia de una columna o cinco columnas?
2. Ttulo: Aadir el ttulo en la parte superior de la historia.
El titular debe abarcar todas las columnas de la historia,
algo as como un techo que cubre la historia. Dar el titular
de un tamao en puntos mucho ms grande que el cuerpo
del texto.
3. Cubierta: Si hay una terraza, lo puso bajo el ttulo, pero
antes de que el plomo. Darle un tamao de punto menor
que la cabecera principal, pero ms grande que el cuerpo
del texto.
4. Byline firma o pie de autor: Si los mritos de la historia
de una banda, lo puso entre la cubierta y el plomo. Darle
un tamao de punto modesta con buen gusto.

5. Visual / Foto: Cuando usted pone la visual realmente


depende del tamao y la direccin de la imagen. Como
regla general, sin embargo, mantener la colocacin de la foto en la parte superior
de la historia. Es esa cosa imn ojo. Piense en el diseo de obras-cada-vez. Pero
una visual como punto focal puede sentarse bajo el titular, o hacia la derecha o
hacia la izquierda del ttulo, siempre y cuando la visual no se sienta entre el titular
y el plomo. En otras palabras, nunca ponga una visual entre el titular y el plomo.
Nunca. Si la imagen tiene direccin, se debe apuntar a la historia. "Las imgenes
son flechas ..." Dondequiera que usted pone la visual, y en cualquier tamao,
recuerde que usted est tratando de terminar con una historia rectangular.

6. Lnea de corte: lneas de corte tpicamente, pero no siempre, pasar por debajo
de lo visual. Una lnea de corte bajo una foto debe ejecutar todo el ancho de la
foto.
La colocacin de sus historias en una pgina modular.
Desafortunadamente, por el que se historias rectangulares en una pgina modular
no es tan fcil como que puede haber llevado a creer.
Si usted construye todas sus plantas del mismo tamao y forma y luego
simplemente apila uno encima del otro, tendr un solo snoozer de una pgina.
Para mantener las cosas interesantes, es necesario variar el tamao y la
orientacin de sus historias. Para la asimetra, hacer algunos pisos de alto,
estrecho y vertical. Hacer otras horizontales anchas, y tal vez incluso disear
algunos que son cuadrado.
A nivel de la organizacin de una pgina entera de historias, tambin hay que
echar un vistazo a todas las representaciones visuales de las historias. La
variacin de su tamao y la colocacin en toda la pgina crea inters. Peridicos
como al promedio alrededor de un tercio de una pgina dedicada a
representaciones visuales. Sea cual sea su porcentaje de efectos visuales, usted
todava tiene que mirar hacia fuera para el desequilibrio en el nivel de pgina. No
incline el barco. El equilibrio es necesario incluso para asimetra.
Su objetivo es una pgina de ojo-flujo global guiada por la colocacin de todos los
elementos visuales de las historias. El ojo se mueve de una imagen a la siguiente
en un orden particular de acuerdo con la jerarqua visual.

La pgina modular. Historias encajan perfectamente en la cuadrcula de la pgina


debido a sus formas rectangulares.

Titulares problemtico. "Tombstoning," cuando dos titulares se colocan de lado a


lado, es una trampa potencial del diseo de la pgina modular. En el ejemplo de
arriba, los titulares corren juntos. En el siguiente ejemplo, el diseador resolvi el
problema mediante la colocacin de la foto entre los titulares y el uso de un estilo
de ttulo alternativa.
Aadir variedad visual a una pgina con una barra lateral.
Una barra lateral es simplemente un bloque separado de tipo con una slida
formacin, un esquema acarici o una amplia frontera del espacio negativo.

Contenido de la barra lateral se relaciona con su copia al lado de alguna manera.


Una barra lateral podra ser una historia corta conectada, una lista, una mini
biografa, un concurso o simplemente ms detalles sobre algn aspecto de la
pgina principal. Normalmente, aunque no exclusivamente rectangular en forma,
barras laterales encajan perfectamente en diseos modulares.

Aunque hay muy poca diseo real de una barra lateral a excepcin de la caja que
encierra, el efecto visual puede romper larga copiar y poner la vida en el que no
tiene tantos efectos visuales como usted prefiere. Como buenos lneas de corte,
barras laterales proporcionan un poco de informacin en buenos trozos compactos
rpidamente legibles.
En el diseo de las barras laterales, uno de los mayores errores que comienzan
diseadores hacen es dejar de lado para incluir mrgenes fuera y dentro de la
caja. No engaar a sus mrgenes. Ningn tipo debe tocar los lados de la barra
lateral, ya sea fuera o dentro de su caja.
Barras laterales aaden toques de color, tambin. Considere agregar color al ttulo
o balas. O usted puede poner su color en el fondo de la caja (el relleno) o
esquema de la caja o de la frontera (accidente cerebrovascular). Si elige un color
de fondo, no se olvide el contraste que necesitar entre el color de relleno y el tipo.
Si usted cree que necesita para revertir el texto, las letras blancas pop mejor
contra un fondo oscuro.
PLANOS de varias pginas
Maquetacin de pginas mltiples, ya sea impresa o electrnica, presenta algunos
retos adicionales. Tres biggies incluyen el mantenimiento de la unidad, por lo que
una gran cantidad de tipo de invitacin y proporcionar seales de navegacin para
mantener a los lectores a no perderse.
Unidad visual. Para mantener la unidad visual en un diseo de mltiples pginas,
usar las mismas tcticas que para un diseo de una sola pgina. No cambie de un
esmoquin con pantalones cortos de carga de una pgina a otra. Use un poco de
Gestalt a travs de similitud: Sigue repitiendo elementos compositivos como el
color, la forma, la textura y el patrn. Estilo de fuente Consistente tambin
proporciona la unidad. Utilizando el mismo esqueleto de rejilla en cada pgina es
esencial, tambin.

Cargas de tipo. Pgina tras pgina de tipo gris es intimidante. Para romper
cualquier diseo en papel pesado, incluyendo uno con varias pginas:
Utilice una rejilla y copia puesto en invitar a las piernas de tipo.
Romper tipo con titulares y subttulos.
Aadir ms visuales, incluyendo las barras laterales.
Implementar espacio negativo estratgicamente.
Seales de navegacin. En un diseo de varias pginas, los visitantes necesitan
seales visuales para poder hacer un seguimiento de su paradero. Herramientas
de navegacin tradicionales incluyen, por ejemplo, tablas de contenido, teasers,
lneas de salto que apuntan a que el resto de la historia saltaron y logotipos
incluso o el equivalente periodstico de logos llamados banderas y sigs
(abreviatura de firmas). Para los medios interactivos, navegacin y multimedia
controles y mens ayudan a los visitantes se mueven a travs de contenidos, y
que deben ser coherentes (tienen similitud) a travs de las pginas.
Una publicacin peridica o en serie, como una revista, boletn o peridico
impreso o Web-necesita un folio que muestra el nombre de la publicacin y
emisin o fecha. Folios en ediciones impresas tambin necesitan nmeros de
pgina. Folios generalmente aparecen en algn lugar de los mrgenes, aunque
todava dentro de la zona segura o rea en vivo.
Una barra lateral en las barras laterales DISEO DE
Barras laterales son una buena opcin para:
Dividir el texto en la ausencia de la buena fotografa
Destacar la informacin clave levantado de su texto
Proporcionar informacin adicional relacionada con su copia
adyacente
Adicin de interactividad cuando se presentan en forma de
cuestionarios o listas de
Dar a su pgina un pequeo toque de color Al disear barras laterales:
Hacer que contrastan con su copia normal utilizando una fuente
diferente
Dales un poco de color con balas de colores, encabezados, una
frontera o un cuadro de fondo
Si utiliza un borde o una caja de fondo, asegrese de que su texto no
se agolpan la caja. Dse un amplio margen, dentro y por fuera

T ests aqu. Diseos de varias pginas necesitan dispositivos de navegacin,


tales como nmeros de pgina, folios y tablas de contenido. Pginas web
necesitan de navegacin persistente para que los visitantes pueden encontrar el
contenido, as como encontrar la casa en cualquier momento y desde cualquier
lugar.
Reproducido con permiso de los Recursos Residenciales, LLC.
SALIR AQUI
Recuerde, buena distribucin trabaja, no en contra, de su comunicacin visual
objetivos: capturar la atencin, control de flujo, transmiten informacin y evocan
emocin.
Comience el diseo con una rejilla y un punto focal irresistible. Utilice la focal
punto a punto que, no desde, su diseo. La Gestalt de proximidad, similitud,
continuidad y cierre pueden ayudar a organizar el flujo de la disposicin. Creando
un
jerarqua visual tambin ayuda de flujo.
Para varios diseos en la misma pantalla o una pgina, el diseo modular es su
nuevo mejor amigo. Para trazar varias pginas, la similitud es la clave de unidad
visual.

Gracias por viajar con nosotros hoy. Por favor, espere hasta que el captulo ha
llegado a un punto antes de salir.

PRUEBA ESTO
1. Reunir varios ejemplos de diseos, incluyendo pginas web, pginas de
peridicos,
anuncios y otros. Cuntos de los diseos utilizan la regla de
tercios? Cuntos de los diseos utilizan el rectngulo de oro?
2. Encontrar un ejemplo de un anuncio en una revista que utiliza una visual
horizontal. Redisear
el anuncio utilizando una visual vertical en vez.
3. Recopilar ejemplos de logotipos que demuestran los cuatro leyes de la Gestaltproximidad,
similitud, la continuidad y el cierre. Explique cmo sus ejemplos utilizan
cada uno.
4. Adquirir copias de su peridico local. Puede usted decir que la historia es la
ms importante en cada pgina? Qu tcnicas de diseo de transmitir esta
informacin?
5. Usando el mismo peridico, mirar las formas de la historia. Tiene su peridico
utilizar el diseo de pginas modular? Los ttulos abarcan todas las columnas de
su
historias respectivas? Si no es as, cules son los otros tratamientos de titular?
6. Monte varias muestras de su propia escritura. No importa lo que
estos archivos o documentos dicen; tratarlos como texto griego. Ahora crear
miniatura
bocetos que muestran cmo le brinda cada una de estas "historias" en
un boletn de dos pginas utilizando el diseo de pginas modular. Ejecutar su
diseo en
el programa de diseo de pgina de su eleccin.