Ideen, um diese Fliesen gut aussehen zu lassen.

Ich bin nicht wirklich zufrieden mit der Art und Weise, wie ich diese Fliesen entworfen habe. Und mir fehlen die Ideen. Kann jemand eine Idee haben, wie ich den Abschnitt besser aussehen lassen könnte ? Im Allgemeinen mit der Präsentation der Fliesen, Farbe, Form und Hintergrund.

Hintergrund des Bildes:

  1. Dies ist eine Homepage einer Anwendung, die die Berichte und das Dashboard (Pdf) ihrer Abteilung anzeigt. Geteilt in 2 Abschnitte. Wenn Sie oben eine Kachel auswählen, ändert sich der Satz von Dateien im unteren Teil.
  2. Neu erstellen ermöglicht dem Benutzer, einen Ordner/eine Kachel für sich selbst zu erstellen, indem er geeignete Filteroptionen auswählt.

  3. Die Ordner werden bei ihrer Erstellung horizontal hinzugefügt.

    Geben Sie hier die Bildbeschreibung ein

Antworten (3)

Um Platz zu sparen, wenn neue Kategorien/Ordner erstellt werden, sollten Sie ein Layout in Betracht ziehen, das der aktuellen Benutzeroberfläche von Amazon Drive ähnelt. Die Dateikategorien (Alle Dateien, Freigegebene Dateien, Gelöscht) werden in einer linken Seitenleiste platziert. Das horizontale Band über dem Dateiverzeichnis zeigt den Pfad zu den Dateien/Ordnern an. Die Datei-/Ordner-Tools befinden sich am Fuß des Bildschirms.
Geben Sie hier die Bildbeschreibung ein

Wenn Sie den Mauszeiger über die linke Seitenleiste bewegen, werden die Symbole erweitert, um eine Beschreibung anzuzeigen.
Geben Sie hier die Bildbeschreibung ein

Danke für Ihre Antwort. Obwohl mir Ihre Idee gefällt, suche ich hier nach weiteren visuellen Hinweisen, um das Aussehen der Kacheln zu verbessern. Das Aussehen der Boxen wurde nicht wirklich geschätzt und ich frage mich, was ich tun könnte, um sie zu verbessern

Ich denke, eines der Hauptprobleme bei den Kästchen ist, dass sie wie „Nullzustände“ aussehen und der Schaltfläche „Hinzufügen“ direkt daneben sehr ähnlich sehen. Ich finde es seltsam, dass Sie dafür quadratische Formen verwenden. Die Gruppenfunktion erinnert mich an „Tags“ (wie die hier beim Stapelaustausch verwendeten) und ich denke, sie könnten eher in einem Tag-Stil funktionieren. Ich würde einfach eine horizontale Schaltfläche mit „Kategoriename (3)“ machen. " und ein Indikator für 'neu'.

Danke für Ihre Antwort. Ich stimme Ihrer Idee (Tag) zu und habe diese eingerichtet. Aber ich würde gerne mehr über die Boxen wissen. Sie sagten, sie sehen aus wie Nullzustände. Wie kann ich sie verbessern? Was könnte ich tun, um sie optisch ansprechender zu machen? Ich würde mich freuen, wenn Sie mehr über den Boxenteil sprechen und einige Ideen vorschlagen könnten. Wir freuen uns ... Danke
Die quadratischen Kästchen sind größer als andere Elemente auf dem Bildschirm, daher wird meine Aufmerksamkeit auf sie gelenkt. Dies ist sinnvoll, wenn der Schwerpunkt auf der Erstellung und Organisation der Ordner (Kategorien) liegt; Sobald die Ordner jedoch eingerichtet sind, würde ich erwarten, dass sich Ihre Benutzer darauf konzentrieren, die Datei(en) auszuwählen, an denen sie arbeiten möchten. In dieser alltäglichen Arbeitssituation halte ich die Empfehlung von @rebekajoye für horizontale Buttons für angemessener. Um zu sehen, wie das aussieht, scrollen Sie einfach auf dieser Seite zurück zu Ihrem Screenshot, bis der obere Teil der Quadrate ausgeblendet ist.

Die Kacheln nehmen viel zu viel Platz ein, Sie könnten sie entweder zu Schaltflächen oder Registerkarten machen.

Ich habe einen Codepen für Sie erstellt, um es auszuprobieren. Kacheln zu Schaltflächen . Das würde viel Platz sparen und sieht auch noch gut aus :)

Ideen, um diese Fliesen gut aussehen zu lassen.
AntwortenHierDatenschutz-Bestimmungen1y, 0v