The Joomla! Community Magazine™

Joomla! Para Diseñadores

Escrito por | Tuesday, 01 July 2014 08:00 | Publicado en Agosto 2014
Previamente los diseñadores de sitios web tenían que escoger entre un gestor de plantilla (CMS) con un diseño actualizado o una función específica. Algunos gestores eran conocidos por facilitar las funciones de un carrito de ventas, otros proveían opciones para blogs atractivas y responsivas; y por otro lado teníamos Joomla!, un gestor que le da cabida a los desarrolladores de agregar nueva funcionalidad continuamente a un sitio por medio de su amplio directorio de extensiones.

JoomlaLogo-Slogan

Los desarrolladores de plantillas para Joomla! se han puesto como objetivo cerrar esa brecha entre diseño y programación creando plantillas que incluyen las últimas modas de diseño, todavía manteniendo el alto rendimiento de los componentes que hacen popular a Joomla!.  Hoy en día es muy fácil encontrar sitios que ofrecen o venden plantillas para Joomla! que reflejan todo tipo de diseño.

Diseño Profesional  o de Negocio

joomla-design-profesionalLos comercios se enfocan particularmente en mostrar con orgullo sus productos o servicios con ilustraciones o animaciones para cautivar a los visitantes de su sitio web. Para mantener un alto nivel de profesionalidad, el diseño debe utilizar conceptos estéticos que muestren a la compañía o dueño de manera favorable sin discrepar con la claridad del contenido. Para un negocio es importante tener un sitio web que promueva su marca, comunique un mensaje que inspire confianza y “seduzca” a sus visitantes y clientes potenciales a comprar sus productos/servicios. Un comercio B2B también podría aprovechar de las ventajas de este tipo de diseño. Siempre tomando en cuenta en arquitectar un sitio que sea fácil de navegar sin importar el tamaño del dispositivo y que facilite contenido de alta calidad.

Econtrar plantilla en: http://crosstec.de/templatedemos10/

Diseño Esqueuomórfico

joomla-design-SkeumorphicEl diseño esqueuomórfico trata de representar objetos reales en nuestra pantalla por medio de texturas, sombras y gráficas con características reales. El propósito de hacer referencia a objetos de la vida diaria es ayudar al usuario a navegar fácilmente por un sitio haciéndolo que se identifique con dichos objetos y convirtiendo un concepto computacional abstracto a un concepto de la vida real. Esto puede llevarse a cabo, por ejemplo, al agregar una gráfica de un sobre a la que el usuario puede dar click para enviar un mensaje. Un sitio dirigido a una audiencia mayor en edad con una experiencia en informática limitada puede beneficiarse de este tipo de diseño, ya que se identificarán más con el concepto de un sobre que con el concepto de bytes que son enviados por la red.

Econtrar plantilla en: http://www.templatemonster.com/demo/42617.html

Diseño Plano

joomla-design-flat-joomlashineEl diseño plano se basa en conceptos minimalistas que enfatizan la facilidad de uso. Este tipo de diseño se caracteriza por utilizar un estilo sencillo, espacios abiertos, esquinas definidas, colores brillantes y gráficas planas 2D. Microsoft fue una de las primeras compañías en integrar diseños planos en su interfaz, posiblemente como una reacción a los diseños esqueuomórficos que Apple empezó a utilizar en sus dispositivos iOS. El diseño plano se ha hecho muy popular con los diseños responsivos ya que proporcionan versatilidad adaptándose tanto a ordenadores como a dispositivos móviles.

Econtrar plantilla en: http://www.joomlashine.com/joomla-templates/jsn-metro-joomla-template-details.html

Diseño con Efecto Parallax

joomla-design-ParallaxEl efecto o desplazamiento parallax es una técnica gráfica utilizada extensamente en las máquinas tragamonedas de la década de los 80 y recientemente ha sido adaptada en diseños web con la ayuda de HTML5 y CSS3.  El desplazamiento parallax consiste en la utilización de varios fondos que pueden ser desplazados independientemente vertical u horizontalmente demostrando un efecto 2D que da la impresión de animación y movimiento. Este ostentoso diseño puede ser utilizado para resaltar ciertas porciones de un sitio web, pero debe ser utilizado con cautela para no agobiar y/o distraer al usuario con movimientos excesivos. Hoy en día se pueden encontrar plantillas de Joomla! que le permiten al diseñador ajustar las secciones parallax así como la velocidad del desplazamiento.

Encontrar plantilla en: http://themewinter.com/joomla/?product=dotcom

Conclusión

Como diseñadores, es importante recordar que cuando escogemos un diseño debe ser basado en la audiencia del sitio web y no en nuestras preferencias personales. Ya sea una comunidad o un grupo de edad, los usuarios del sitio deben identificarse con el diseño escogido y navegar el sitio fácilmente.

Visto 2604 veces
Etiquetado como Spanish, Diseñador
Stephany C Jones

Stephany C Jones

My passions are information architecture, usability, online marketing, and search engine optimization.  In 2011, I co-founded WBS Multimedia, an online marketing boutique that helps small to medium size companies promote their brand online. Our goal is to provide "Modern Marketing, for the Modern World."

Me apasiona la arquitectura de la información en la web, la usabilidad, mercadeo en línea y la ubicabilidad.  En el 2011, cofundé WBS Multimedia, una compañía dedicada a ayudar a otros negocios a promover su marca por internet.  Nuestra meta es proveer "Mercadeo Moderno, para un un Mundo Moderno."