Blog tecnológico para emprendedores y desarrolladores de aplicaciones móviles

Resultados para la categoría 'html5'

Top 10 tendencias diseño web y aplicaciones móvil 2012

Como cada año, repasamos las nuevas tendencias para el desarrollo de páginas webs y de aplicaciones móviles. El 2012 será un año cargado de innovaciones increibles y diseños espectaculares que te mantendrán pegado a tu gadget tecnológico horas y horas. ¿Queréis tener vuestra web y app móvil a la última, verdad? 

La tecnología se vuelve más envolvente y los usuarios continúan demandando una gratificación instantánea. La capacidad de atención promedia de los visitantes de la web es de 8 a 10 segundos. En ese corto período de tiempo, tenemos que decirles que están en el lugar correcto, y que nuestro es más atractivo e innovador que el de la competencia.

A continuación destacamos las tendencias que se implantarán este año y que harán de tu website o aplicación móvil, un lugar cool y agradable para pasar horas y horas:

Esquemas de colores simples

Simplicidad. No hay nada como impactar como un mensaje claro en un website acogedor.  El Silencio puede ser interpretado de diferentes maneras. Olvídese deblanco y negro o tonos de gris. Piensa en verde, amarillo o incluso rojo como sucolor principal. Sin embargo, limitar la paleta a dos o tres colores. Trabajar dentro de los tonos de cada color para la variedad. Puede ser realmente notablelo que algunos colores pueden hacer por su mensaje. Observe:

 

Nombres de dominio llamativos e intrigantes

Aunque no en el sentido estricto es cuestión de diseño web, esperamos cada vez nombres de dominio más creativos e ingeniosos. Piense que si su nombre de dominio es innovador y sorprendente al igual que sus contenidos, sus clientes querrán volver a verle.

 

Efectos 3D

Está pegando muy fuerte las sensaciones y efectos ópticos de profundidad, a veces hasta el punto donde los sitios web es como una película o un juego. Estamos todos para el uso de capas, sombras, degradados, transparencias y texturas para crear dimensión. Sólo asegúrese de no distraer al lector ni de perder la sutileza.

Ejemplo: Nike historia de las más famosas zapatillas
Nike te lleva a una línea de tiempo interactiva de su relación con Michael Jordan en el estilo de un libro pop-up.

Buibee - top 10 trends design of web and mobile design 2012

 

Parallax Scrolling

Scroll parallax es una técnica que se ha utilizado en los juegos de vídeo durante años, y con respecto al diseño web, consiste en hacer que las imágenes de fondo y primer plano se mueven o cambian a velocidades diferentes para crear una sensación de profundidad. Todo lo que necesitas es imaginación jQuery y CSS3. Para llevarlo aún más lejos, los elementos pueden salir o moverse según el usuario se desplaza o se mueve el ratón. Las posibilidades de hacer una página web creativa e interesantes se multiplican. Esta técnica comienza a ser utilizada también en las aplicaciones móviles y pega otra vez fuerte en el mundo de los videojuegos.

Ejemplo: el escolta Ben
Este sitio web es una página para una aplicación iPhone,  difumina la línea entre un juego y un sitio web.

Buibee innovative Apps and WebSites - paralax Scroll

 

HTML5 y CSS3

No es cuestión de que HTML5, CSS3, Javascript y jQuery ya se estén convirtiendo en norma y cannon de diseño web, ya que Flash aún tiene funcionalidades insuperables, pero es muy aconsejable la utilización de Html5 ya que crea un código más legible y diseños que ayudan a la estructura de mark-up.  Cada día más y más usuarios inventan con las herramientas de Htm5 nuevas formas de llegar y conquistar a sus clientes, la tipografía, las herramientas sociales, la funcionalidad de arrastrar y soltar y nuevas API son tus nuevas armas.  Con CSS3 el diseño destacará por sí solo, esquinas redondeadas, menús desplegables, botones animados, fondos múltiples, aplicaciones web y tecnología de @ font-face. Ya tenemos todo!!!

Ejemplo: Arcade Fire Wildness DownTown
Una experiencia cinematográfica interactiva que convierte el navegador todo en una pantalla de cine. PS. Mueva su ratón sobre las aves.

Buibee - Wilderness

 

Grandes imágenes de background

Con cámaras de alta definición, una mejor optimización de la imagen, los métodos más inteligentes de carga y las conexiones rápidas a Internet, fotos y grandes ilustraciones intrincadas ya no son tabú en la web. Teniendo el fondo de pantalla como lienzo, podrás establecer el estado de ánimo, tus habilidades y deseos. Mientras que sea relevante y no compita en protagonismo con el contenido, una imagen vale más que mil palabras.

Buibee backgroun trends design

 

Leer más …

Escrito por buibee en la categoría Aplicaciones Móviles,General,html5,Maquetas Diseño Web y tiene (6) Commentarios

Avances tecnología móvil 2011, compras físicas mediante códigos QR

Los últimos avances en la aplicación de tecnologías móviles facilitan la vida diaria de los usuarios, aportando mayor comodidad y calidad de vida.

El último ejemplo son las compras físicas a través de los códigos QR, simplemente IMPRESIONANTE!!

Escrito por Buibee en la categoría Android,Aplicaciones Móviles,Apple,Comercio Electrónico,Google,html5 y tiene Sin comentarios

Los mejores websites en html5 del 2011, innovación en usabilidad y animación

Todos los gurús web del momento señalan que HTML5 será el lenguaje de programación que revolucionará la experiencia en Internet. Pero no es sólo una promesa: ya hay varios sitios web que aprovechan sus ventajas y que brindan contenido multimedia e interactivo sin la necesidad de plugins de terceros, como Adobe Flash o Microsoft Silverlight.

A continuación mostramos algunos de los mejores websites del momento realizados en html5.  Son los pioneros de la nueva era de animación y usabilidad web.

1) The Killers

Destaca la posibilidad de navegar en 360º una foto panorámica en  Con Internet Explorer 9, podremos visualizarlo al máximo. El sitio está basado en una imagen panorámica en 360° inspirada en el desierto de Las Vegas donde se pueden navegar los discos de la banda.

2) Top Gear


Top Gear, la página del programa de automovilismo de la BBC destaca en transiciones increíbles, funcionalidades de zoom y reproducción de video muy ágil.

Leer más …

Escrito por Buibee en la categoría html5,Tecnología y tiene Un comentario