Foto del autor Dulce Ramos

17: Tendencias en diseño web 2018

Tendencias en diseño y maquetación

1) Diseño en esqueleto
El diseño en esqueleto,básicamente, esta relacionado con una web que se carga en etapas cuyo flujo de contenido va cargando conforme va avanzando con el scroll (si deseas saber más sobre este concepto puedes visitar este enlace).

Determinados sitios como Facebook o Linkedin ya hacen uso del diseño en esqueleto

Puntos fuertes:

  • Este tipo de diseño, permite involucrar al usuario haciéndole sentir parte de la web debido a la carga progresiva del contenido con efectos animados y dinámicos.
  • Permite al usuario hacerse una idea clara de la estructura que se va a encontrar en la web, lo cual a nivel de usabilidad es fundamental, ya que reduce el tiempo de carga.

2) PWA
PWA (Progressive Web App o aplicaciones web progresivas) se refiere a aplicaciones que cambian su funcionalidad según la capacidad del dispositivo en el que se estén ejecutando. Por ejemplo, si un usuario abre una web desde un celular u otro usuario la abre desde un ordenador, ambos deben poder acceder a un contenido adaptado a sus dispositivos de manera óptima.

PWA es una de las grandes tendencias del 2018

Puntos fuertes:

  • Las PWA combinan lo mejor de las webs y de las APP’S (aplicaciones para móviles), no requieren instalación.
  • Permiten almacenamiento local.
  • El usuario puede ponerse en su Smartphone un icono que le lleve a la web al igual que con las APP’S pero, con la diferencia de no ocuparle espacio en el móvil.
  • Se muestran al usuario de forma rápida en cualquier navegador.

3) Del responsive al diseño exclusivo en móviles
Actualmente hay dos opciones de ofrecer una página Web para los dispositivos móviles. La primera opción es disponer de un diseño de la página Web que sea sensible a este tipo de dispositivos, conocidos como diseños sensibles (o “Responsive Design” en inglés) que detecta el tipo de dispositivo y su tamaño de pantalla para adaptarse completamente y de forma automática.

La segunda opción es disponer de una página Web paralela con un diseño Web exclusivo para dispositivos móviles. Con ello el sistema Web detecta si el usuario accede desde un dispositivo móvil para mostrar esta Web paralela en lugar de la Web principal pensada para ordenadores.

4) Diseño con botones ghost
Este tipo de botones están caracterizados por un borde delgado de color blanco (en la mayoría de los casos) y por no tener color de fondo, van bien con diseños simples o con pocos elementos, también, se combinan muy bien con las imágenes hero.
Para ver ejemplos de botones ghost, puedes visitar este enlace

5) Diseño modular
El diseño a través de módulos es una de las últimas tendencias. Se trata de un tipo de diseño en el que cada elemento se plantea como un módulo independiente, pues está inspirado en la red social Pinterest.

Es decir, su característica principal es que el diseño se plantea a partir de elementos independientes con forma cuadrada. Además, el diseño por módulos es perfecto para una correcta adaptación a todos los dispositivos (escritorio, Tablet y móvil).
Ver ejemplos de diseño modular

Tendencias en tipografía

6) Letras curvas y redonditas
Una de las grandes tendencias son las tipografías de gran tamaño con cuerpo que se utilizarán para superponerlas sobre imágenes, también utilizadas para transmitir frases cortas e impactantes.
Puedes encontrar muchos ejemplos de tipográficas en el siguiente enlace).

Una tipografía que apunta ser la favorita en 2018, es una fuente gratuita de Google Noto(), la cual es correctamente visualizada en más de 800 idiomas y con unos 110.000 caracteres

7) Tipografías Hand made
Las tipografías hechas a mano "hand made" tendrán bastante peso en este próximo año 2018, ya que le dan un toque personalizado a la web, lo cual le hará ganar valor.
Ver 10 tipografías handmade

Como recomendación, la mejor opción para usar estas tipografías es usarlas en el diseño de logotipos y en zonas destacadas del sitio web, como cabeceras o titulares.

Tendencias en color y forma

8) Infografías e ilustraciones a medida
Este tendencia se centra en el diseño de ilustraciones e infografías (pieza visual que permite explicar a través de imágenes procesos complejos) propias.

Si deseas saber cómo realizar una infografía, puedes revisar el siguiente enlace:
https://venngage.com/blog/como-hacer-una-infografia-en-5-pasos/

9) Minimalismo y espacio negativo Con el uso del minimalismo destacan fondos blancos o muy claros, un único color para las tipografías y diseño con pocos elementos. También se instaura fuertemente al branding web y branding de marca (logotipos), donde podremos ver diseños limpios, claros, entendibles rápidamente a nivel visual.

Con el minimalismo y el aprovechamiento del espacio negativo se trata de emplear los elementos de diseño estrictamente necesarios para focalizar en el objetivo que persigue el sitio web.
Ver los mejores sitios webs diseñados en blanco y negro

10) Colores intensos
Uso de colores fuertes, vivos, con degradados y biocromatismos. ejemplos

11) Degradados con varios colores
Otro efecto que ya hemos empezado a ver es la de degradar con varios colores determinados fondos o elementos en un sitio web.
Al igual que las animaciones, no se debe sobrecargar los diseños con degradados, pero usados con inteligencia, aportan un toque muy vistoso y creativo.
Ver los 40 sitios web más coloridos

Las webs que degradados con inteligencia, son diferenciadoras y con los degradados ayudan a potenciar la identidad cromática corporativa



12) Skeumorfismo y flat design
El skeumorfismo se refiere a la utilización de formas geométricas y texturas realistas (texturas de la vida real). Es la colocación del fondo sobre la forma, superposiciones de colores simples para obtener un efecto de profundidad.

En cuanto al Flat design no es más que el diseño gráfico plano, y su aplicación se evidencia en diseños minimalistas que combinan imágenes limpias con fondos blancos o pastel.
Más información sobre Flat desing y Skeumorfismo

Tendencias en Imágenes

13) Hero
En años anteriores la tendencia era incluir slides con varias imágenes en los sitios web, poco a poco se ha ido perdiendo, debido al tiempo que necesitan para ser visualizados y la gran cantidad de recursos que consumen para ser cargados.

Por ese motivo, la tendencia para 2018 son las imágenes con ancho completo para captar la atención del usuario con un solo vistazo, también conocidos como Heros. Están pensados como portadas de un sitio web.
Ver ejemplos

Otras tendencias

14) Cinemagraphs
Una imagen animada que sale combinando fotografía y vídeo. La mayoría de la imagen es estática, pero algún elemento de la misma tiene movimiento. El fin de esta herramienta es sorprender al usuario, que se encontrará ante una imagen supuestamente normal que de repente se empieza a mover.
Puedes visitar el siguiente enlace:https://medium.com/marketing-y-viajes/todo-sobre-los-cinemagraph-qu%C3%A9-son-herramientas-y-ejemplos-1755709ba4ec y ver cómo hacer un Cinemagraphs

15) Parallax
Si accedes a una web, haces scroll y ves que el fondo se mueve a otra velocidad que el contenido puedes estar seguro de que el diseñador de esta página ha utilizado la técnica parallax.

Es un diseño que ya se vió mucho en 2017 y que utiliza distintas capas que te ayudan a crear en tu website un pequeño efecto de profundidad y cada vez que los usuarios se desplacen por la pantalla verán partes del fondo que antes no se veían.

16) Elementos pegados en el inferior del site
Esta tendencia se enfoca en el hecho de pegar los menús en la parte inferior de la pantalla. El motivo es por la Usabilidad, ya que cuando se navega con un dispositivo móvil, el gesto más común a la hora de navegar es el uso del dedo pulgar sobre la parte inferior de la pantalla del dispositivo.
A partir de ahora es recomendable pensar incluso primero en diseño para mobile y luego diseño para sobremesa.

17) Lenguajes y herramientas
JavaScript es uno de los lenguajes más usados en el desarrollo web, con una amplia gama de bibliotecas y marcos que hacen que la vida de un desarrollador front-end sea mucho más fácil. La ejecución de JavaScript en el lado del cliente es la razón por la que algunos sitios pueden seguir siendo interactivos incluso después de abandonar su conexión a Internet.

Java es hoy en día, conocido como el idioma predeterminado para crear aplicaciones de Android, pero también tiene una larga historia como tecnología de servidor. Java Servlets,JSP (Java Server Pages) y Web Objects son ejemplos de soluciones del lado del servidor que usan Java.

Los sitios web de alto tráfico como Alibaba, Linkedin y Chase usan Java.


Python. El código fácil de aprender de Python le ha valido el afecto de muchos dentro de la comunidad científica, donde se puede usar para procesar grandes conjuntos de datos. En el back-end, el framework Django sobresale en prototipos rápidos y desarrollo, por lo que es un favorito entre empresas como Pinterest e Instagram.

Ruby. Ruby es un lenguaje que adopta la flexibilidad del programador: hay más de una manera de hacer lo mismo, y algunas maneras pueden ser más rápidas que otras. Sitios web como Hulu, Basecamp, Shopify y Groupon aún usan Ruby hasta el día de hoy.

C#. La respuesta de Microsoft a Java, C # es un híbrido de lenguaje de programación de C y C ++ utilizado para desarrollar software para su plataforma .NET, un marco para crear y ejecutar aplicaciones y servicios web XML. Si está creando sitios web o aplicaciones para el ecosistema de Microsoft, C # es el camino a seguir. El propio sitio web de Microsoft usa C # y ASP.NET como parte de sus compilaciones de back-end.

Otras tendencias son el uso de Angular, React, jQuery, Ruby.

El idioma y las herramientas que eliges son una cuestión de preferencia. En su lugar, seleccione los idiomas y herramientas que mejor se adapten a las características y funcionalidades que desea dominar.

Tips

  • Debes elegir una o más tendencias que vayan de la mano con lo objetivos que tengas. No puedes pretender diseñar una web para vender productos de tecnología y hacerla con un estilo vintage por muy de moda que esté.
  • El auge de los smartphones ha hecho que los diseñadores busquen crear sitios adaptados a este tipo de dispositivos, por lo que, sería bueno considerar esto al momento de diseñar.
  • Busca darle un toque diferente a tu sitio mediante el empleo de la personalización, sencillez, limpieza, armonía inter-elementos, grandiosidad, visual, colorido, interactividad
  • La tipografía debe de estar equilibrada con el mensaje de la web. Si quieres una web formal, se utiliza tipografía fina y elegante; y si el diseño que quieres es minimalista, no usaríamos más de dos tipos de caligrafía.
Foto del autor Osledy Bazo

[Aporte] Mejorar/Optimizar el internet de Cantv

Fuente: www.taringa.net

Hago este tutorial para poder mejorar/optimizar el internet de CANTV, este método me ha ayudado de mucho y se los comparto a ustedes. Casi siempre el método se explicaba en los comentarios de algún tema, por ello decidí ponerlo en forma de tema, y también de enseñarles de cómo cambiar la IP (preferiblemente, el gateway) de CANTV para poder obtener una buena IP (gateway) y reducir ping. Es necesario que tengan la computadora conectada directamente al módem.

Leer mas: https://www.taringa.net/comunidades/venezolanos/9269369/Aporte-Mejorar-Optimizar-el-internet-de-Cantv.html