Ideas para que estos azulejos queden bien.

No estoy muy contento con la forma en que he diseñado estos mosaicos. Y estoy corto de ideas. ¿Alguien puede tener ideas sobre cómo podría hacer que la sección se vea mejor ? En general con la presentación de los azulejos, color, forma y fondo.

Fondo de la imagen:

  1. Esta es una página de inicio de una aplicación que muestra los informes y el tablero (Pdf) de su departamento. Dividido en 2 secciones. seleccionar un mosaico en la parte superior cambia el conjunto de archivos en la parte inferior.
  2. Crear nuevo permite al usuario crear una carpeta o mosaico para sí mismo seleccionando las opciones de filtro adecuadas.

  3. Las carpetas se agregan horizontalmente a medida que se crean.

    ingrese la descripción de la imagen aquí

Respuestas (3)

Para ahorrar espacio a medida que se crean nuevas categorías/carpetas, puede considerar un diseño similar a la interfaz actual de Amazon Drive. Las categorías de archivos (Todos los archivos, Archivos compartidos, Eliminados) se colocan en una barra lateral izquierda. La banda horizontal sobre el directorio de archivos muestra la ruta a los archivos/carpetas. Las herramientas de archivo/carpeta se colocan al pie de la pantalla.
ingrese la descripción de la imagen aquí

Cuando pasas el cursor sobre la barra lateral izquierda, los íconos se expanden para revelar una descripción.
ingrese la descripción de la imagen aquí

Gracias por su respuesta. Aunque me gusta su idea, estoy aquí buscando más señales visuales para mejorar el aspecto del mosaico. El aspecto de las cajas no se ha apreciado mucho y me pregunto qué podría hacer para mejorarlas.

Creo que uno de los principales problemas con los cuadros es que se ven como 'estados cero' y se parecen mucho al botón Agregar que se encuentra junto a ellos. Me parece extraño que uses formas cuadradas para ellos. La función de los grupos me recuerda a las 'etiquetas' (como las que se usan aquí en el intercambio de pila) y creo que podrían funcionar bien en un estilo de etiqueta más. Simplemente haría un botón horizontal con "Nombre de categoría (3) " y un indicador de 'nuevo'.

Gracias por su respuesta. Estoy de acuerdo con su idea (etiqueta) y la tengo en su lugar. Pero me gustaría saber más sobre las cajas. Dijiste que parecen estados cero... ¿Cómo puedo mejorarlos? ¿Qué podría hacer para que sean visualmente más atractivos? Agradecería si pudieras hablar más sobre la parte de las cajas y sugerir algunas ideas. Esperando... Gracias
Los cuadros cuadrados son más grandes que otros elementos en la pantalla, por lo que mi atención se dirige hacia ellos. Esto es apropiado si el foco está en crear y organizar las carpetas (categorías); sin embargo, una vez que las carpetas estén configuradas, espero que sus usuarios se concentren en seleccionar los archivos en los que desean trabajar. En esa situación de trabajo cotidiano, creo que la recomendación de @rebekajoye de botones horizontales sería más adecuada. Para ver cómo se ve esto, simplemente desplace esta página hacia atrás hasta su captura de pantalla hasta que la parte superior de los cuadrados quede enmascarada.

Los mosaicos están ocupando mucho espacio, puede convertirlos en botones o pestañas.

He creado un codepen para que lo compruebes. Azulejos a botones . Esto ahorraría un montón de espacio, además se ve bien :)

Ideas para que estos azulejos queden bien.
RespuestasAquíPolítica de privacidad1y, 0v