Archivos Mensuales: diciembre 2012

El Novedoso Diseño Web Adaptable

¿Cómo crear una página web adaptable?

Realizando un diseño de una página web cuyos estilos que se adapten a distintos dispositivos.

El enfoque para servir a la multitud de dispositivos móviles que existen en la actualidad era hasta ahora detectar el tipo de dispositivo con el que un usuario visitaba una página web y entonces direccionarlo a una página web diferente optimizado para ese dispositivo móvil. De esta manera era necesario contar con 2 o más sitios webs con el mismo contenido, a fin de satisfacer esta demanda.

Crear una página web con diseño web adaptable

¿Cómo crear una página web que pueda ser adaptable a todos los dispositivos del mercado?

Pero desde que Ethan Marcotte acuñó el concepto de Diseño Web Adaptable o sensible (en inglés Responsive Web Design – RWR), en lugar de construir sitios independientes para cada dispositivo, el nuevo enfoque es construir una página web que se adapta a cada dispositivo.

Esta nueva tecnología es muy nueva y es la que ahora estamos usando en nuestra página web. Para probarlo por usted mismo basta con que achique el ancho de su navegador y verá de que estoy hablando. El contenido comienza a adaptarse al ancho de la pantalla, incluyendo las fotos. Las columnas buscan acomodarse desplazándose debajo de otros contenidos, etc.

Recientemente Google ha recomendado este tipo de tecnología  ya que limita el contenido a una única URL anulando la duplicación de páginas web. Esto ayuda a Google a descubrir los contenidos de manera más eficiente, ya que no tiene que rastrear páginas con robot diferente a fin de indexar todo el contenido.

Probablemente sea esta la mejor solución para el problema causado por el avance de la tecnología móvil y la multitud de dispositivos móviles. El Diseño web adaptable mejora la experiencia de usuario porque cuando visita una página web con cualquier dispositivo de escritorio o móvil el contenido busca achicarse y acomodarse para mostrarse de la mejor manera.

RWD es una tecnología muy nueva y no es perfecta, y debemos aclarar que no sirve para todas las situaciones. Pero en la mayoría de los casos permite crear presencia en la web de una manera inteligente y con un presupuesto accesible.

El hecho hoy por hoy es que crear una página web adaptable, nos proporciona una gran solución para hacer frente a los dispositivos móviles, y creo que esta tecnología está aquí para quedarse.

Prototipo de página web con diseño web adaptable

The Boston Globe fue uno de los primeros grandes sitios de noticias en ofrecer un diseño web adaptable

A continuación adjuntamos un enlace con más información donde podemos aprender hacer una página web con diseño web adaptable:

Anuncios

Enlaces útiles relacionados con la Creatividad

A continuación adjunto tres enlaces de .pdfs de interés relacionados con la Creatividad y un enlace de vídeo.

¡Disfrutadlos!

icono_pdf Siete estrategias de Creatividad

icono_pdfMitos y tendencias

icono_pdfCreatividad Publicitaria

pvd_icono ¿Cómo llegar a ser más Creativos?  (Youtube)

pvd_iconoPalabras más buscadas en el Blog Plano Creativo  (Vimeo)

Sorteo de 2 entradas para el MAD 2012

6805600988_e8ca7c117f_o

 

Cosas Visuales sortea entre sus lectores dos entradas para el MADinSpain 2012, la cita imprescindible para diseñadores, creativos, estudios de diseño, agencias de publicidad interactiva y de motion graphics que se celebrará en el Palacio de Congresos de Madrid el 13 y 14 de abril. Para optar a estas entradas, simplemente redacta un tweet (sólo uno por concursante) sobre este evento mencionando a @CosasVisuales y @MadinSpain, junto con un enlace directo a la web de las jornadas (http://www.madinspain.com/2012). El plazo para concursar finaliza el 25 de marzo y los ganadores se darán a conocer el día 26.

Sistemas de retículas: vuelve un clásico

8238772034_881499c7c4_o

 

De la mano de la editorial Gustavo Gili regresa uno de los libros de culto del diseño gráfico contemporáneo, un tratado clásico cuyos postulados permanecen muy vigentes en la actualidad. Sistemas de retículas es la obra cumbre de Josef Müller-Brockmann, uno de los máximos exponentes de la denominada “escuela suiza”, que -entre otros presupuestos- apostaba decididamente por la retícula como estándar de ordenación del material gráfico y cuyos esfuerzos estuvieron siempre orientados “a la búsqueda de un estilo gráfico de carácter universal, anónimo y supranacional”. En esta nueva edición revisada, que además incluye nueva traducción al portugués, se abordan los fundamentos de la composición tipográfica desde sus múltiples aristas: la filosofía y usos de la retícula, los principios básicos de la expresión tipográfica, las múltiples alternativas de layout, la intervención de los diferentes ingredientes del diseño dentro de la composición reticular (fotografía, ilustración, color) o la peculiar lógica de esta en los distintos ámbitos del diseño (editorial, exposiciones, identidad corporativa o diseño tridimensional), todo ello ilustrado con múltiples ejemplos prácticos.

Gustavo Gili brings back one of the contemporary graphic design cult books, a classic treatise whose principles remain very valid today. Sistemas de retículas (Grid systems) is the masterpiece of Josef Müller-Brockmann, one of the key players of the so-called “Swiss School” which, among other elements, decidely defended the grid as the graphic stuff management standard and whose efforts were always aimed at “the search for a universal, supranational and anonymous graphic style”. This revised edition, which also includes new translation into Portuguese, includes the fundamentals of typographic composition in its many aspects: the philosophy and purpose of the grid, the basic principles of typographic expression, the multiple layout options, the use of the different design ingredients in the grid composition (photography, illustration, color) or its peculiar behavior in many design fields (editorial, exhibitions, corporate identity or three-dimensional design), all illustrated with many practical examples .

MÜLLER-BROCKMANN, J. (2012): Sistemas de retículas. Un manual para diseñadores gráficos. Barcelona: Gustavo Gili. Castellano y portugués, 184 páginas, cartoné. 29,90 euros.

 

Canela Party decorarán Casa Jäger Barcelona

Canela Party, una fiesta donde el disfraz, el confeti y la música son los principales ingredientes, ha sido el ganador del concurso organizado por Casa Jäger Barcelona. Ellos serán los encargados de decorar la habitación de los padres, y junto a Eloy Azorín y María Escoté (responsables de las habitaciones del hijo y de la hija, respectivamente), asumirán el reto de recrear el estilo de una familia ficticia en este popular evento, que vuelve a la Ciudad Condal el próximo 18 de octubre con las mismas actividades que lo popularizaron: música en vivo, DJ’s y grupos (Buzzcocks, Eagulls, Los Nastys, Thugh Ladies o Raver Jewish), un Jäger Voltage con Bok Bok en el Factory Club, sorpresas, mucha gente y, por supuesto, Jäger helado para todos.

 

8073536014_4647dd2faf

Indigen, animacion 3D de PIXAR

Indigen es un corto animado de PIXAR muy recomendable para aquellos que le gustan las animaciones 3d.
Como estamos acostumbrados, este es otro buen corto de PIXAR, y a diferencia de otros, este trae escenas medias sádicas, sangrientas, pero no dejan de ser divertidas.
No digo un estilo Happy Tree Friend, pero es algo sangriento, recomiendo verla realmente, y para ello, el video:

 

Primer mes de Modelado 3D para videojuegos

¿Os acordáis de Lumiere, el candelabro de la Bella y la Bestia?

La pasada sesión de la asignatura de Modelado 3D elegimos a este mítico personaje para darlo vida en un ejercicio perteneciente al temario II NURBS.

Con este temario se  comenzara a modelar con NURBS (non-uniform rational B-spline) y emplear modelos matemáticos para generar y representar curvas y superficies. Son muy utilizadas para modelado orgánico, pero para el modelado de videojuegos no los usaremos. Aun así, es necesario que los alumnos entiendan y conozcan otros tipos de técnicas a la hora de modelar para que sean ellos los que decidan en un futuro como resolver los problemas que se les plantean.

inst01-jpeg-1024x658

Geometría

Desde el principio del curso empiezan a entender que los modelos “complejos” no son mas que la suma de superficies simples y que con apenas 2 ó 3 herramientas pueden acabar transformándose en objetos complejos. Además, en esta asignatura es importantísimo ir poco a poco, ya que puedes pasar de la euforia por haber creado algo realmente atractivo en 3 clases, a la frustración por dejarse dominar por el Maya.

Siempre animo a los alumnos a estar muy atentos al primer mes de esta asignatura, pues es clave para divertirse con ella el resto del año.

Lumiere se ha desarrollado aproximadamente en 1 hora y casi todo se ha realizado con 2 herramientas (revolve y loft) y circulos con sus curvas CV.

inst02-jpg-1024x657

Nueva identidad de Maison Dandoy, por Base Design

¿Cómo transformar un negocio familiar, local y de pequeña escala en una marca familiar global, sin perder la imagen de artesanía local y verdadera tradición?

¿Cómo llegar a una audiencia más amplia?

Eran las dos premisas principales con que contaba Base Design para el rediseño de la identidad visual, el packaging de la gama de productos y la web de Maison Dandoy, una panadería fundada en Bruselas en 1829.

¿El resultado?

Un grafismo reducido a su esencia y un tono de voz “cálido, generoso y humano”, orientado a comunicar, con un carácter coherente, reconocible y ligeramente surrealista, los valores principales de la empresa: una historia familiar única, productos de calidad y el placer de consumirlos.

 

8244020272_9e6cf38763

8244019926_b0344d35d9

 

How do you transform a small-scale, local family business into a global family brand, without losing the image of local craftsmanship and true tradition? How to reach a broader audience? They were the two main premises that had Base Design to redesign the visual identity, the packaging range and the website of Maison Dandoy, a bakery founded in Brussels in 1829. The result? A graphics reduced to its essence and a “warm, generous and human” tone of voice, trying to communicate in a coherent, recognizable and slightly surrealistic character, the main values of the company: the unique family history, their quality products and the pleasure of eating them.

 

8242951459_1111685c1f

8242951187_c9863d1729

Packaging

3398680534_f6d8d79f9c

 

Conozco mediante el formidable AisleOne de Antonio Carusone el trabajo de los australianos Swear Words, genial estudio de diseño que se mueve principalmente en diseño web, identidad visual y packaging. Es en esta última disciplina en la que demuestran principalmente una línea de austeridad formal absoluta (¿excesiva, quizás?),  sobre todo en los productos dermatológicos de Jaqueline Evans (arriba), con colores pastel, discretos tipos de palo y un logo ubicado en un mínimo plano secundario.

 

3398680334_3a06f8a5003397870795_7369bed640

Card Observer

3292379161_29e060cc86_o

 

Si estás en pleno proceso de desarrollo de la identidad visual de un cliente y no llega la inspiración, Card Observer puede ayudarte con su importante galería de ejemplos centrados en las tarjetas de visita. Visto en el gran Nice Fucking Graphics.

 

3292379281_f70bd32e8c_o

3293201346_c37f029e42_o