You are on page 1of 3

En un evento llamado Internet Librarian 2014, David King, Digital Services Director en Topeka,

present las 15 tendencias del diseo web para el 2014, las cuales agrupo en estas categoras:

Mvil:
1. Diseo Mobile-first. Comenzar a disear para una pantalla pequea, despus, ampliar al
tamao hacia las tablets y computadoras de escritorio, sin duda tiene mucha lgica, ya que
muchas personas ahora visitan los sitios web desde un dispositivo mvil.
Este es un buen tutorial para comenzar: Building a Mobile First Responsive WordPress Theme
2. Responsive Design. Se refiere al diseo web de respuesta o de adaptacin, que nuestra web
tenga la capacidad de adaptarse muy bien a todos los tamaos de pantalla que sea requerido por
el usuario.
Smashing Magazine comparte una serie de guas y tutoriales en este artculo: Responsive Web
Design Guidelines and Tutorials

Cosas de Diseo:
3. Simplicidad. El diseo simplificado y minimalista sin duda alguna se ha puesto de moda,
mantener el enfoque en lo ms importante y que los objetos de diseo no se interpongan al
contenido es lo que define a esta tendencia.
Puedes encontrar ms informacin sobre este tema en este enlace: What Simplicity Really Means
4. Espacio en blanco. El espacio en blanco va unido al concepto de simplicidad, este ayuda a
destacar el contenido, tal y como lo hacen algunas revisas.
Aqu hay una lista de ejemplos bastante buenos: The Importance Of White Space In Web Design
With Examples
5. No flash. Es triste reconocer que an existen sitios web que sin necesidad alguna utilizan flash,
cuando ya existen alternativas modernas como HTML5 y CSS3.
Este es un buen artculo que explica como dejar a un lado esta tecnologa: Moving from Flash to
HTML5 the easy way

Visual:
6. Parallax. Parallax es un diseo que proporciona profundidad y se basa en que el fondo se
mueva a un ritmo ms lento en el primer plano, creando un efecto parecido al 3D mientras te
desplazas en el sitio web.
Aqu puedes ver cmo realizar este efecto: 10 Parallax Scrolling Tutorials
7. Flat Design. El diseo plano es un diseo limpio y se centra en el buen uso del color y los
espacios en blanco, dejando a un lado las sombras, relieves, texturas y degradados.
Puedes revisar esta gua para saber cmo implementarlo: The ultimate guide to flat design
8. Blocking. Pinterest ha sido uno de los principales pioneros de la tendencia de bloques de
contenido desde el 2011. Estos bloques estn colocados como en un tablero y cada bloque llena
un espacio en blanco dentro del sitio web de forma dinmica.
Aqu hay un tutorial al respecto: Using jQuery Masonry for Pinterest-Like Posting
9. Imgenes grandes. Utilizar imgenes grandes en los sitios web es otra de las cosas que se ha
puesto de moda, estas imgenes ofrecen apariencias hermosas y agradables a los visitantes y se
mezclan con diseos minimalistas y limpios.
Puedes ver unos ejemplos y recomendaciones ac: Large Background Images In Web Design: Tips
And Examples
10. Colores. Al igual que todos los elementos de un sitio web, las paletas de colores tambin
siguen las modas que estn en constante evolucin. Las tendencias del color son tan diversas con
el pasar de los aos, colores brillantes, colores fros o calientes, neones, etc. que no se pueden
dejar a un lado a la hora de disear un sitio web.
Aqu hay una buena cantidad de paletas de colores para que puedas elegir: 50 Beautiful Color
Palettes For Your Next Web Project

Tipografa:
11. Web Fonts. El uso de tipografas en la web ya no es tan limitado como antes, los problemas de
compatibilidad van desapareciendo con las nuevas tecnologas.
Este artculo te explica como poder implementar tipografas ms personalizadas: How to use any
font you like with CSS3

Contenido:
12. Video. Hace un tiempo atrs, el uso del video estaba bastante limitado por las velocidades del
internet, sin embargo, un informe reciente de Pew dice que el 78% de los adultos ahora ven o
descargan videos del internet. Esto ha hecho que el uso del video sea algo importante ya que es
ms fcil transmitir una idea a los clientes.
Para tener una idea ms clara de cmo se utiliza, puedes revisar este artculo: Video in Web
Design
13. Social Media. Sin duda alguna la integracin con las redes sociales se ha vuelto indispensable
para cualquier tipo de sitio web. Estas ofrecen una forma fcil de compartir contenido para los
clientes.
Aqu puedes ver cmo puedes integrarlas: How to integrate social media into your website

Navegacin:
14. Botones grandes. Los botones siempre son una parte importante de cualquier sitio web, el
objetivo de estos es atraer al usuario para que realice una accin ya sea inscribirse, comprar,
iniciar sesin, votar, etc. Aumentar el tamao de los botones para que sean fciles de ver no es
ninguna mala idea.
Aqu un buen artculo al respecto: How To Design Call to Action Buttons That Convert
15. Scroll Vertical. La forma en que se navega en un sitio web es extremadamente importante, si
alguien no puede moverse dentro del sitio web entonces el sitio resulta intil. Con la
implementacin de nuevas tecnologas como Parallax, ya antes mencionada, no solo han hecho
que la navegacin sea fcil si no tambin divertida.

You might also like