ILUSTRA kos ++ Annie
Leivobitz
Magia en la fotografĂa
++ alice in wonderland
tim burton
9
pasos
para un buen diseĂąo web
$3,00 CentroAmerica
www.ilustrakos.com
Contenido Flash
pág
4
Ilustra
pág
11
Cinestesia
pág
Gráfica
22
Aplikalo
30
pág
pág
Time Machine
17
pág
34
Editorial Ilustrakos Ilustradores y gráficos es la unión del mundo de
un diseñador gráfico en el que se conocen las aplicaciones en el medio gráfico y publicitario, desde ilustraciones hasta el diseño en el cine, ilustrakos busca ser reconocida por sus artículos, en los que da a conocer a artistas que están triunfando en el ámbito gráfico, ya sea a nivel de ilustración tradicional, o digital; así como las nuevas tendencias dentro de la fotografía y lo más innovador dentro del diseño de páginas web y sus nuevas tendencias. Es una revista creada por diseñadoras para diseñadores de Latinoamérica en la que no solo se habla de personajes internacionales también de latinos, para que estos vayan siendo reconocidos a nivel internacional. Dar a conocer el talento y el éxito de diseñadores en Latinoamérica es muy importante ya que con ello se va expandiendo la comunidad de diseño a nivel global.
Ilustrakos
además cuenta con una sección llamada Máquina del Tiempo en la cual edición con edición se van recordando a los grandes artistas que han contribuido a la riqueza artística e histórica a nivel internacional.
Annie Leibovitz
en la Fotografía
Fotografía de Annie Leibovitz
Magia
Anna-Lou Leibovitz (n. Waterbury, Connecticut, 2 de octubre de 1949) es una fotógrafa estadounidense. Fue la primera mujer en exponer su obra en la Galería Nacional de Retratos de Washington D. C., y la última en retratar al músico John Lennon, antes de que éste fuera asesinado en 1980. Con más de veinticinco años de carrera a sus espaldas, Annie Leibovitz es una de las fotógrafas más importantes y prestigiosas de nuestro tiempo. Sus magistrales retratos
4
son un importante catalizador de la cultura de las celebrities de fin de siglo. No hay nadie, ya sea famoso o desconocido, que ose rechazar el objetivo de su cámara. Annie Nació en 1947 en el estado de Connecticut. Después de vivir durante un año en Israel, comenzó su carrera fotográfica como freelance en la revista Rolling Stone, publicación en la que pronto ascendió a editora jefe. A partir de este momento comenzó a trabajar para revistas tan importantes como Vanity Fair, Vogue o Allure.
Desde el famoso retrato de John Lennon abrazado a su esposa un año antes de que éste falleciese, hasta la actriz Demi Moore desnuda y embarazada, pasando por Hillary Clinton en la Casa Blanca, son cientos las imágenes que su cámara nos ha regalado.. Pero por encima de todo y como muestra en su trabajo “Women”, es la fotógrafa de las mujeres: famosas o anónimas, actrices o soldados. Ha sido merecedora de importantes premios de instituciones tan relevantes como la American Society of Magazine Photographers (1984, “Fotógrafo del año”, 1987 “Premio a la innovación en fotografía”). También ha fundado su propio estudio en Nueva York. Hoy, es uno de los escasos fotógrafos vivos que han expuesto sus obras en el National Portrait Gallery. Mariu G. Bermejo
Proyectos
Innovadores
Disney opto por promocionar sus parques temáticos y para hacerlo no se le ha ocurrido mejor idea que contratar a la extraordinaria fotógrafa Annie Leibovitz y como modelos a Scarlett Johannson, David Beckham, Beyonce, Julie Andrews, Roger Federer y Raquel Weisz. Cada uno de ellos interpreta a un personaje: Como cenicienta la bella Scarlett, el insoportable Beckham como el príncipe de la bella durmiente, Beyonce como Alicia, la del país de las maravillas, Julie como hada madrina, Roger como el Rey Arturo y Raquel como Blancanieves. Las imágenes son mágicas, no era para menos, con lo que están invirtiendo en ellas… Todo ello para promocionar el 15 Aniversario de Disneyland Resort Paris y en 2008, el “Año del Millón de Sueños”, parte de la estrategia global de “Donde los Sueños se hacen Realidad”.
Fotografía de Annie Leibovitz
Esta fotógrafa ha conseguido crear un estilo propio en sus retratos que imprime en cada uno de sus disparos. Leibovitz ha reconocido ser menos conocida que sus fotos, algo lógico si consideramos los nombres que rellenan la infinita lista de rostros inmortalizados por su objetivo.
5
Ésta fotografía nos envuelve en la mágica película P Dicha fotografía forma parte de la seria Donde lo
6
Fotografía de Annie Leibovitz
Peter Pan, introduciéndonos en una de sus escenas. os Sueños se hacen Realidad”, para Disney World.
7
Irving Penn
Simplicidad
en la Fotografía
©Irving Penn
gris, haciendo uso de esta simplicidad Estudió bajo los auspicios de Alexwy de manera más efectiva que otros foBrodovitch en el Philadelphia Museum tógrafos. Al hacer una reforma es su School, donde se graduó en 1938. Emaustero estudio, construyó un decopezó publicando dibujos en Harper’s rado con un fondo Bazaar y tras la seen ángulo agudo, gunda guerra munIrving Penn, nacido el 16 de haciendo posar a dial empezó a se sus modelos en ese conocido por su junio de 1917, es un fotógrafo pequeño espacio. fotografía de moda. americano conocido princi- Sus fotografías tienen palmente por su fotografía un componente Penn trabajó durandramático que las de retrato y de moda. te muchos años hahacen únicas e inciendo fotografía de confundibles, al moda para Vogue, fotografiar de esa siendo uno de los manera la atención del espectador se primeros fotógrafos que se atrevió a centra en la persona y su expresión. De hacer uso de la simplicidad de la foesta manera fueron fotografiados Martografía de moda con fondo blanco o tha Graham, Marcel Duchamp,
8
Georgia O’Keeffe, WH Auden, Igor Stravinsky y Marlene Dietrich entre otros personajes famosos.
9
1949 ©Irving Penn
Irving Penn es un maestro en el uso del
flash en estudio, aunque la mayoría de sus retratos son iluminados simplemente por la luz de una ventana. En sus retratos de antropología, para lo que viajó a Nueva Guinea y otros lugares, creó un estudio portátil con un tragaluz orientado al norte, obteniendo resultados impresionantes. Estas imágenes tienen la misma fuerza que sus retratos de personajes famosos, indígenas plenamente adornados, iluminados con luz natural, pero ante un fondo neutro. Sus fotografías tribales son un legado para la investigación etnográfica. 1949 ©Irving Penn
10
Simon Wild
WILDcolor
Back Maryland Street
naturaleza o realidad de las imágenes.De esta manera es posible encontrar en sus ilustraciones personajescon piel azul, cielos amarillos y fondos rosados o trabajos coloridos y decorativos,inspirados en naranjas.Wild trabaja con la mundos imaginarios, juguetes y objetos fuera saturación irreal de los tonos que utiliza, y su a rticulación en un plano de lo común”. común.Ocupa en varias ocaTal y como se descrisiones azules, rosados y viobe a si mismo, los letas intensos que trabajos de Wild conforman la paleta denotan un gran cromática de la fantasía. colorido, pero este Además es muy común tratamiento del encontrar en sus obras color no es superposiciones de colores, descuidado. Para así también como diferencrear la ilusión de tes contrastes en una misma mundos fantástipieza gráfica. cos o imaginarios, Simon wild trabaja con el artista incluye lápicesde colores y colores muy tinta,además de collage, intensos que Grindvik Powerstation impresiones y digital. raramente aparecen en la Simon Wild es un artista e ilustrador de Gran Bretaña. En sus propias palabras, le gusta realizar
“
11
Big friday
Pero privilegia el trabajo a mano. Dentro de sus clientes destcan Macmillan Children’s boks,Big Chill Festival, Action Aid, ITV y Location Magazine.
Machine That Makes More
12
Martijn van Dam
Super Silo
chameleon
Apektrum XL
¨Super Silo es el alias que uso para hacer obras de arte fuera de mi trabajo¨
En los últimos días se ha hecho conocida una de sus ilustraciones, en la que un pulpo aprisiona un barco de mercancías lleno de contenedores Candy, Super Silo es el alias que uso para hacer obras de arte fuera de mi trabajo durante el día en Momkai.. Mi verdadero nombre es Martijn van Dam y yo soy un diseñador gráfico Holandes que vive en Amsterdam, los Países Bajos.
Candy A
Martijn Van Dam (también conocido como Supersilo) es un joven diseñador gráfico pecialista en crear estas fantásticas ilustraciones llenas de robots, personajes infantiles y sobretodo
colorido.
mucho
13
14
“
Su portafolio en Behance no tiene desperdicio, y la calidad de sus pósters es realmente impecable.
”
15
Trazos libres
Mausienna
Barba negra
Es un joven egresado de la Universidad José Matías Delgado de El Salvador, quien esta dejando conocer su arte por medio de la web al igual que muchos ilustradores salvadoreños. Con un trazo simple pero con imágenes muy elaboradas su gusto por las imágenes oscuras y con tonos retomados de la noche. Tiene24años y su curriculum esta lleno de experiencias como creador de imágenes de muchas empresas del país, su gusto diferente lo hace único en cuanto a sus
Mau sienna
representaciones graficas. Sin duda alguna un salvadoreño que
se suma al talento que crece en
El Salvador.
Thriller
16
TimBurton
El cineasta estadounidense Tim Burton llevará a la gran pantalla el próximo año a una “Alicia en el País de las Maravillas” inspirada en la cultura pop y que renovará las versiones cinematográficas anteriores del cuento de Lewis Carroll.
Lewis Carroll lo creara en 1865, le supone “todo un reto”. “Quiero contextualizar la historia y por ello me olvidaré del viaje y los personajes raros en que se centran todas las adaptaciones producidas hasta ahora”, explicó hoy Burton en una entrevista con en Nueva York, donde ha ultimado los detalles de una retrospectiva que le dedicará el Museo de Arte Moderno (MoMA).El director californiano afirmó que el carácter “iconográfico” del personaje, que ha permanecido en la
“Inspirada en la cultura pop”
El cineasta estadounidense Tim Burton afirmó que el carácter “iconográfico” de Alicia, que ha permanecido en la mente del público desde que el escritor británico
Alice
Reina blanca
17
Escenografia
mente del público desde que el escritor británico Lewis Carroll lo creara en 1865, le supone “todo un reto”. “Nunca he visto una película sobre esta obra que me guste, pero creo que la combinación del nuevo material con el que trabajaré y que cobrará vida en tres dimensiones resultará en algo bueno”, señaló Burton. El colaborador habitual de Burton, Johny Depp (“Edward Scissorhands”), protagonizará la cinta, cuyo estreno está
18
previsto para el 5 de marzo de 2010 y en la que el actor se meterá en la piel del Sombrero Loco. Anne Hathaway (“The Devil wears Prada”) interpretará a la Reina Blanca y la joven actriz australiana Mia Wasikowska (“Defiance”) encarnará a la intrépida Alicia. Director de filmes tan famosos como “Beetlejuice” (1988), “Batman” (1989) y “Charlie y la fábrica de chocolate” (2005), Burton confesó que para realizar este nuevo proyecto se guía
“más por la cultura y la música contemporánea que por los libros de Carroll”.
exposición con la que el MoMA explorará sus 27 años de carrera desde el próximo 22 de noviembre hasta el 26 de abril de 2010.
Director de filmes tan famosos como “Beetlejuice” , “Batman” y “Charlie y la fábrica de chocolate” Además de trabajar en los últimos meses en su adaptación de “Alicia en el País de las Maravillas”, el director también tiene tiempo para involucrarse activamente en la
Más de 700 objetos nunca antes expuestos estudiarán la trayectoria del ganador de un Globo de Oro, con dibujos y esculturas creadas en el surrealismo pop y material original producido durante sus películas, como las cabezas de los extraterrestres de “Mars Attacks!” (1996) y los
19
El sombrerero loco
20
vestidos de época de“Sleepy Hollow”(1999). “Esta exposición es como volver a ser padre, una experiencia que te revitaliza y te ayuda a explorar tu estado mental y personal”, dijo a Efe Burton, quien agregó que será “interesante” descubrir los sentimientos que le despertará la muestra cuando se exponga. El polifacético director, para quien esta retrospectiva supone un reencuentro con su obra, bromeó al afirmar que le ha ayudado a percatarse de que no es tan “vago” como se consideraba, ya que ha reunido “más cosas de las que pensaba”.
nuevo las salas de cine el 9 de septiembre con “9”, una cinta de animación dirigida por Shane Acker, en la que Burton ha compartido la labor de producción junto a Timur Bekmambetov. Burton volverá a crear así otro de sus mundos fantásticos repleto de los elementos góticos y enigmáticos que le caracterizan. “Me apasionan las cosas raras y a veces lo más normal del mundo puede resultar también raro, como por ejemplo el reciente homenaje al fallecido Michael Jackson”, señaló.
Me apasionan las cosas raras y a veces lo más normal del mundo puede resultar también raro, como por ejemplo el reciente homenaje al fallecido Michael Jackson
Reina roja
La muestra, además de incluir aspectos relacionados con sus películas más aclamadas, presentará detalles de sus primeras aventuras tras la cámara, así como dibujos y caricaturas que realizó como estudiante del Instituto de las Artes de California. También se incluirán otros trabajos, como el libro de poemas “La melancólica muerte del Chico Ostra y otras historias” (1997) y la serie de figuras coleccionables “Los trágicos muñecos para niños y niñas de Tim Burton” (2003).
Nunca me consideré únicamente un artista o un director, y por ello acabé combinándolo todo
destacó el cineasta, de 50 años, quien detalló que nunca fue un buen animador porque su “cerebro no concebía concentrarse en una sola cosa todo el tiempo”. Parte de esta creatividad inundará de
21
10 principios para un buen diseño
Web
El diseño Web puede ser decepcionantemente difícil, pues involucra lograr un diseño que sea usable a la vez que placentero, entrega información y crea marcas, es técnicamente sonoro y visiblemente coherente.
1. Preferencia (Guiando el ojo) El buen diseño Web, quizá aun más que otro tipo de diseño, se trata de información. Una de las más grandes herramientas en tu arsenal para hacer esto es la preferencia. Cuando navega por un buen diseño, el usuario debería ser guiado en la pantalla por el diseñador. Yo llamo a esto preferencia, y se trata de la carga visual que tienen las diferentes partes de tu diseño.
22
Muestra de página Web
Agregado a esto está el hecho de que muchos diseñadores web son autodidactas, y que el diseño Web es todavía lo suficientemente nuevo para ser solo un tema aparte en muchas instituciones de diseño, y que el medio cambia tan frecuentemente como la tecnología subyacente lo hace.
Lo que tu usuario debería estar buscando depende de que tú, el diseñador Web, lo averigües. Para lograr la preferencia tienes muchas herramientas a tu disposición: - Posición – Donde algo en la página claramente influencia en qué orden el usuario lo ve. - Color – Usando colores sutiles es una manera sencilla de decirle a tu usuario hacia donde mirar. - Contraste – Ser diferente es lo que hace a las cosas resaltar, mientras que siendo similares las hace secundarias. - Tamaño – Lo grande toma preferencia sobre lo pequeño (a menos que todo sea grande, en cuyo caso lo pequeño quizá sobresaldrá gracias al contraste) - Elementos de diseño – Si hay una gran flecha apuntando algo, adivina ¿hacia dónde mirará el usuario? “Marius” tiene un sitio muy limpio, muy sencillo con bastante espacio.
2 Espacio Cuando yo empecé a diseñar quería llenar todo espacio disponible con cosas. Los espacios vacíos se veían desperdiciados. Y de hecho lo opuesto es verdad.
.
- Relleno Generalmente hablando, el texto nunca jamás debería tocar otros elementos. Las Imágenes, por ejemplo, no deben de tocar el texto, ni tocar bordes o tablas. El relleno es el espacio entre los elementos y el texto. La simple regla aquí es que siempre debes tener espacio ahí. Hay excepciones, por supuesto, en particular si el texto es algún tipo de encabezado/gráfico o tu nombre es David Carson. Pero como regla general, poner espacio entre el texto y el resto del mundo lo hace definitivamente más legible y placentero. - Espacio en blanco Antes que nada, el espacio en blanco no es necesariamente de color blanco. El término se refiere al espacio vacío en una página (o espacios negativos como a veces se le llama). El espacio en blanco es usado para dar balance y contraste a una página. Mucho espacio en blanco tiende a hacer que las cosas parezcan más elegantes y de lujo, así que como ejemplo, si vas a un sitio costoso de arquitectura , casi siempre ves mucho espacio. Si quieres aprender a usar espacios en blanco de forma efectiva, consigue una revista y revisa como están presentadas las paginas publicitarias. Los comerciales para grandes marcas de relojes y automóviles tienden a tener mucho espacio vacío usado como elemento de diseño.
Muestra de página Web
El espacio hace las cosas más claras. En el diseño Web hay tres aspectos sobre espacio que deberías considerar: - Espacio entre líneas Cuando tú presentas un texto, el espacio entre líneas afecta directamente a lo legible que aparece. Muy poco espacio hace fácil que tu ojo caiga de una línea a otra en lugar de la siguiente; demasiado espacio significa que cuando terminas una línea de texto y vayas a la siguiente, la pierdas de vista. Así que necesitas encontrar una medida media feliz. Puedes controlar el espaciado en CSS con el selector “line-height” (interlineado). Generalmente encuentro que el valor usado por defecto es muy pequeño.
23
Muestra de página Web
3. Navegación Una de las experiencias más frustrantes que puedes tener en un Web Site es cuando no sabes en donde estás ni para dónde vas. Quiero pensar que para la mayoría de los diseñadores Web, la navegación es un concepto que hemos pasterizado, pero aun encuentro algunos malos ejemplos por ahí. Hay dos aspectos sobre la navegación que hay que tener en cuenta: Navegación – ¿Hacia dónde puedes ir? Hay algunas reglas con sentido común que hay que recordar. Los botones para navegar en el sitio deberían ser fáciles de encontrar – hacia la parte de arriba de la página y fáciles de identificar.Deberían verse como botones de navegación y estar bien descritos. El texto de un botón debe estar bien claro en cuanto hacia donde te está llevando. Aparte del sentido común, es importante también hacer usable la navegación. Por ejemplo, si tienes un submenú desplegable, es importante garantizarle a la persona que puede ir hacia los objetos del submenú sin perder lo desplegable. Al igual que lo es cambiar el color de la imagen al pasar el Mouse por encima; es una excelente reacción para el usuario. controlar el espaciado en CSS con el selector “line-height” (interlineado). Generalmente encuentro que el valor usado por defecto es muy pequeño. El espaciado entre líneas es técnicamente llamado leading (pronunciado ledding), que se deriva del proceso que las impresoras usaban para separar las líneas de texto en los viejos tiempos, poniendo barras de plomo entre las líneas. - Relleno Generalmente hablando, el texto nunca jamás debería tocar otros elementos. Las Imágenes, por ejemplo, no deben de tocar el texto, ni tocar bordes o tablas.
24
- Relleno
Generalmente hablando, el texto nunca jamás debería tocar otros elementos. Las Imágenes, por ejemplo, no deben de tocar el texto, ni tocar bordes o tablas. El relleno es el espacio entre los elementos y el texto. La simple regla aquí es que siempre debes tener espacio ahí. Hay excepciones, por supuesto, en particular si el texto es algún tipo de encabezado/gráfico o tu nombre es David Carson. Pero como regla general, poner espacio entre el texto y el resto del mundo lo hace definitivamente más legible y placentero. - Espacio en blanco Antes que nada, el espacio en blanco no es necesariamente de color blanco. El término se refiere al espacio vacío en una página (o espacios negativos como a veces se le llama). El espacio en blanco es usado para dar balance y contraste a una página. Mucho espacio en blanco tiende a hacer que las cosas parezcan más elegantes y de lujo, así que como ejemplo, si vas a un sitio costoso de arquitectura , casi siempre ves mucho espacio. Si quieres aprender a usar espacios en blanco de forma efectiva, consigue una revista y revisa como están presentadas las paginas publicitarias. Los comerciales para grandes marcas de relojes y automóviles tienden a tener mucho espacio vacío usado como elemento de diseño.
. Orientación – ¿Dónde estas ahora?
4. Diseña para construir
Hay muchísimas maneras en las que puedes orientar a un usuario, así que no hay excusa para no hacerlo. En sites pequeños, es solo cuestión de un gran encabezado o una versión “menor” de la versión del botón correspondiente. En un sitio más grande, podrías utilizar la técnica de las migas de pan, sub-encabezados y un mapa del sitio para los que están realmente perdidos.
- ¿Podrían algunos pequeños cambios en tu diseño simplificar enormemente cómo lo construiste?
La vida se ha vuelto más fácil desde que los diseñadores Web hicieron la transición a plantillas (layouts) CSS, pero incluso ahora es importante pensar acerca de cómo vas a construir tu sitio si aun estás en PhotoShop. Considera cosas como: - ¿De veras puede hacerse? Puedes haber escogido un tipo de letra sorprendente para la copia del cuerpo de tu site, pero ¿Es un tipo de letra estándar en HTML? Quizá tienes un diseño que se ve hermoso, pero su tamaño es de 1100px y como resultado, tendrán que recorrer la página horizontalmente para poder verlo. Es importante saber lo que se puede hacer y lo que no, por lo cual creo que todos los diseñadores web deberían incluso hacer sitios completos, al menos unas cuantas veces.
- Para sitios grandes, particularmente, ¿puedes simplificar las cosas?
- ¿Qué pasa cuando una pantalla cambia de tamaño? ¿Necesitas fondos repetitivos? ¿Cómo funcionarán? ¿El diseño es alineado a la izquierda o centrado? - ¿Algo de lo que estás haciendo es técnicamente difícil? Incluso con el posicionamiento del CSS, algunas cosas como el alineamiento vertical son
un poco dolorosas y algunas veces mejor evitarlas.
A veces, mover un objeto en el diseño puede hacer una gran diferencia en cómo tendrás que codificar tu CSS después. En particular, cuando los elementos de un diseño se cruzan entre ellos le añade un poco de complejidad al proyecto.. así que si tu diseño tiene, digamos tres elementos y cada elemento está completamente separado de los otros, será muy fácil de crear. Por otro lado, si los tres se superponen uno con otro, quizá sea fácil también, pero probablemente será un poco más complicado. Debes encontrar un balance entre lo que se ve bien y los pequeños cambios que puedan simplificar tu creación.
Hubo una vez que solía hacer botones con imágenes para mis sites. Así, si había un botón de download, por ejemplo, lo hacia tipo imagen. En el último año más o menos, he cambiado a usar CSS para hacer mis botones y nunca más como antes. Claro, significa que mis botones no siempre tienen la flexibilidad que me gustaría, pero me ahorra bastante tiempo de creación por que ya no tengo que hacer docenas de pequeños botones.
5. Tipografía El texto es un elemento común en el diseño, así que no es sorpresa que muchos pensamientos se enfoquen en eso. Es importante considerar cosas como: - Opciones de letras – los diferentes tipos de letras dicen cosas diferentes sobre un diseño. Algunas lucen modernas, algunas lucen Retro. Asegúrate de que estás utilizando la herramienta adecuada para el trabajo.
25
Muestra de página Web
. - Tamaño de letras – Años atrás era tendencia tener texto realmente chiquito.Felizmente,en estos días la gente ha empezado a darse cuenta de que el texto está hecho para leerse, no solo para observarse. Asegúrate de que el tamaño de tus letras sean consistentes, suficientemente grandes para leerse y proporcionales para que el encabezado y el sub-encabezado resalten apropiadamente. - Espaciado – Como lo discutimos anteriormente, el espacio entre líneas y lejos de otros objetos es de importante consideración. Pero también deberías de pensar en el espaciado entre letras, aunque en Internet esto es de importancia menor, ya que no se tiene mucho control sobre ello. - Anchura de las líneas. – No hay una regla es-
26
tablecida, pero generalmente las líneas de tu texto no deberían ser tan largas. Mientras más largas son, más difíciles son de leer. Pequeñas Columnas funcionan mucho mejor (así como ponen sus textos los periódicos). - Color. – uno de mis peores hábitos es poner texto de bajo contraste. Se ve bonito, pero no se lee bien desafortunadamente. Aun así, parece que lo hago con cada diseño de web que he creado, tsk tsk tsk. - Parrafeando . – antes de que empezara
a diseñar, adoraba justificar el texto en todo. Lo hacía para que tuviera bonito bordeado en cada lado de mis párrafos.
Muestra de página Web
Desafortunadamente, el texto justificado tiende a crear espacios extraños entre las palabras donde ya han sido auto-espaciadas. Esto no es bueno para tu ojo cuando estás leyendo, así que pega el alineamiento hacia la izquierda a menos que tengas un cuerpo de texto mágico que haga el espaciado perfecto.
6. Diseña para construir El diseño Web no solo se trata de fotos bonitas. Con la tanta información e interacción que hay que efectuar en un web Site, es importante que tú, el diseñador, lo proveas para todo. Eso significa que hagas tu web Site utilizable. - Apegándose a los estándares. Hay un cierto tipo de cosas que la gente espera, y no dárselas provoca confusión. Por ejemplo, si el texto esta subrayado, tu esperas que sea un link. Haciéndolo de otra manera no es una buena práctica de usabilidad. Seguro, puedes romper con algunos convencionalismos, pero la mayor parte de tu Website debería de hacer lo que la gente
- Piensa sobre lo que los usuarios van a hacer. Hacer prototipos es una herramienta común usada en diseño para de hecho “probar” un diseño. Esto se hace por que con frecuencia cuando utilizas un diseño, llegas a notar pequeñas cosas que pueden hacer una gran diferencia. ALA tenia un artículo llamado Nunca uses una advertencia cuando quieras decir deshacer ([link] ), el cual es un excelente ejemplo para pequeñas interfaces decisivas de diseño que pueden hacer de la vida de un usuario un asco. - Piensa en las tareas del usuario. Cuando un usuario entra a tu sitio, ¿qué es lo que trata de hacer? Enlista los diferentes tipos de tareas que la gente hace en un Site, cómo las logran, y qué facilidad quieres darles para ello. Esto puede significar que haya tareas comunes en tu homepage (por ejemplo, “empieza a comprar”, o “aprende lo que hacemos”, etc.) o incluso puede significar asegurar algo como tener un cuadro de búsqueda que esté siempre accesible fácilmente. Al final del día, tu diseño Web es una herramienta para que la utilice la gente, y a la gente no le gusta utilizar herramientas molestas!
27
7. Alineación Mantener las cosas alineadas es tan importante en el diseño Web como lo es en un diseño de impresión. No quiere decir que todo tiene que estar derecho, sino que debes tratar de mantener las cosas bien colocadas en una página. La alineación hace tu diseño más ordenado y digerible, al igual que lo hace ver más pulido. Quizá también quieras basar tus diseños en una cuadrícula específica. Debo admitir que no hago esto concientemente, aunque obviamente PSDTUTS tiene de hecho una cuadrícula estructural muy firme. Este año he visto muy pocos artículos sobre cuadrículas como este [link] y este [link] . De hecho, si estás interesado en el diseño en cuadrículas, deberías pasar por designbygrid.com, la casa de todas las cosas cuadriculadas.
8. Claridad (Nitidez) Mantener nítido tu diseño es súper importante en el diseño Web. Y en cuanto a la claridad, se trata de los pixeles. En tu CSS todo va a ser perfecto en cuanto los pixeles, así que no hay nada de que preocuparse, pero en PhotoShop no es así. Para lograr la nitidez tienes que: - mantén las formas de los límites
pegados a los pixeles. Esto podrá incluir limpiar los límites manualmente, las líneas y los cuadros de texto si las estás creando en PhotoShop. - asegúrate de que el texto está creado usando el comando anti-alistado. Seguido usa “Nitidez”. - asegurarse que el contraste es alto para que los bordes estén claramente definidos.
28
- sobre-enfatiza los bordes solo un poco
- sobre-enfatiza los bordes solo un poco para exagerar el contraste.
9. Consistencia Consistencia significa hacer que todo combine. Tamaño de encabezados, tipos de letra escogidas, colores, estilos de botones, espaciado, elementos de diseño, estilos de ilustraciones, fotos escogidas, etc. Todo deberá basarse en un tema en específico. Para hacer tu diseño coherente entre páginas y en la misma página. Mantener tu diseño consistente es lo que te hace un profesional. Las inconsistencias en un diseño son como cometer errores ortográficos en un ensayo. Lo único que hacen es bajar la percepción de calidad. No importando cómo luce tu diseño, mantenerlo consistente siempre hará que se vea bien. Incluso si es un mal diseño, al menos haz de él un mal diseño consistente. La manera más simple de mantener la consistencia es hacer decisiones tempranas y pegarte a ellas. Aún así, con un Site grande, las cosas pueden cambiar en el proceso de diseño. Cuando yo diseñé FlasDen [link] por ejemplo, el proceso me llevó meses, y ya para el final, algunas de mis ideas para los botones y las imágenes habían cambiado, así que tuve que regresar y revisar las paginas anteriores para que encajaran perfectamente con las que hice después. Tener un buen set de CSS también puede ayudar a hacer un diseño consistente. Trata de definir etiquetas básicas como <h1> (header 1) y (paragraph) de una manera para hacer que las predeterminadas encajen perfectamente y te evites el estar tratando de recordar nombres de clases específicas todo el tiempo.
Muestra de pรกgina Web
Traducido por: ~ansigari | Original Link: [link] | Revisado por: =disalicia | Publicado originalmente en noticias.deviantart.com
29 Muestra de pรกgina Web
AplíKalo La discografía de keane es muy innovador ay diferente por el uso de ilustraciones en ellos, además el carácter ilustrativo de keane es fácil de identificar por el trazo y el estilo persona del ilustrador y su manejo cromático.
Ilustración aplicada a Discografía* KEANE
30
Ilustración aplicada a Discografía* KEANE
La ilustración también se aplica a productos comerciales, como por ejemplo las ilustraciones de
Anita Mejía
se ven súper bien aplicado en bolsos y blusas.
Ilustración aplicada a Discografía* KEANE
31
Ilustración aplicada a Discografía
Sam Green
Tool es una banda estadounidense de rock y metal progresivo surgida en 1990 en Los Ángeles, California. Y en la mayoría de sus discos utiliza como portada ilustraciones relacionadas al concepto de esa recopilación musical. Sus ilustraciones van más enfocadas al efecto visual de tridimensionalidad.
32
Sam Green tiene un peculiar estilo a hora de diseñar medios para
publicitar una determinada marca, en la mayoría de sus trabajos combina fotografía con ilustración generando constaste entre las técnicas pero una compatibilidad visual única e impactante.
Las ilustraciones de Mauricio Franco son muy innovadoras, desde la disposición de la ilustración en la camiseta, así como su trazo poco convencional pero divertido, y se ven muy bien como diseño y estampado para camisetas.
33
Contemporáneo.
Gaudi
Arquitectura de Antonio Gaudi El trabajo de Gaudi es admirado por arquitectos a lo largo del mundo por ser un estilo de lo más único y diferenciador.
Desde el principio sus diseños fueron diferentes de los de sus contemporáneos.
Su trabajo ha influenciado enormemente la Arquitectura de Barcelona y verás la obra de Gaudi por toda la ciudad. Antonio Gaudi nació en Reus en 1852 y se consiguió su titulo en arquitectura en 1878..
La obra de Gaudi estuvo muy influenciada por las formas de la naturaleza y esto se refleja en el uso de piedras de construcción curvadas, esculturas de hierro retorcidas, y formas orgánicas que son trazas de la arquitectura de Gaudi en
34
Barcelona.. barcelona gaudi architecture park guellAntonio Gaudi también ha adornado muchos de sus edificios con cerámicas coloreadas siguiendo patrones mosaicos. Esto añade otra importante dimensión a sus edificios que ha menudo es ignorada por los arquitectos. El uso del color. La combinación de diseño original , piedras con formas interesantes, y colores vibrantes en la obra de Gaudi le dan al que lo ve un experiencia visual que quita el aliento. Para darte un perfil de su estilo hemos preparado tres páginas separadas comentando una selección de la obra de Una catedral gótica gigantesca, probablemente la mayor obra de Gaudi y la atracción más visitada de Barcelona Park Guell Un parque mágico con edifi-
antiguo. Casa Batllo
cios increíbles , esculturas, y obras de cerámica diseñado por Gaudi. También encontrarás la antigua casa de Gaudi que ahora está abierta al público como un museo
35
La sagrada familia
36
Formas orgรกnicas son trazas en la arquitectura de Gaudi
37
Anuncio conceptualizado y realizado por Roberto Aguiluz.
38
39
Créditos: Conceptualización, diagramación y edición por Adriana Rivas y Francia Salazar. La información y las imágenes se han obtenido mediante internet. Adriana Rivas y Francia Salazar Directoras Generales Irene Carol Vicepresidente Editorial Sergio Carrera Vicepresidente de Administración y Finanzas Ricardo López Vicepresidente Comercial