Cada semana echamos un vistazo a un nuevo sitio web y analizamos el diseño. Señalaremos las áreas que se realizan bien además de las que podrían ser útiles. Finalmente, terminaremos pidiéndole que proporcione sus propios comentarios.
El sitio de hoy es Photofolio, un tema de Drupal por más de (solo) Temas. ¡Saltemos y veamos lo que pensamos!
Si desea enviar su sitio web para que aparezca en una futura crítica de diseño, solo le llevará unos minutos. Cobramos $ 49 por criticar su diseño, ¡mucho menos de lo que pagaría por un consultor para que visite su sitio! Puedes encontrar mas aqui.
Acerca de Photofolio
Photofolio es un tema Drupal adaptable y adaptable con una tonelada de excelentes características: múltiples esquemas de fuentes, menús de súper peces, presentaciones de diapositivas y mucho más.
Aquí hay una captura de pantalla de la página de inicio:
Primera impresión
Mi reacción inicial aquí es bastante positiva. Photofolio es un tema atractivo que hace mucho bien, tanto visual como funcionalmente. Es cierto que se siente un poco en el lado genérico desde una perspectiva de diseño, pero dado que es una plantilla, puede que no sea algo tan malo. Echemos un vistazo alrededor y veamos lo que podemos descubrir.
Diseño
El diseño es un área donde Photofolio realmente lo saca del parque. El diseño es limpio y simple. Hay un montón de espacios de contenido para que pueda llenar las páginas con todo lo que necesite, pero todo está perfectamente organizado de una manera lógica y directa.
Como mencioné anteriormente, este tema es totalmente sensible y se ve muy bien en casi cualquier tamaño de vista que pueda ofrecerle. Esto es genial porque me permite saber que están diseñando para todos los tamaños de vista posibles, no solo para algunos dispositivos populares.
El sitio tiene un ancho estático en las dos consultas de medios más grandes, luego, una vez que comienzas a bajar hacia un diseño móvil, las cosas se vuelven fluidas. Esto funciona muy bien para el contenido.
Alineación
Una cosa que me distrae un poco es que la alineación se siente un poco desordenada en el encabezado. De un vistazo, es posible que ni siquiera lo note, pero si lo mira de cerca, puede ver que los diversos elementos podrían colocarse un poco mejor en relación con su entorno.
Arriba se puede ver el alámbrico básico de los elementos del encabezado. Es un cambio sutil, pero sugeriría ajustar esto hasta que tenga algo más cercano a lo siguiente:
Aquí acabo de infundir un poco más de coherencia con las alineaciones tanto vertical como horizontal, además de agregar un poco más de espacio para respirar alrededor del marco de contenido.
Esquemas de color
Otra gran cosa acerca de este tema son las opciones de personalización. Por ejemplo, hay una enorme cantidad de siete combinaciones de colores diferentes para elegir.
Todas las combinaciones de colores son bastante nítidas y bien implementadas. Realmente aprecio cómo los diferentes colores cambian la personalidad del sitio. Ya sea que estés buscando un aspecto divertido o formal, este tema puede funcionar para ti.
Tipo
Por defecto, el tipo para Photofolio es un tipo de letra informal y delgado que se siente perfecto para la estética de la luz. La altura de la línea y las palabras por línea también se sienten bien en todo el tema. Esto suena pequeño pero en realidad es muy importante, ¡nunca querrás comprar un tema con un tipo descuidado!
Open Sans es la fuente principal utilizada aquí. Esto es, por supuesto, una fuente web de Google, y Drupal es lo suficientemente impresionante como para darle acceso a otras grandes fuentes web de Google en caso de que quiera intercambiar algo (el tema tiene algunos conjuntos precompilados diferentes para elegir). Combine esto con las opciones de combinación de colores anteriores y verá que realmente puede ajustar este tema para que se adapte a su estilo personal.
Compatibilidad del navegador
Photofolio se considera totalmente compatible con todos los navegadores, y de hecho funcionó bien en todos los navegadores que probé. Sin embargo, parece que hay una interesante peculiaridad de Safari. Cuando me coloco sobre cualquier cosa con una transición, hay un error intermitente extraño.
Grabé un screencast de este efecto. Puedes verlo aqui.
¿Es exitoso el diseño?
Ya hemos establecido que el diseño es atractivo y altamente funcional, pero estos aspectos por sí solos no necesariamente hacen que exitoso diseño. El éxito de un diseño siempre se basa en los objetivos que busca lograr. Ya sea que esté creando un tema de Drupal o una red social, debe establecer un conjunto de objetivos y tenerlos en cuenta.
Apelación del fotógrafo
Entonces, ¿qué objetivos tiene Photofolio? Supongo que un objetivo importante sería atraer a los fotógrafos. Como fotógrafo, definitivamente veo mucho aquí adaptado a mis necesidades. Las presentaciones de fotos y los múltiples diseños de galería para elegir, junto con un blog sólido, significa que puedo ejecutar prácticamente todo mi sitio desde aquí. Puedo mostrar mi trabajo de manera efectiva y publicar sobre eventos individuales.
Más que fotos
Creo que otro objetivo importante para el diseño sería no vincularlo exclusivamente a los fotógrafos. Las características y el diseño son tales que este sitio podría utilizarse fácilmente para una serie de nichos creativos, como el diseño web. Los ejemplos de la galería actualmente están llenos de fotos, pero en su lugar sería bastante fácil llenarlas con capturas de pantalla del sitio web.
Versatilidad
Las plantillas son una bestia interesante. Normalmente, el diseño es todo acerca de las decisiones. Tienes que elegir entre las dos fuentes que te gustan y si quieres ser casual o profesional. Su trabajo es orientar el diseño muy específicamente a un propósito, que depende, por supuesto, del cliente.
Sin embargo, con las plantillas, lo contrario es cierto. La idea aquí es construir una cosa que pueda ser utilizada de muchas maneras diferentes por muchas personas diferentes. En lugar de tomar decisiones difíciles, pasa su tiempo acumulando más opciones. El objetivo aquí es la versatilidad.La gente quiere saber que si compran su producto, se ajustará a sus necesidades, incluso si esas necesidades cambian en el futuro.
En esta área, Photofolio es bastante exitoso. La naturaleza receptiva del sitio significa que, sin importar desde dónde su audiencia tiende a acceder a la web, obtendrán una experiencia estelar. Por supuesto, esto se suma a los diseños múltiples para varias de las páginas, las opciones de color, los esquemas de fuente e incluso algunas opciones de reordenación del diseño manual.
¡Tu turno!
Ahora que ha leído mis comentarios, contribuya y ayude, dando al diseñador algunos consejos adicionales. Háganos saber lo que cree que es genial sobre el diseño y lo que cree que podría ser más fuerte. Como siempre, le pedimos que también sea respetuoso con el diseñador del sitio y que ofrezca consejos constructivos claros y sin insultos severos.