Portafolio de Diseño

Videos Flash en un Fichero PDF

portafoliomb — Wed, 11 Jun 2008 20:38:21 +0000

Con la nueva versión de Acrobat, Adobe ha introducido la capacidad de poder incluir video en Flash (Youtube, etc.) dentro de los documentos PDF, algo demandado hace mucho tiempo por parte de los usuarios.

El potencial de esta capacidad es tremendo y abre nuevos horizontes en la creación digital, así como un nuevo espaldarazo al estandar de facto de intercambio de documentos en la red.

Asimismo ha aprovechado la ocasión para presentar Acrobat.com, una web de servicios online creados con Adobe Air donde podremos hacer cosas tan diversas como crear nuestros propios ficheros PDF online, compartir documentos o conectarnos con cualquier usuario en la red.

Esculturas en papel cortado

portafoliomb — Wed, 11 Jun 2008 17:32:53 +0000

Impresionantes y coloridas son dos de las características de las escuturas de papel cortado de Jen Stark, no se como las haga pero no se ve nada sencillo. Muy recomendable que vean su obra completa. Ahora que anda en boca de todos los anuncios de Sony Bravia se me ocurre que para el siguiente anuncio pudieran utilizar o basarse en la obra de este artista y reafirmar el “color like no other”

Jen Stark

Stencil

portafoliomb — Wed, 11 Jun 2008 02:35:53 +0000

Esta colección de Stencils que te presentamos son fotos recopiladas por el cerro Bellavista, concepción y alegre, además de algunos en el plan de Valparaíso zona plaza Anibal Pinto y son muy característicos ya de la ciudad. Se pueden encontrar en casi cualquier parte de Valparaíso con flujo urbano y so una forma de mensaje o de micro protesta a temas sociales que nos conciernen a todos. Son una forma muy potente de comunicar un mensaje con una imagen y en la sección aprende te enseñamos a hacer el tuyo.

Tipografía para el Transantiago

portafoliomb — Wed, 11 Jun 2008 02:16:40 +0000

Comienza Transantiago, el cambio más importante en el sistema de transporte público de nuestra capital. En medio de las críticas y bendiciones por su operación, queremos mostrarles el desarrollo del sistema tipográfico TS diseñado especialmente para este Plan de transportes.

El diseño se realizó como parte del proyecto que da forma al sistema de información de Transantiago, desarrollado por un equipo del Departamento de Estudios Tipográficos de la Escuela de Diseño PUC. Dos de sus participantes son también miembros de tipografia.cl

Su desarrollo demandó cerca de dos años. De ello les contamos en este post.

En las etapas de diagnóstico del proyecto se detectó la necesidad de contar con una tipografía que unificara el sistema y que además perimitiese contar con una solución de alta legibilidad para dos escalas:

• Lectura cercana en mapas, tablas y diagramas.
• Lectura a distancia en buses, paradas, paneles, señalización

Otros puntos considerados fueron la necesidad de contar con los símbolos de uso público e institucional, los que fueron incorporados de manera estándar en todas las variantes del sistema.

Contar con un sistema tipográfico propio, permite solucionar problemas de disponibilidad de recursos. Cualquier productor de piezas gráficas para Transantiago recibe como parte del Manual de Normas Gráficas, el sistema tipográfico completo.
De esta forma, se resuelve también un potencial conflicto respecto a la licencia de software, ya que la autoridad es dueña de la licencia y puede distribuir libremente las fuentes.

El proceso de desarrollo

La etapa de diagnóstico identificó la diversidad de interpretaciones en el sistema de micros como un problema de identificación y eficiencia en la lectura. Si bien existían normas tipográficas –basadas en el uso de Univers–, en la práctica se valoraba más la diferenciación y la ornamentación, propias de la cultura de la micro. Los usuarios debían adaptarse a cada caso, con desempeños inciertos. Este problema constituía entonces una excelente oportunidad de diseño.

Al igual que en otras ciudades importantes, cuyos sistemas de transporte público se han transformado en referentes de identidad en el tiempo, para el desarrollo del sistema TS se observaron las letras de rotuladores y calígrafos, a fin de incorporar antecedentes propios de nuestra cultura visual, integrando altos estándares de legibilidad y flexibilidad en las aplicaciones, con un componente propio.

El proceso inicial de desarrollo contempló dos caminos, uno más cercano a la rotulación vernacular, otro más neutro, los que luego se concentraron enla última opción. Fue fundamental establecer a través de dibujos y diagramas cómo los nombres de calles y comunas influirían en largos de texto, combinaciones de letras, entre otras variables.

Sistema TS

En base al desarrollo preliminar de forma y estilo en esta versión, se establecieron los parámetros de proporciones, rendimiento y espaciados para cada variante.

Así, se establecieron dos tipos básicos: TS Info y TS Mapa, según el rango de aplicación. El sistema completo consta de 11 fuentes entre variantes de peso, inclinación y aplicaciones especiales como códigos y abreviaturas.

Como solución fundamental, en todas las variantes se encuentran disponibles todos los símbolos de uso público e institucionales del sistema de transporte, necesarios para al producción de piezas en el sistema de información. El uso combinado de las variantes permite utilizar letras, números, pictogramas y códigos de manera integrada, independiente de la técnica de reproducción y tamaños.

En el desarrollo de TS Mapa, fue fundamental el diseño de atrapatintas y proporciones más condensadas, ya que por su aplicación es una tipografía que debe leerse en tamaños entre los 5,5 y 7 puntos.

El desarrollo de aplicaciones especiales, como las variantes TS Abreviaturas, permite la utilización de detalles formales tomados de los pintores de letreros, usados para ahorrar espacio en aplicaciones como letreros y señales. Como convenciones que los usuarios manejan en su lectura, su aplicación rescata elementos propios.

Otras versión especial como TS Código, contempla una utilización ‘nemotécnica’ del teclado, ya que los caracteres alfabéticos son reemplazados por números encapsulados.

Aplicaciones

Variantes como TS Código, aplicadas en la señalización de buses troncales y locales.

La combinación de estilos y variantes, permite la producción eficiente de piezas simples como los letreros de parada, y más complejas como las cenefas de puntos de transbordo, sin tener que redibujar ningún elemento. El Manual de Normas incorpora las plantillas reticuladas para la producción de estos elementos.

Lo mismo ocurre con otras piezas de alta densidad, como los paneles de información de paradas y puntos de transbordo, que contienen el mapa de recorridos, mapas de contexto (Usted está aquí), Tablas de servicios e información sobre la operación de Trasantiago.

Dibujos de Dragones

portafoliomb — Wed, 11 Jun 2008 02:11:50 +0000

Es el trabajo de Kerem Beyit de Ankara, Turquía, me gustó mucho su trabajo cuando vi este dragón trate de entrar a su página: theartofkerembeyit.com luego de esperar un buen rato a que se descargara, me lleve una decepción por que solo es un flash anunciando que pronto el sitio estará en línea.

Pero por acá hay unos cuantos trabajos más del artista | [gfxartist.com]

Novedes de Flash – Wix

portafoliomb — Wed, 11 Jun 2008 01:40:36 +0000

La verdad es que no soy muy fanático de la tecnología flash, tanto movimiento me marea. Prefiero un diseño limpio que acentúe lo verdaderamente más interesante en una web: la información.

Esta preferencia personal no hace que deje de admirar iniciativas como Wix, una aplicación que permite a sus usuarios crear páginas web con un estilo realmente profesional utilizando Flash.

Como de momento está en beta cerrada voy a aprovechar que tengo una invitación para mostraros un buen número de pantallas que os hagan intuir lo que hay dentro de esta nueva web.

Como podéis ver en la captura superior Wix está preparado para que podáis crear una galería de diseño, diseñar un site para una empresa, personalizar el perfil de myspace, divulgar vuestra música o mostrar una galería de arte.

Cada proyecto tiene sus propias plantillas que podréis ir personalizando hasta dejarlas a vuestro gusto.

Voy a mostraros algunas capturas de mi intento de hacer una página para una empresa.

Plantillas disponibles para la sección de negocios.

Seleccionando.

Editando la plantilla seleccionada.

Añadiendo videos y objetos animados.

Creando efectos en los menús.

Como podéis ver las opciones son bastante numerosas ofreciendo un editor muy flexible. Teniendo en cuenta que no hace falta conocer nada de programación (ni actionScript, ni nada semejante), Wix se transforma en una maravillosa opción para los fans del flash en este nueva web.

Por si fuera poco garantizan algo que hasta hace poco no parecía posible: permite a los buscadores encontrar los textos incluidos en los sitios webs creados. Search Engine Friendly, como les gusta llamar al asunto.

más información…

Portafolio de Trabajos

portafoliomb — Thu, 05 Jun 2008 20:49:00 +0000

Comienzo de la Aventura del Diseño

Este Blog será la forma de exponer y poner en manos de los visitantes mis trabajos y estilo de diseño, un poco de mi persona. mi forma de ver, vivir y desarrollar el diseño.

Ayudas y tips de diseño en diferentes áreas, ayuda con programas trucos y guias También un poco de historia y recomendaciones interesantes de la red para ayudar y aumentar nuestra bodega visual y conceptual.

Para empezar con el blog les dejo uno de los mas recientes trabajos desarrollados

Muestras impresos chaquetas espalda

Dercargar PDF Descargar RAR Descargar Zip