Archivo

Archivo para la categoría ‘Diseño Web’

Flash y su Futuro

Martes, 16 de Marzo de 2010

Este post esta escrito Por: Freddie BOFH de Cristalab

Desde que el iPad fue anunciado, sin Flash, mucha gente ha estado especulando su caída. Se suma el experimento de Youtube conHTML 5 y el tag <video>. Tal fue el hype generado por la supuesta muerte, que dedicamos un capítulo de MejorandoLaWeb al tema.

El mundo de Flash está cambiando. La computación está cambiando. La web está cambiando. Pero Flash no morirá y si Adobe toma las decisiones correctas, incluso puede convertirse en el líder de campos que no esperamos. Este año será decidido todo.

Flash, HTML 5, Javascript y el video

HTML 5 tiene cosas impresionantes. Drag and Drop de archivos al navegador, animaciones vectoriales en SVG, un tag para embeber video, otro tag para audio, acceso a disco y geolocalización por múltiples métodos (GPS, IP, manual, etc). Esto ha dado pie a que muchos digan que “Flash es innecesario“.

Conferencia Flash

Molly Holzschlag es una de las personas que más sabe de estándares en el mundo y compiló una lista de capacidades de HTML 5 y los navegadores que las implementanNo es mala la implementación, pero usarla en producción es triste.

El video es un problema “emocional“. Algunos quieren OGG como formato, otros H.264 y otros algo completamente diferente. Ahora mismo, el tag <video> tiene la misma versatilidad de las epocas del Real Player.

Leer más…

Diseño Web , , , , , , , , , , , ,

Video Publicidad

Jueves, 4 de Marzo de 2010

Estupendo video en 3D publicitario. Otra forma de entender la publicidad en la web.

Diseño Web, General , , ,

Flash 3D - Diseño Web

Viernes, 27 de Noviembre de 2009

Diseñar objetos 3D e interfaces web y mostrarlos en un explorador Web se ha convertido en algo más fácil de hacer, gracias a Flash y bibliotecas de software, tales como Papervision3D. A continuación se presentan algunos ejemplos en 3D para páginas web, galerías de imágenes, carruseles y las interfaces de varias páginas web.

Leer más…

Diseño Web, General , , , , , , , , ,

Diseño Web Twitter Flash

Sábado, 21 de Noviembre de 2009

Twitter está en todas partes de la Web. La gente lo está utilizando para mantenerse en contacto con amigos, estar al corriente de noticias especializadas de la industria, las empresas están utilizando para encontrar nuevos clientes e interactuar con ellos en línea, y ya se ha convertido rápidamente en una forma rápida y cómoda de comunicarse.

Así que era sólo cuestión de tiempo antes de Twitter se abriera a los archivos Flash. Echemos un vistazo a algunas de las formas que Twitter puede usar con Flash. Pero para empezar, vamos a examinar un par de APIs útiles para Flash y poder manipular datos en Twitter.

Flash Twitter APIs

Tweetr
Este es un simple API de Twitter para utilizar en AS3 , que incluye la mayoría de todas las funciones de la API de Twitter y una clase sobre la base de URLShortener http://is.gd/. Tweetr también incluye una clase  PHP, sencilla y fácil de instalar  y que permitirá a la API de Tweetr utilizarse para el contenido de Flash, que se desplegará en la Web.

SWX

SWX se precia de ser la forma más sencilla para crear aplicaciones Flash utilizando Twitter. SWX significa SWF Formato de intercambio de datos y es un nuevo formato de Flash que utilice los archivos SWF simples para almacenar e intercambiar datos. He aquí un ejemplo de lo fácil que es llamar a los datos de Twitter en Flash utilizando SWX:

- Abra el Analizador de Datos SWX: http://swxformat.org/php/analyzer/
- En Flash, cree un nuevo archivo FLA y en que, crear una nueva clip de película y le dan el gestor de nombre de instancia. En el marco que tiene el clip de película de cargador, agregar el siguiente script:
loader.serviceClass = “Twitter”;
loader.method = “getPublicUpdates”;
loader.debug = true;
loader.loadMovie ( “http://swxformat.org/php/swx.php”, “GET”);
Pon a prueba tu FLA y mirar en el Analizador de Datos SWX para ver los últimos 20 cambios cronograma público, que carga en la aplicación Flash. Para mostrar las actualizaciones de Flash, trazar el valor de loader.result. Eso es todo lo que necesitas para empezar a trabajar con SWX y Twitter! No necesita API!

Free Twitter Designer El Diseñador Libre de Twitter

Twitter permite a los usuarios, con poca experiencia en el diseño gráfico o web, diseñar su propio fondo Twitter. La página web contiene una  aplicación inteligente en Flash y los usuarios pueden cambiar las imágenes de fondo y agregar y manipular el texto.

Visible Tweets

Basado en Flash, encuentra Tweets que coinciden con sus criterios de búsqueda, y luego las muestra con colores vibrantes y buenas animaciones. Es la manera más fresca para ver Tweets!

Diseño Web, General , , , , , ,

Diseño Video Web

Lunes, 2 de Noviembre de 2009

Uniqlo es una de las mejores páginas web en flash para presentar un catálogo de moda, con un uso más deslumbrante de vídeo Flash.

Diseño Web Video Catalogo Flash

Con su colección de Tokio 2, UNIQLO han creado un catálogo de vídeo en flash muy útil y competente que es inspirador para cualquier empresa o negocio preguntándose si la combinación de Flash y video son realmente efectivos. Con una mayor capacidad de ancho de banda cada vez más prevalente en todo el mundo, proyectos de vídeo Flash están empezando a convertirse en la mejor forma de publicidad y promoción en la Web. Echemos un vistazo a la eficacia de este sitio web es en realidad.

Leer más…

Diseño Web , , , , , ,

Paginas Web modernas y funcionales

Viernes, 16 de Octubre de 2009

La flexibilidad de Cascading Style Sheets (CSS) permite a los desarrolladores web diseñar sitios web espectaculares que parecen grandes y son fáciles de navegar. En este caso presentamos algunos de  nuestros ejemplos favoritos en diseños de sitios web elegantes y creativos de todo el mundo.

01 - Vyniknitehttp://www.vyniknite.sk

Vyniknite

02 - Creative Spaceshttp://www.creativespaces.net.au

Creative Spaces

03 - Pigeon and Pigeonettehttp://www.pigeonandpigeonette.com

Pigeon and Pigeonette

04 - Andreas Hinkel, Celtic FChttp://www.andreashinkel.com

Andreas Hinkel, Celtic FC

05 - Squared Eyehttp://www.squaredeye.com

Squared Eye

Leer más…

Diseño Web , , , , , , ,

Paginas Web de Coches

Martes, 13 de Octubre de 2009

Flash es el vehículo multimedia perfecto para los fabricantes de automóviles. Se muestra video, galerías de fotos, audio, música, y  360-grados con vistas virtuales del interior y el exterior de los vehículos y llega a los clientes como nunca antes. Sabiendo que los clientes prefieren ver de  más cerca a  los coches y desde la comodidad de su hogar sin tener que lidiar con gente prepotente de ventas en la sala de exposición, los fabricantes de automóviles invierten mucho tiempo y dinero en sus producciones de páginas Web.

Los fabricantes de automóviles pueden confiar siempre en Flash para entregar experiencias ricas y de inmersión en línea para los clientes. Además, con la llegada de las velocidades de descarga más rápida y la asignación de mayor ancho de banda, vídeo de alta calidad permite ahora a las empresas de automóviles mostrar los diferentes modelos de sus vehículos con presentaciones espectaculares en video HD.

Aquí están 10 webs de los coches más vistos y creativos Web que actualmente están en línea, todos principalmente desarrollados y posicionados en Flash.

Toyota Prius

¿Qué la hace especial: Usted probablemente ha visto la televisión popular de anuncios la promoción de la Toyota Prius, un vehículo eléctrico híbrido completo de tamaño medio. Bueno, este sitio Web sigue en los anuncios dejó con colores brillantes y de estética atractiva. Gorgeous gráficos 3D de movimiento incitar al usuario a permanecer paralizado a la pantalla con animaciones brillantes y escenas de corte que actúan como Segways a la difusión de información importante sobre el coche a los clientes. Si el inteligente, el modelo de gráficos conseguir demasiado para ti, también hay imágenes en video para subrayar los puntos de venta más importante del Prius.

Ford Mustang

Descargar el Flashden papel tapiz de la marca Mustang

¿Qué la hace especial: Dicen que la personalización es el rey, y eso es muy cierto en el sitio web de Ford Mustang. En lo que parece consola de juego de calidad de los gráficos recreado en Flash, el usuario puede personalizar su propio viaje con bolsas de características. Humo, calcomanías, llantas, colores, escenarios de la ciudad e incluso la cantidad de desgaste profesional en el asfalto puede ser totalmente controlado a través de un sistema de menú brillantemente utilizable. Y justo cuando crees que se acabó la diversión, su nuevo diseño, el sueño de Mustang se puede descargar como fondo de pantalla y se coloca con orgullo en su escritorio de ordenador.

Audi R8

¿Qué la hace especial: El R8 es un coche de audio impresionante. Pero lo que me encanta absolutamente todo acerca de este sitio Web es el Audi el minimalismo y Flash lo sutil se utiliza. En lugar de abrumar al usuario con una intensa fusión de sonido Flash, imágenes y video, flash se utiliza simplemente para acentuar el sitio Web. Interior / exterior en la fotografía se desvanece y un Ken Burns,con la sexy video y las interfaces de la foto. Si Parker & Kent construido sitios web de coches, esto probablemente sería lo que debería ser.

Porsche Cayman

¿Qué la hace especial: El acordeón de vídeo al inicio de este sitio web llama la atención del usuario.Rolling sobre cada elemento en el menú acordeón desencadena una banda sonora completamente diferente. Lo que realmente sonó a ver en este sitio web es una muy simple pero muy eficaz mezclador de audio para elegir audio de fondo. Los usuarios arrastrar el marcador en torno a una red a fin de crear la mezcla perfecta para su ciudad a medida propia banda sonora de la conducción de la calle.

Leer más…

Diseño Web , , , , , ,

Diseño Web para Fotografos

Viernes, 11 de Septiembre de 2009

Os presentamos 30 Flash impresionantes de sitios basados en la fotografía. No sólo tienen fotos impresionantes, pero su diseño Flash también es asombroso. La mayoría de ellos están diseñados en modo de pantalla completa. Por lo tanto, obtener su café o té listo y disfrutar de estas hermosas fotos de alta resolución.

Bergh

screenshot

Timothy Hogan

screenshot

Ciriljazbec

screenshot

John Wright Photo

screenshot

RW2 Studios

screenshot

Werkstette

screenshot

Leer más…

Diseño Web , , , , ,

¿Qué es la Web 3.0?

Martes, 2 de Junio de 2009

 

Si bien, en general, se asocia el término al de Web Semántica , acuñado por Tim Berners-Lee, cabe acotar, valga la paradoja, que no existe total consenso acerca de lo que significa la Web 3.0. Aunque se coincide en que esta etapa añadirá significado a la web, no hay acuerdo sobre cuales son los caminos más apropiados para su desarrollo.

 

¿CÓMO SE CARACTERIZA Y DIFERENCIA LA WEB 3.0 DE LA WEB 1.0 Y DE LA WEB 2.0?

El desarrollador uruguayo, Andrés Richero, presenta el siguiente esquema:

  • Web 1.0 - Personas conectándose a la Web
  • Web 2.0 - Personas conectándose a personas - redes sociales, wikis, colaboración, posibilidad de compartir.
  • Web 3.0 - Aplicaciones web conectándose a aplicaciones web, a fin de enriquecer la experiencia de las personas, a esto agrega: estado de conciencia del contexto en la Web Geoespacial, autonomía respecto del navegador y construcción de la Web Semántica.

 

José Antonio del Moral, director general de la consultora Alianzo , en su artículo sobreWeb 3.0 ¿futura realidad o ficción? , califica al término Web 3.0 de ‘abstracto’. Por su parte, Salvador Pérez Crespo de Telefónica de España, considera que la Web 3.0 será una revolución si se logra una combinación efectiva entre la inclusión de contenido semántico en las páginas web y el uso de inteligencia artificial que saque partido de ella.

No obstante, dado que los avances de esta disciplina son demasiado lentos y dificultosos, cree que la solución podría estar en la combinación de las técnicas de inteligencia artificial con el acceso a la capacidad humana de realizar tareas extremadamente complejas para un ordenador. Como lo está haciendo: Mechanical Turk de Amazon Google Image Labeler .

En cualquier caso, el aumento de la interactividad y de la movilidad son dos factores que muchos señalan como decisivos en esta nueva etapa de la web.

Diseño Web, General , , ,

Promocionar una Tienda Virtual

Domingo, 24 de Mayo de 2009

En mi opinión los aspectos más importantes para que una tienda virtual tenga éxito son: el Diseño y Usabilidad de la tienda virtual, los Medios de Pago y la seguridad, los Aspectos Legales y condiciones de Compra. LSSI y LOPD y  el Posicionamiento en Buscadores, publicidad y promoción.

Por los buscadores puede llegar el 90% de nuestras visitas a un coste muy bajo comparado con otros canales de atracción de tráfico Web. El 80% de las visitas a una tienda virtual puede desistir de sus intenciones de comprar si no consigue con facilidad el producto que está buscando. Entérese de algunas recomendaciones para que su tienda virtual consiga más visitas susceptibles de convertirse en clientes

Las tiendas que venden en Internet no son las más bonitas ni las que tienen el mejor diseño. Son otros los factores que han hecho que muchas tiendas virtuales sean rentables. La usabilidad sumada al posicionamiento en buscadores es al día de hoy el mejor vendedor a 24 horas que puede tener una tienda virtual.

A continuación repasaremos algunas recomendaciones para hacer más atractivo nuestra tienda virtual a los usuarios y a los buscadores:

Leer más…

Diseño Web, General, emarketing, posicionamiento , , , , , ,

Creativos web flash