En el caso de Apple, todas sus p\u00e1ginas son\nacogedoras, modernas, simples y limpias, permiti\u00e9ndole a la marca mostrar sus\nproductos y convertirlos en el centro de atenci\u00f3n. El principal objetivo de\nesta p\u00e1gina es mostrar y vender sus productos. De esta forma sus dise\u00f1os\nsiempre se han basado en el concepto de \u201csimplicidad como elemento de\nsofisticaci\u00f3n\u201d. <\/p>\n\n\n\n
En este sentido su web cumple el mismo\nprincipio donde encontramos un estilo casual con un uso extenso de espacios en\nblanco y sin elementos que distraigan la atenci\u00f3n de la jerarqu\u00eda visual. <\/p>\n\n\n\n
En este sentido su web cumple el mismo principio donde encontramos un estilo casual con un uso extenso de espacios en blanco y sin elementos que distraigan la atenci\u00f3n de la jerarqu\u00eda visual. <\/p>\n\n\n\n Efecto\nde vidrio esmerilado<\/strong><\/p>\n\n\n\n Este recurso, que da la apariencia de la existencia de un vidrio esmerilado en la parte superior de la p\u00e1gina, logra una semi transparencia borrosa de los elementos de la web. Este efecto, utilizado a lo largo del sitio, permite realizar una transici\u00f3n suave y placentera al ojo del visitante. <\/p>\n\n\n\n Degradado multicolor<\/strong><\/p>\n\n\n\n Esta manera de difuminar el color crea una\nsensaci\u00f3n de serenidad que contribuye a contemplar mejor el mensaje. Este\nrecurso es usado para transmitir seguridad a trav\u00e9s de la imagen, al momento en\nque un usuario tenga que realizar pagos en dispositivos m\u00f3viles. <\/p>\n\n\n\n Tipograf\u00eda\nmanuscrita<\/strong><\/p>\n\n\n\n Aunque pareciera ser una contradicci\u00f3n con el sistema minimalista expuesto anteriormente, se ha visto con frecuencia que la tipograf\u00eda es un elemento art\u00edstico y no meramente informativo. A\u00f1adir tipograf\u00eda manuscrita agrega personalidad a la informaci\u00f3n que se quiere comunicar e invita al visitante a compenetrarse m\u00e1s con la imagen que est\u00e1 viendo. <\/p>\n\n\n\n Textos\nanimados<\/strong><\/p>\n\n\n\n Una vez que logras utilizar el texto como un elemento art\u00edstico puedes incorporarlo en toda clase de animaciones y formatos, que el usuario puede considerar llamativos. A continuaci\u00f3n te presento un ejemplo de c\u00f3mo transmitir un mensaje con un texto de forma que genere un impacto. <\/p>\n\n\n\n Modo\noscuro<\/strong><\/p>\n\n\n\n El cuidado del medio ambiente nunca ha sido tan importante como hoy en d\u00eda, por lo que la tendencia de utilizar Apps y p\u00e1ginas en modo oscuro para guardar la energ\u00eda del tel\u00e9fono, se est\u00e1 convirtiendo en una funci\u00f3n casi obligatoria para muchos sitios. <\/p>\n\n\n\n De igual forma y como habr\u00e1s podido darte\ncuenta en la imagen anterior, el modo oscuro invita al uso de im\u00e1genes en un\nestilo m\u00e1s vintage, lo que es un recurso muy usado y atractivo para muchas\nmarcas. <\/p>\n\n\n\n Desplazamiento\nhorizontal<\/strong><\/p>\n\n\n\n Usualmente las p\u00e1ginas est\u00e1n preparadas para\nque el usuario deslice la informaci\u00f3n en forma vertical. Sin embargo el uso del\ndesplazamiento horizontal es una excelente herramienta para destacar detalles\nde un tema o producto en particular. <\/p>\n\n\n\n Este tipo de transiciones son muy \u00fatiles para lograr que el usuario interact\u00fae con tus productos, al encontrar una manera diferente de navegar por tus p\u00e1ginas. Adem\u00e1s al utilizar una forma llamativa de mostrar caracter\u00edsticas de tu contenido, puedes lograr que los usuarios mantengan m\u00e1s tiempo la atenci\u00f3n en aquello que les quieras comunicar. <\/p>\n\n\n\n Animaciones\ncon elementos 3D<\/strong><\/p>\n\n\n\n Como habr\u00e1s podido ver en las animaciones\nanteriores, la tendencia a la hora de mostrar informaci\u00f3n est\u00e1 dejando atr\u00e1s a\nlas im\u00e1genes sin movimiento, las cuales pueden resultar mon\u00f3tonas o aburridas\npara el usuario. Adem\u00e1s, es un hecho que en general los usuarios no tienden a\nconsumir contenido escrito y por el contrario prefieren obtener informaci\u00f3n en\nformatos llamativos como videos, animaciones e infogr\u00e1ficos.<\/p>\n\n\n\n Al navegar dentro de muchos sitios web puedes\nencontrar todo tipo de animaciones y efectos. La raz\u00f3n para que las marcas\ninviertan m\u00e1s recursos en presentar su informaci\u00f3n de manera animada, es para\nque el usuario disfrute de una experiencia agradable y entretenida al navegar\npor un sitio web. Esto obviamente buscando que el usuario prefiera comprar un\nproducto, por encima de otro de un competidor. <\/p>\n\n\n\n A continuaci\u00f3n te muestro algunos ejemplos de animaciones que de seguro puedes encontrar inspiradoras, a la hora de presentar los productos de tu sitio web. <\/p>\n\n\n\n Conclusi\u00f3n<\/strong><\/p>\n\n\n\n Si quieres que tu sitio web sea atractivo para\ntus visitantes es importante que encuentres distintas fuentes de inspiraci\u00f3n en\nfunci\u00f3n de las caracter\u00edsticas de tu negocio. Si bien es probable que no\ndispongas de los recursos de una empresa como Apple para implementar todas las\nanimaciones y efectos de su sitio web, buscar referencias te ayudar\u00e1 a tener un\npar\u00e1metro de lo que hoy funciona y es tendencia en este campo.<\/p>\n\n\n\n Si en tu sitio tienes grandes cantidades de\ntexto explicando los detalles de tus productos, ten presente que en muchos\ncasos una imagen o animaci\u00f3n, puede ser mucho m\u00e1s enriquecedora para tu\nusuario. De cualquier forma te recomiendo que tengas un buen equilibrio entre\ntexto e im\u00e1genes, ya que el posicionamiento de tu sitio en los motores de\nb\u00fasqueda est\u00e1 muy relacionado con las palabras que en \u00e9ste se encuentran. <\/p>\n","protected":false},"excerpt":{"rendered":" El ideal de cualquier marca es que cuando un usuario ingrese a su sitio web quiera quedarse porque le gusta lo que ve. Por eso es muy importante que tus p\u00e1ginas sean lo m\u00e1s atractivas posible tanto en dise\u00f1o como en contenido. Conocer las \u00faltimas tendencias en dise\u00f1o, te ser\u00e1 \u00fatil para que sepas qu\u00e9…<\/p>\n","protected":false},"author":1,"featured_media":4586,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3],"tags":[],"class_list":["post-4570","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-posicionamiento-web-seo"],"aioseo_notices":[],"yoast_head":"\n![\"\"](\"https:\/\/guillermopareja.com\/wp-content\/uploads\/2020\/03\/1-730x1024.png\")
<\/figure>\n\n\n\n![\"\"](\"https:\/\/guillermopareja.com\/wp-content\/uploads\/2020\/03\/2-1024x401.png\")
<\/figure>\n\n\n\n![\"\"](\"https:\/\/guillermopareja.com\/wp-content\/uploads\/2020\/03\/3-1024x590.png\")
<\/figure>\n\n\n\n![\"\"](\"https:\/\/guillermopareja.com\/wp-content\/uploads\/2020\/03\/4-1024x848.png\")
<\/figure>\n\n\n\n![\"\"](\"https:\/\/guillermopareja.com\/wp-content\/uploads\/2020\/03\/gif-Apple-1.gif\")
<\/figure>\n\n\n\n![\"\"](\"https:\/\/guillermopareja.com\/wp-content\/uploads\/2020\/03\/5-731x1024.png\"){kind=spacer}
<\/figure>\n\n\n\n![\"\"](\"https:\/\/guillermopareja.com\/wp-content\/uploads\/2020\/03\/gif-Apple-2-1.gif\")
<\/figure>\n\n\n\n![\"\"](\"https:\/\/guillermopareja.com\/wp-content\/uploads\/2020\/03\/gif-Apple-3.gif\")
<\/figure>\n\n\n\n![\"\"](\"https:\/\/guillermopareja.com\/wp-content\/uploads\/2020\/03\/gif-Apple-4.gif\")
<\/figure>\n\n\n\n![\"\"](\"https:\/\/guillermopareja.com\/wp-content\/uploads\/2020\/03\/gif-Apple-5.gif\")
<\/figure>\n\n\n\n![\"\"](\"https:\/\/guillermopareja.com\/wp-content\/uploads\/2020\/03\/gif-Apple-6.gif\")
<\/figure>\n\n\n\n