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 a través de comentarios y votando en nuestra encuesta de diseño.
El sitio de hoy es K? Nstler.co.at.
Si desea enviar su sitio web para que aparezca en una futura crítica de diseño, solo le llevará unos minutos. Cobramos $ 34 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 Kuenstler
? Utilice nuestro sitio web para presentarse y presentar su arte, aumenta su alcance y hable con personas de todo el mundo, porque no importa si usted es músico, escritor o escultor: k? Nstler.co.at es la plataforma adecuada para usted. .?
Aquí hay una captura de pantalla de la página de inicio:
Como siempre, usaremos esto como un punto de partida y analizaremos primero el diseño general y luego hablaremos sobre algunas áreas específicas.
Primeras impresiones
Desde el principio, me gusta el aspecto general del sitio. Es brillante, colorido, contiene mucho espacio en blanco y tiene un diseño lógico y fácil de seguir.
Los gráficos son definitivamente llamativos y el gran control deslizante de JavaScript es una excelente manera de hacer que el sitio se sienta más dinámico y de incluir una gran cantidad de contenido en una sola página de una manera totalmente ordenada.
Podría decir al instante que el sitio utiliza Lobster para la tipografía. Lobster es un tipo de letra hermoso y audaz que es completamente gratuito y lo convierte en un gran candidato si alguna vez vas a incrustar fuentes personalizadas (especialmente un script) en tu sitio.
Repetición
Otra cosa que el sitio hace bien es la repetición. Se ha establecido firmemente un tema visual que se devuelve a varios lugares a lo largo del diseño.
La repetición visual es una de sus herramientas principales en el diseño y usted debe aprender absolutamente a manejarla. Este sitio incluye bastante repetición y, en mi opinión, no lo lleva demasiado lejos sino que lo empuja hacia el borde. Demasiado más podría haber sido exagerado y mucho menos puede no haber sido tan efectivo.
El logo
El primer lugar donde se ve el tipo de letra de la langosta que se usa es el logotipo. Estoy bien con esto, ya que es un script fuerte y legible perfecto para logotipos. Sin embargo, definitivamente no me gusta que Lobster también se usara como la fuente más pequeña en el logotipo.
Mezclar tipografía puede ser complicado y al final es un arte muy subjetivo. Sin embargo, como regla general, definitivamente querrás usar los scripts. Son mucho más difíciles de leer que un tipo de letra serif antiguo o sans-serif y casi nunca se deben usar en diferentes tamaños en proximidades tan cercanas.
En una situación como esta, la fuente más pequeña se configura claramente como un mensaje secundario y, por lo tanto, debe usar una fuente secundaria. Deje que el guión en negrita tome la mayor parte de la atención y use algo sutil para el texto secundario. Aquí hay un ejemplo rápido que tiré juntos.
Texto seleccionable
En mi opinión, incrustar fuentes personalizadas en un sitio no solo se trata de reducir el tamaño de los archivos al reducir las imágenes, también se trata de la facilidad de uso y la creación de texto en vivo y seleccionable.
Este sitio utiliza Cufon para incrustar langosta en la página. Esta solución no solo requiere JavaScript para funcionar (aceptable pero no ideal), sino que también causa estragos en la selección de texto.
La razón principal por la que no estoy de acuerdo con esto es que Lobster es tan fácil de incrustar utilizando un kit @ font-face de FontSquirrel. @ font-face es una solución basada en CSS que tiene una gran cantidad de soporte de navegador y da como resultado un texto hermoso y seleccionable. Incluso el sitio web de Cufon sugiere que usar @ font-face es la "manera más fácil de adoptar estándares".
Botones hermosos
Quiero tomar un segundo y decir que me encanta el diseño de este botón.
Es grande y audaz, rodeado de espacios en blanco, colorido; buen diseño. Este es definitivamente mi elemento favorito en la página.
Contenido con pestañas
Así como el control deslizante de imágenes en la parte superior del sitio es una excelente manera de mostrar una gran cantidad de imágenes despejadas, el contenido con pestañas cerca del medio es una excelente manera de tener mucha información útil en un espacio muy pequeño.
Si observa esta área con JavaScript deshabilitado, simplemente verá todas las distintas secciones que se muestran a la vez, apiladas una sobre otra como lo haría en un sitio típico. Esto brinda una mejor experiencia a los usuarios que lo desean y no excluye a los usuarios que no lo desean.
Conclusión
En su mayor parte, este es un sitio muy bien diseñado. En lugar de revisiones importantes de diseño, solo sugiero hacer algunos ajustes y centrarse en la funcionalidad y la legibilidad, particularmente con el uso de la fuente personalizada.
Solo para que puedas tener una idea general del sitio, aquí hay algunas fotos más de algunas de las otras páginas:
¡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.