Cada semana echamos un vistazo a un nuevo sitio web y analizamos el diseño. Señalaremos tanto las áreas que se realizan bien como las que podrían ser útiles. Finalmente, terminaremos pidiéndole que proporcione sus propios comentarios.
El sitio de hoy es Screenfluent, una galería de inspiración de diseño web.
Si desea enviar su sitio web para que aparezca en una futura crítica de diseño, solo le llevará unos minutos. Cobramos $ 24 por criticar su diseño, ¡mucho menos de lo que pagaría por un consultor para que visite su sitio! Puedes encontrar mas aqui.
Screenfluent
? Screenfluent está dedicado no solo a los diseñadores web como fuente de inspiración, sino también a los usuarios habituales que no se dedican a crear y diseñar páginas web. Además del diseño de buena calidad, aquí encontrará una parte fresca de sitios web interesantes para explorar a diario.
Aquí está la página de inicio del sitio:
El bueno
Screenfluent es definitivamente un sitio atractivo con un bonito tema oscuro que realmente establece el escenario para los sitios que se muestran.
Gráfico de encabezado
El llamativo gráfico del encabezado es llamativo y llamativo, y la división entre el gráfico y el fondo principal se maneja bien. Parece un poco aleatorio como el único elemento en la página con este aspecto. Me gustaría ver algo similar de alguna manera integrado en otra parte de la página. Esto podría ser tan simple como tomar uno de los colores más brillantes del gráfico y aplicarlo a los enlaces o encabezados.
Barra lateral
Me gusta mucho el aspecto de casi todo en la barra lateral. Los encabezados de pensamiento agradable, los íconos sociales de las esquinas redondeadas, las áreas de recuadro y los menús desplegables son estilísticos para el tema del sitio.
Divisiones de sección
Una última cosa que realmente me gusta de este diseño son las líneas sutiles que dividen el contenido de la página. Son bastante simples: un píxel oscuro y un píxel claro se estiraron formando una línea y se desvanecieron en los bordes. El efecto es una apariencia tallada que agrega un toque de realismo al diseño.
Áreas para mejorar
En general, el sitio es bastante utilizable sin fallas graves. Cuando haces clic en una imagen, ves una vista previa grande y cada miniatura tiene una transición animada agradable para el efecto de desplazamiento.
Un ligero cambio que podría recomendar es un enlace para omitir la imagen grande en lugar de visitar el sitio directamente. La vista previa es agradable para aquellos que la quieren, pero a veces me parece que realmente me gusta ir directamente al sitio. Esto es más una cuestión de preferencia que los principios sólidos de usabilidad.
A continuación veremos un par de áreas del diseño que podrían necesitar algunos ajustes.
La secuencia de comandos
La selección de fuente particular para el lema anterior parece un poco fuera de lugar para el sitio. Es un poco demasiado delgado y difícil de leer y no fluye bien con la fuente Vag Rounded-esque en el título. Por lo general, trato de evitar pegar dos fuentes de pantalla únicas en un logotipo para evitar choques. Intente tomar una fuente más tradicional para el lema.
¿Buscar más diseños? Enlazar
El enlace en la parte inferior de la cuadrícula tiene un borde que se extiende a lo ancho de toda la columna, pero solo se puede hacer clic en el área pequeña de texto en el centro. Esta área parece un poco simple e inacabada y podría convertirse fácilmente en un botón grande que se adapte un poco mejor a la estética de la barra lateral.
Barras de desplazamiento genéricas
En un diseño completamente personalizado como este, en el que cada elemento ha sido diseñado meticulosamente, siempre me estremezco cuando veo algo que rompe el hechizo utilizando un elemento de interfaz de usuario del navegador predeterminado. No es que las barras de desplazamiento predeterminadas sean necesariamente feas o poco atractivas, simplemente no encajan con el diseño.
Es algo así como echar un vistazo al hombre detrás de la cortina justo cuando empiezas a creer toda la magia o encontrar un adorno que se quedó en una casa recién pintada. El entorno especial que se ha creado se ve empañado por la realización de lo que está debajo.
¡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 claros y constructivos sin ningún insulto.
¿Interesado en tener tu propio sitio criticado? Puedes encontrar mas aqui.