Code Swarm es una experimento de visualización organica de software, el video muestra Code Swarm integrado al desarrollo de twitter durante abril de 2006 hasta enero de 2010.

La nomenclatura en colores de los tipos de archivo es la siguiente:

• Ruby on Rails: Rojo
• Javascript: Violeta
• Scala: Amarillo
• Prueba: Verde
• HTML/CSS/images: Azul
• Varios: Gris

Otro ejemplo de como funciona Code Swarm es el desarrollo del IDE Eclipse que muestras una intensa actividad, el video es una versión corta.

© coyr for Blog de diseño - Xoyaz, 2010. | Permalink | No comment

Add to del.icio.us

Search blogs linking this post with Technorati

Want more on these topics ? Browse the archive of posts filed under Imagen digital.

Una imágen de diseño poco convencional realizada por Eken Ahmet en 3D para la portada de la edición 30 de la principal revista de diseño turca Grafik Tasarim. Músculo y hueso expuesto como si la tipografía fuera un ser vivo y pudiera moverse. Un concepto bastante interesante con una gran calidad gráfica.

© coyr for Blog de diseño - Xoyaz, 2010. | Permalink | No comment

Add to del.icio.us

Search blogs linking this post with Technorati

Want more on these topics ? Browse the archive of posts filed under Imagen digital.

Aviary es un set de herramientas gratuitas de diseño liberado por worth1000.com. El lanzamiento ha sido a través de las suscripciones de correo, luego de 7 años de contribuir en el crecimiento de la comunidad de Photoshop. Se lanzan al mundo del desarrollo de software. Mejor aún en el entorno de aplicaciones online.

Así que para usar estas herramientas de diseño solo debes registrarte y sin necesidad de descargar ninguna aplicación puedes comenzar a realizar tus proyectos. A propósito no abandonan a Adobe del todo, pues su set de herramientas utiliza flash player para funcionar.

De los detalles más interesantes es que puedes realizar trabajos en grupo con otros personas de la comunidad. Editando sobre el mismo documento.

Herramientas de diseño liberadas

Se han liberado 4 aplicaciones de diseño que actualmente se encuentran en beta:

• Phoenix: a layer-based image editor (similar to Adobe Photoshop / Gimp)
• Raven: a vector editor (useful for logos / and clothing design)
• Toucan: a color editor
• Peacock: un editor de efectos

Phoenix

No hay menú al clic derecho, solo te aparece la reseña del flash player. hay 11 elementos en la barra de herramientas derecha y en varios de ellos al darles clic encontraras muchas más herramientas. Funcionan varias opciones comunes de teclado que se utilizan en Photoshop. Si activas el icono de ayuda en la derecha obtendrás un link con documentación a cada herramienta, tal vez sería más práctico cargar la información en la misma ventana.

Al dar clic en “import file” desde el menú de “archivo”, ves algo que te sorprende y es la integración de los archivos en tu computador, un campo de url a cualquier imagen en Internet, la librería de aviary, tu cuenta de flickr, picasa y facebook. Es muy probable que este sea un gran gancho viral sobre todo dentro de las comunidades de flickr y facebook. Como desventaja tendrás que ir hasta tu cuenta de flickr y de facebook para autorizar el servicio, pero desde luego es un proceso que solo harás una vez.

Raven

Aviary vector icons de mpeutz on Vimeo

Es un programa bastante sencillo, tal vez no tan poderoso como para realizar ilustraciones avanzadas, está lejos de un inkscape o un illustrator pero ya tiene las bases bien puestas. Cuenta con todas las opciones de edición vectorial básicas. Raven se encuentra en Alpha así que es probable que sufra muchos cambios

Toucan

Toucan es un editor de colores, para organizar paletas y gamas. Lo primero que no me gusto fue demorarme un poco en encontrar el color en hexagesimal y luego me decepcionó un poco no poder editarlo fácilmente. No es muy claro. La herramienta del “color wheel” después de entenderla me gusto mucho. Pude realizar patrones de color muy rápidamente y que me gustaran.

A diferencia del hexagesimal, las otras alternativas de color en HSV, RGB, CMYK y HSL son fácilmente localizables y editables.

Me pareció un poco extraño tener la opción de guardar y de guardar como, pero no la opción para abrir.

Cuenta además con un clipboard (portapapeles), una herramienta para seleccionar colores de una imagen y algo que no conocía y que me pareció genial es una herramienta de deficiencias de visión, muestra la forma en que una persona con alguna alteración en su visión vería tu paleta de colores, hay alrededor de 9 variaciones.

Peacock

Programa para generar efectos

Es una herramienta para generar efectos, no conocía una herramienta de este estilo. Arrastrando y soltando puedes ir personalizando y combinando efectos que se ven reflejados en el lienzo. Es una herramienta para explorar, experimentar y que además se integra con Phoenix actualizando los cambios que realices a las imágenes que edites. Tuve una mala experiencia salvando el archivo, me dice que sucede algo en el servidor y debo esperar unos minutos. Esa tal vez es una de las ventajas de un programa instalado en tu equipo, no te vá a sacar errores de servidor.

Las aplicaciones que vienen

Myna

editor de Audio

Eagle

Reconocimiento de patrones de píxeles

Owl

Publicación en el escritorio

Penguin

Editor de texto

Pigeon

Simulador de pintura

Hummingbird

Modelador 3D

Ibis

Creación de fuentes de texto

Roc

Generador de música

Starling

Edición de video

Tern

Generador de terrenos

Woodpecker

Edición de tamaño de imágenes inteligente

Opinión general

Creo que tiene futuro si siguen trabajando fuertemente en las herramientas. Hay detalles de usabilidad que opino se pueden mejorar como en los procesos de importación de imagenes falta el botón de cancelar.

Desde luego como en cualquier aplicación actual lo más importante es el feedback, para ello dispones de un link en la navegación principal para sugerir nuevas mejoras o para reportar errores.

Veremos que sucede con worth1000.como y las aplicaciones que está preparando para unir a este set de herramientas gratis de diseño, hay que dar la oportunidad y apoyar la causa, no todo puede ser el por imperio de Adobe.

Intentaré estar pendiente y usarlo un poco para compartir en la comunidad de Aviary.

© coyr for Blog de diseño - Xoyaz, 2009. | Permalink | 16 comments

Add to del.icio.us

Search blogs linking this post with Technorati

Want more on these topics ? Browse the archive of posts filed under Imagen digital, La web, recursos, tecnologí­a.

sodaplay, un sitio donde puedes diseñar engendros gráfico-mecánicos que se mueven por sí sólos. Realmente muy curioso y las aplicaciones tienen muy buena calidad Vía

© coyr for Blog de diseño - Xoyaz, 2006. | Permalink | No comment

Add to del.icio.us

Search blogs linking this post with Technorati

Want more on these topics ? Browse the archive of posts filed under Imagen digital.

Leyendo por meneame, encuentro este interesanante artículo con unos ejemplos sencillos para entender la cuarta dimensión. Al final se cierra con broche de oro, dejandonos para disfrutar, este espectacular comercial de Audi, que al parecer ya tiene sus años (no lo conocía xD), y es un homenaje Escher, uno de los más extraordinarios artistas gráficos del siglo XIX y XX…sensacional.

La cuarta dimensión
M. C. Escher

© coyr for Blog de diseño - Xoyaz, 2006. | Permalink | 9 comments

Add to del.icio.us

Search blogs linking this post with Technorati

Want more on these topics ? Browse the archive of posts filed under Ambiental, Imagen Movil, Imagen digital.

La parodia se apodera de la web 2.0, despues de parodiar logos y la aparición de un validador, ahora un generador de logos. Creo que ya necesitamos la web 3.0, o que venga ya la web 4.0 o la 5.0, que fenémeno tan particular este. Gracias a Atún tun tun por el sitio.

Hemos asociado un concepto con una identidad visual. ¿que es la web 2.0?. El concepto indica transición y evolución de los servicios y aplicaciones atravezando la web 1.0 como páginas estáticas HTML a los sitios orientados a la interacción y construcción de comunidades y redes sociales. NO quiere decir gradaciones en tu logo o añadir un botón “beta”. Pero es la moda y es la tendencia que nos hace relacionar el concepto con lo visual para combertirse en un estilo estandar.

Más Basura y parodias a la 2.0

Web 2.0 Bullshit Generator™
Buzzphrase Generator
Web Economy Bullshit Generator
Web 2.0 Company Name Generator

Via Elastico | polladas 2.0

© coyr for Blog de diseño - Xoyaz, 2006. | Permalink | 4 comments

Add to del.icio.us

Search blogs linking this post with Technorati

Want more on these topics ? Browse the archive of posts filed under Imagen digital, crí­tica, recursos.

Inspirados en las imagenes de los mapa tags desarrollados en Websites as Graphs y dna11 pues llega otra proyecto para generar imagenes atravez del código de un website, el proyecto se denomina WEB2DNA solo debes introducir la dirección del sitio al cual le quieres generar su ADN en WEB2DNA Art Project el proyecto no va muy bien con firefox, así que (solo en este caso) intenta acceder desde un navegador diferente a Firefox. A proposito, puedes escoger cuatro colores verde, azul, rojo y negro , en la imagen el mapa de xoyaz.

Vía Anieto2k

© coyr for Blog de diseño - Xoyaz, 2006. | Permalink | 5 comments

Add to del.icio.us

Search blogs linking this post with Technorati

Want more on these topics ? Browse the archive of posts filed under Imagen digital.

Coro36ink es una galeria de diferentes tipo de obras, pintura, storyboards entre otras desarrolladas por Coro, un artista que se encuentra en medio de diferentes tendencias de representación pero que maneja un estilo particular.

http://www.coro36ink.com/

© coyr for Blog de diseño - Xoyaz, 2006. | Permalink | No comment

Add to del.icio.us

Search blogs linking this post with Technorati

Want more on these topics ? Browse the archive of posts filed under Imagen digital, Imagen fija.

Hacia el año de 1999, Internet puso de cabeza el mundo empresarial. Atraídos por el potencial de una red sin barreras geográficas y un mercado global, miles de inversionistas se lanzaron al ciberespacio con los ojos puestos en las promesas del comercio electrónico. Los sitios Web proliferaron. La Web se inundo de portales generales y especializados, sitios de viajes, portales para transacciones de negocio a negocio y una enorme cantidad de tiendas en línea para la venta de todo tipo de productos: computadores, autos, finca raíz, CD, películas, libros, muebles, obras de arte, comida y la oferta de nuevos servicios: comunidades virtuales, correo electrónico, Chat…

Con la gran aparición de oferta de productos y servicios, el aumento de tráfico de los usuarios en los sitios hace que estos comiencen ha dedicar espacios dedicados para la publicidad. Estos espacios son entonces bautizados como “banners” que significa “estantes”, la ventaja de estos avisos en Internet es que las personas que dan clic en un banner son conducidas al sitio Web del anunciante. Al comienzo estos funcionaron magníficamente los usuarios los utilizaban al punto de posicionar  sitios con gran valor en la bolsa internacional, dado es el caso de Yahoo que en el año 1999 llegó a valer 69.000 millones de dólares.

Algunos accionistas de las punto-com se hicieron millonarios de la noche a la mañana. Los banners se hicieron mucho mas codiciados para inversión en las paginas Web, y la gran inyección monetaria exigió mayores resultados con lo cual los banners implementaron nuevos mecanismos para atraer a los usuarios. Pero solo de publicidad no se puede mantener un sitio, gran cantidad de sitios no lograron llegar ha la bolsa que se había convertido en el fin ultimo. El mal diseño, la desactualización y las llamadas páginas basuras que empezaron ha abusar de la confianza de los usuarios, provoco un efecto rebote en las páginas que no lograban satisfacer o atraer a los usuarios de una forma positiva. “hay varios ejemplos representativos. Boo.com, un sitio ingles de venta de ropa fina, devoró 135 millones de dólares de sus inversionistas y estuvo apenas seis meses al aire;  la supervivencia de Buy.com gastó 70 millones de dólares en mercadeo en 1999; y Pets.com gastó 42 millones de dólares en el mismo rubro. Lo grave es que se trataba de sitios que no producían ganancias, sino pérdidas”.

Con el auge de la publicidad en Internet aparecieron otro tipo de sitios que brindaban servicios gratuitos para desarrollar publicidad, Link Exchange que brindaba este servicio de forma gratuita o lo realizaba por un precio mas bajo, brindaba banners predeterminados que podían ser fácilmente modificados. Con esta opción los anunciantes no tenían que recurrir a un diseñador, podían crearlo ellos mismos o comprarlo por un módico precio a un sitio Web. El problema es que no permitía muchas opciones en cuanto a diseño e identidad de los sitios promocionados. Este tipo de sitios,  vinculado al diseño irresponsable por parte de algunas empresas de marketing, publicidad  y diseño aportó en gran medida para generar un problema de orden social, legal y visual en la Web.

Dadas estas circunstancias el fenómeno de los banners comenzó ha decaer y la publicidad en estos se torno cada vez menos eficiente, para algunos usuarios esto carecía de importancia pero otro sector se preocupaba y quejaba del abuso de confianza de algunas empresas que irrumpían el Internet de una manera terrorista e insistente. Y nace el popup y el spam de los cuales no hablaremos en este artículo.

Estudiando el fenómeno de los banners desde la psicología y la cognición Donald Norman evidencia ciertas explicaciones de porque los banners se transformaron de ser un punto focal en las páginas Web a convertirse en un punto ciego que los usuarios ignoraban instantáneamente.

"La ceguera a los banners es un fenómeno causado por mecanismos psicológicos. Esta ceguera es independiente del contenido de los banners o de la segmentación del usuario objetivo, porque es producida únicamente por el formato del banner y su composición visual. La ceguera a los banners es citada frecuentemente, el mecanismo mediante el cual afecta al usuario explica también una parte importante del comportamiento de los mismos en Internet."

Cuando observamos un anuncio que no para de enviar estímulos visuales, al principio no dejamos de mirarlo pero luego deja de tener importancia, porque sufrimos un proceso de insensibilización, el problema mas grande de algunos banners es que son tan insistentes que dejan de tener importancia, otro tipo de insensibilización  se presenta cuando el banner cambia repentinamente de lugar, al principio captura la atención del usuario pero de pronto se reconoce un patrón que lo vuelve monótono y bastante molesto. Luego el usuario crea un esquema perceptivo con diferentes claves visuales de forma, color, imágenes, fondos, posición entre otros, que sirven para identificar los tipos de banners conocidos e ignorarlos casi instantáneamente. Ayudando al usuario ha discriminar la publicidad del contenido real de la pagina. Realmente la ceguera a los banners radica en la capacidad de los usuarios de reconocer esas claves visuales que los identifican. En el proceso de la ceguera también influye la exageración de los posibles resultados que se puedan obtener con solo dar un clic al banner, donde el usuario crea sentimientos de desconfianza. Lo que hace que los banners realmente veraces y bien desarrollados sean también descartados. En los demás medios de comunicación existe el mismo fenómeno pero no hay forma instantánea de evitar la publicidad.

La diferencia es que en Internet existe una manera de identificar la publicidad, ignorarla y seguir prestando atención al resto de contenidos de interés. La mala publicidad en Internet muestra un formato chillón, llamativo y muy diferente del formato de los contenidos reales del sitio. Permitiendo crear el esquema perceptivo antes comentado. Ahí están las claves visuales, en el formato de la publicidad.

Un grave error en el desarrollo de los banners fue que cuanta más ceguera producían, más llamativos y animados se diseñaban para contrarrestarla. Todo ello generó un efecto rebote, a banner más llamativo más rápidamente insensible se volvía la atención a ellos y desarrolló nuevas claves visuales para identificar la información irrelevante. Por esta razón aunque algunos sitios Web usen los banners correctamente, los usuarios ya han aprendido a evitar los banners y seguirán aprendiendo, puesto unos pocos diseñadores no pueden cambiar el banner estándar, ni hacer desaparecer la ceguera a corto o medio plazo. La ceguera a los banners es actualmente independiente de los contenidos de los banners.

Algunos sitios afirman conseguir tasas de "click-through" demasiado altas para creer que el fenómeno de ceguera a los banners sea universal. Esta afirmación es también parcialmente cierta, la tasa debería ser ridículamente baja si todos los usuarios fueran ciegos a los banners (y en muchos sitios lo es), pero la ceguera a los banners tiene un periodo de aprendizaje que requiere tiempo. Los usuarios nuevos de Internet no son ciegos a los banners porque aun no han navegado lo suficiente como para desarrollar la insensibilización.

Soluciones Planteadas por Donald Norman

Consiste en quitar claves visuales a la publicidad, no hacerla llamativa, para que sea lo más difícil posible para los usuarios identificarla con el esquema perceptivo "descartador" de publicidad. Quitar estos elementos llamativos a la publicidad significa en la práctica que se parezca a los contenidos reales del sitio, así se provocaría que cuando el usuario buscase información leyese la publicidad.

Sin embargo, con el uso de esta solución se deben de tener muy claros dos puntos:

1. Por un lado la publicidad debe estar identificada como tal por un subtítulo identificativo, para no tratar de hacer pasar publicidad como contenido real del sitio (en otros medios está regulado legalmente. Si se intenta confundir la publicidad con contenidos, los usuarios quedarían frustrados por la estrategia del sitio y su actitud sería muy negativa.
2. Por otro lado se ha de comprender que Internet no es un medio donde la publicidad pueda ser introducida de manera indiscriminada, es decir, sin relación con los objetivos del usuario en esa página. Al introducir publicidad de manera indiscriminada los usuarios terminarán desarrollando ceguera también al nuevo formato de publicidad, que aún conteniendo un número mínimo de claves visuales, tendrá las suficientes para que a medio plazo los usuarios terminen ignorándola.

Es posible afirmar que todo lo anterior es pura teoría, pero que muchos de los estudios realizados hablan de la efectividad de los banners. Contra esto se pueden argumentar dos razones:

1. Los estudios sobre la efectividad de los banners deberían tener en cuenta como variable independiente el tiempo de experiencia de los usuarios en Internet. Hasta ahora pocos estudios han tenido en cuenta esta variable. La mayoría de estudios intentan analizar la efectividad de los banners sin hacer referencia al tiempo de experiencia usando Internet de los usuarios. Sin embargo ésta es la variable principal en el desarrollo de la ceguera a los banners. Si no se considera esta variable el estudio carece de validez puesto que no sabremos si los usuarios prestan atención a los banners porque son nuevos o no.
2. Los banners son la fuente de ingresos principal de muchos sitios Web y lo que da trabajo a mucha gente, casualmente los mismos que se reconvierten a especialistas en usabilidad y realizan estos estudios. Sería la primera vez que alguien tirase piedras sobre su propio tejado.

Bibliografía

• Revista Enter, edición Nº 22, Pág. 14, Mala publicidad para DoubleClick.
• Revista Enter edición Nº 27, Págs. 28 a 30, Las empresas de Internet regresaron al mundo real.
• Revista Enter edición Nº 28, Págs. 40 a 42, Promocione sus negocios sin quedar en la calle.
• Revista Pc work, volumen 5, Nº 29, Págs. 27 y 28, busque la velocidad ignore los anuncios.
• Ceguera a los banners, cómo se produce este fenómeno psicológico Donald Norman

© coyr for Blog de diseño - Xoyaz, 2006. | Permalink | 4 comments

Add to del.icio.us

Search blogs linking this post with Technorati

Want more on these topics ? Browse the archive of posts filed under Imagen digital, Publicidad.

Esta es la invitación que hace outbreak. Todos los rediseños son geniales, ya hay varios participando. Si quieres participar rediseña o parodia el logo que quieras al estilo web 2.0 lo subes a flickr, le añades el tag “yay2dot0logoparody” y ya lo tienes.

Si quieres dar un recorrido por los logos existentes debes buscar en flickr la palabra “yay2dot0logoparody”. Buena idea para reir y comprender que es esta ola del diseño Web 2.0, que marca una tendencia muy diferenciada y facilmente distinguible.

© coyr for Blog de diseño - Xoyaz, 2006. | Permalink | 4 comments

Add to del.icio.us

Search blogs linking this post with Technorati

Want more on these topics ? Browse the archive of posts filed under Imagen digital.