Ideas que sorprenden para el diseño web

Con los avances en CSS, HTML y el poder de los navegadores modernos es un buen momento para empujar los límites del diseño web digital.

En este artículo me voy a centrar en algunos elementos de diseño que han ayudado a estos sitios web se destaquen entre la multitud y por eso creo que funcionan para ellos. Algunos ejemplos son experimentales y no funcionan bien en todos los navegadores y ,como tal, no puede ser una en un sitio comercial. 

iMac con pantalla de retinaEn esta página podrás ver cómo Apple utiliza el diseño web para resaltar una de sus productos claves, haciendo alusión a que las iMac son capaces de adaptarse mucho mejor con su nueva pantalla.  Utilizando un poco de CSS y JavaScript se puedo crear este efecto desplazante en su diseño web. 

ReadME.io

En el sitio web ReadME.io se muestra como utilizar el diseño web para sorprender a sus visitantes cuando se registran y más adelante cuando trate de acceder a la aplicación.Efectos CSS

Hay algunas características nuevas e interesantes utilizando efectos CSS - máscaras, senderos de clips, mezclas de fondos - que se pueden utilizar para crear algunos efectos interesantes en su sitio web utilizando la nueva tecnología de los navegadores para habituarse a su diseño web.

Animaciones pre-cargadas

Las animaciones pre-cargadas (CSS3) pueden proporcionar una indicación visual animada de manera informar y preparar a los usuarios para el contenido a mostrar.

Bueno, te dejo algunas ideas para que te inspires. Espero encontrés algo que te inspire y estoy segura ustedes tienen algunos ejemplos que compartir. Les dejo algunos sitios web con más información. 

• Codrops
• Codyhouse
• FWA
• Frames Collections
• Umbaji - Sorprede a tus clientes

Tendencias y predicciones para el diseño de Sitios Web del 2015

Para el 2015 continua la tendencia del diseño plano debido a su estilo limpio y simplificado que permite un rendimiento optimizado en los dispositivos móviles. 

Es posible que la construcción del diseño de materiales, construido por Google, continue creciendo para este año 2015. El objetivo de esto es crear un lenguaje visual para los usuarios que sintetiza los principios clásicos de buen diseño con la innovación y la posibilidad de la tecnología y la ciencia. Conocer las propiedades del diseño de materiales es un paso fundamental para los diseñadores web.

Pantallas completas de diseño

Para el 2015 el uso de videos será aún más usados que en el 2014, dado que la gente prefiere ver que leer y resulta más fácil  crear emociones al contar la historia de una empresa utilizando gráficos en movimiento. 

Aplicaciones móviles y las redes sociales serán predominantes

El papel del sitio web será menos relevante para los usuarios, priorizando las  aplicaciones móviles y en los medios de comunicación social donde pueden compartir más fácilmente la información. 

Los gráficos interactivos reemplazan a las infografías

La infografía estática esta siendo reemplazada por la infografía interactiva que permite a los usuarios interactuar con la información proporcionada físicamente construyendo una experiencia más atractiva incluso para aprender. Ell sitio web The Bright Future of Car Sharing cuenta con un sitio construido con una infografía interactiva muy interesante y atractivo. 

Microinteracciones

Las micro-interacciones pueden mejorar la forma en cómo los usuarios experimentan su sitio web. Estos son pequeños momentos en los que aparecen productos para cumplir una tarea especifica, como la publicación de un estado, cambiar una configuración, la calidad de una canción, entre otros. Estas actividades animan a la participación de los usuarios y se utilizan para hacer un sitio web más interactivo y atractivo. 

Menos código más diseño

La codificación de sitios web tiende a disminuir con la presencia de nuevas y potentes herramientas que están surgiendo para la creación de sitios web sin necesidad de un programador. Alguna de estas herramientas son Visual Macaw, Squarespace

Diseño adaptable proporciona un mejor rendimiento

El Diseño adaptable sin duda seguirá siendo una necesidad en 2015, como lo ha hecho durante los últimos años, aunque se prestará un mayor énfasis en el rendimiento. Es importante asegurarnos que los sitios web contengan únicamente los datos necesarios y que estos sean optimizados. El año pasado Guy Podjarny,realizo cientos de pruebas en sitios sensibles utilizando Mediaqueri.es y encontré que un 86% de los sitios bajan la misma carga para pantallas grandes (computadoras de escritorio) como para pantallas pequeñas (móviles) lo cual no es bueno.

Lo ideal es que los diseños adaptables cuando se muestren en un dispositivo móvil mantengan el mismo estilo, simplifiquen la navegación utilizando un menú desplegable y que sean más rápidos para cargar, como es el caso de Bonobos 

http://www.umbaji.com/blog/24-tendencias-y-predicciones-para-el-diseno-de-sitios-web-del-2015

Feng Shui: técnicas para mejorar el ambiente de oficina

El Feng Shui, donde el hombre y su entorno son uno, es una antigua práctica del lejano oriente. El objetivo de esta tradición es crear un flujo de energía armónica donde se puede beneficiar nuestro espacio de oficinas en muchas maneras. El diseño de las oficinas utilizando los principios del Feng Shui es bastante sentido común y las ideas fundamentales es crear espacios gratificante y organizados. Los resultados van más allá de influir positivamente en los empleados y los clientes, también permite el flujo del Chi o fuerza vital. 

Crédito: http://fengshuiprofesional.com/

Los 5 elementos del Feng Shui: Agua, metal, tierra, fuego y madera. 

El agua representa el flujo libre de las ideas, ayuda a promover la comunicación en la oficina. Una pequeña fuente de agua o incluso una pecera pueden ayudar en la comunicación. El vidrio puede usarse como un buen sustituto. 

Tenga cuidado con los espejos. A pesar que pueden representar el agua también pueden reflejar las energías negativas de los demás, así que probablemente no se buena idea para los espacios de oficina. 

El color que representa al agua son el azul o el negro, que también ayudan a promover la confianza, la sabiduría y el aprendizaje. Este color debe ser colocado en la esquina norte de la oficina, donde se dice que promueven la concentración, el enfoque y la inteligencia. 

El Metal se utilizan para promover el éxito financiero, ingresos o ganancias. Los elementos metálicos deben ponerse en las esquinas occidentales de la habitación. Los objetos metálicos pueden ser de metal o simplemente coloreados para representarlos. Las piedras, metales o mármol darán la impresión de profesionalismo y éxito. 

El elemento tierra ayuda a crear relaciones estables, así como la estabilidad laborar. Se dice que este elemento puede ayudar a mantenerse conectado a la tierra y proporciona estabilidad.Los diseños con tonos marrones claros, amarillos, naranjas y colores arenosos le ayudan especialmente cuando e colocan en el centro de la oficina. Las pinturas de paisajes y el barro pueden representar este elemento

El fuego se representa con colores en el costado sur de la oficina, las lamparas e iluminación también se pueden utilizar para representar este elemento. 

La madera representa la lealtad y promueve la creatividad y la inspiración. Este elemento debe de estar posicionado en la esquina oriente de su oficina. Pueden utilizarse colores marrones o verdes para su representación. 

Las formas de cada elemento del Feng Shui

Cada forma representa cada uno de los elementos utilizados en el feng shui. El agua por las formas sinuosas e irregulares, la tierra por elementos cuadrados, el fuego por los elementos picudos o triangulares, el metal por las formas esféricas u ovaladas y por último la madera con formas altas o rectangulares. 

Es importante contar con la representación de los elementos del feng shui en su habitación, sin embargo, también

pueden centrarse en cualquier espacio de la oficina, como su escritorio, que le ayuden a lograr metas a corto plazo.