Küchenlayout:



Küchenlayouts
Die Küche ist normalerweise einer der am häufigsten genutzten Räume in einem Haus und eine effiziente Küche kann der Schlüssel zu einem glücklichen Leben sein. Aber was macht eine effiziente Küche aus? Sie beginnen mit dem Arbeitsdreieck. Das Küchenarbeitsdreieck ist eines der am meisten erforschten und angewandten ergonomischen Prinzipien und das Herzstück der meisten Küchenlayouts. Die drei Punkte im trinagle sind der Kühlschrank, die Spüle und der Ofen. Die Idee des Küchenarbeitsdreiecks besteht darin, diese drei Arbeitspunkte mit minimalem Verkehr durch die Arbeitszone so weit wie möglich voneinander entfernt zu positionieren.
Wenn Sie diese zu weit voneinander entfernt platzieren, verschwenden Sie beim Zubereiten von Speisen viele Schritte, und wenn sie zu nahe beieinander liegen, schaffen Sie einen beengten Arbeitsbereich in der Küche, dessen Verwendung unbequem ist. Die Regeln für das Arbeitsdreieck sind.
  • Jedes Bein des Dreiecks sollte zwischen 4ft und 9ft sein
  • Die Summe aller drei Beine sollte mindestens 12 Fuß und nicht mehr als 26 Fuß betragen
  • Nichts, wie Schränke, Pressen, Lagereinheiten oder Inseln, sollte ein Bein des Arbeitsdreiecks schneiden
  • Der Haushaltsverkehr, z. B. Wege zwischen Räumen, sollte nicht durch das Arbeitsdreieck verlaufen
Neben dem Arbeitsdreieck in der Küche ist die Aufbewahrung das wichtigste Kriterium bei der Gestaltung einer Küche. Mehr als jeder andere Raum im Haushalt benötigt die Küche viel Stauraum und je nach Art des Designs hat die Art und Weise, wie Sie Stauraum nutzen / schaffen, einen großen Einfluss auf die Raumaufteilung. Arbeitsflächen wie Arbeitsflächen sind ebenfalls ein wichtiger Faktor bei der Gestaltung von Küchen. Sie stehen in direktem Zusammenhang mit dem Stauraum, da in der Regel Unterschränke die von uns genutzte Arbeitsfläche auf der Arbeitsfläche darstellen. Wenn Sie also alle Schränke und Einheiten zusammen an einer Wand aufstellen, ist der Platz auf der Arbeitsplatte gering oder gar nicht.

Wohnzimmer Layout:



Wohnzimmer Layouts
Das Wohnzimmer ist ein weiterer häufig genutzter Raum, und wie er eingerichtet ist, hängt davon ab, für welche Art von Person Sie sich entscheiden oder für wen Sie sich entscheiden. Wird zum Beispiel der Fernseher im Mittelpunkt des Raumes stehen? oder wird es der Kamin sein? Wenn es sich um eine Familie handelt, möchten sie vielleicht alle abends zusammen sitzen und fernsehen, oder wenn es sich um ein Paar handelt, möchten sie sich vielleicht vor dem Kamin gemütlich machen? Dies sind die Arten von Fragen, die gestellt und beantwortet werden müssen, wenn ein Wohnraum angelegt wird. Der Raum muss für die Personen, die ihn verwenden, persönlich sein, sodass ein personenbezogener Ansatz erforderlich ist.

Ich werde diesen Ansatz in zwei einfache Phasen unterteilen. Wählen Sie zunächst einen geeigneten Schwerpunkt aus und unterteilen Sie den Raum in Unterabschnitte, die sich auf eine bestimmte Aktivität beziehen. Das Wichtigste zuerst, der Brennpunkt, was ist ein Brennpunkt? Ein Brennpunkt ist ein Raum oder ein Objekt, an dem sich andere Räume oder Objekte orientieren. Wenn es sich also zum Beispiel um ein Fernsehgerät handelte, sind die Sitzgelegenheiten dem Fernsehgerät zugewandt, sodass die Leute es einfach im Sitzen ansehen können! Weitere vorgeschlagene Schwerpunkte sind.
  • ein Kamin, vorzugsweise verziert oder maßgeschneidert
  • ein Fenster mit interessanten / szenischen Ansichten
  • ein Soundsystem für Musikliebhaber
  • große Türen in andere interessante Räume / Außenräume
  • ein Kunstwerk wie ein Bild oder eine Skulptur
  • ein Kaffeetisch zum Herumsitzen und Plaudern

Zweitens sollten Sie aktivitätsspezifische Unterabschnitte oder „Miniräume“ im Wohnzimmer / Raum erstellen. Egal, ob Sie selbst oder andere entwerfen, versuchen Sie immer, sich die Aktivitäten vorzustellen, die am ehesten in diesem Raum stattfinden, und schaffen Sie einen Raum, in dem Sie sie unterbringen können. Das können Dinge sein wie.
  • eine Gruppe von Stühlen um einen Couchtisch, um einen Diskussionsraum zu schaffen
  • Zwei Sessel zu beiden Seiten eines Kamins, in denen sich ein Paar entspannen und unterhalten kann
  • Ein Sessel neben einer Lampe, in dem man sich entspannen und ein Buch lesen konnte
  • Ein Sofa vor dem Fernseher, auf dem eine Gruppe sitzen und einen Film schauen kann
  • Eine Sammlung von Sitzsäcken auf einem großen Teppich, auf dem Kinder spielen konnten

Esszimmer-Layout:



Grundrisse des Esszimmers
Die traditionelle Idee des formalen Speisesaals ändert sich mit dem modernen Lebensstil. Der Speisesaal ist nicht mehr der selten genutzte Raum für besondere Anlässe und er wird immer beliebter, wenn Gäste mit Freunden und der Familie zu Hause Dinnerpartys veranstalten möchten. Angesichts der Trends im Lebensstil war das offene Wohnen in jüngster Zeit eine der größten Abweichungen von der Norm. In kleineren Häusern und Wohnungen ist es üblich, dass der Essbereich Teil des offenen Wohnbereichs ist, und Küche-Ess- oder Wohn-Essbereiche sind noch üblicher als der traditionelle eigenständige Essbereich.
In jedem offenen Bereich müssen Sie entscheiden, wie Sie den Raum für verschiedene Funktionen nutzen und aufteilen möchten. Richtig gemacht, kann es eine sehr gesellige Art zu leben sein, denn wenn Sie keine Wände haben, können Sie Ihren offenen Raum nach Belieben gestalten. Es wird dann "Ihr" Raum im Gegensatz zu nur "einem" Raum. Beachten Sie bei einem offenen Küchen- oder Wohn-Essbereich die folgenden Faktoren.
  • Belüftung - Verwenden Sie einen geeigneten Dunstabzug, um Gerüche aus dem Küchenbereich zu vermeiden
  • Lärm - Maximieren Sie die Polstermöbel und minimieren Sie harte Oberflächen, um den Geräuschpegel zu verringern. Oft ist es auch ratsam, Bereiche zu unterteilen, um Ruhezonen zu schaffen.
  • Lagerung - mit weniger Wänden gibt es weniger Stauraum. Denken Sie seitlich und nutzen Sie jede verfügbare Gelegenheit zur Aufbewahrung, um die Aufbewahrung zu maximieren und dabei das minimalistische Aussehen beizubehalten. Wenn Sie die Farbe der Möbel und Wände aufeinander abstimmen, wird der Raum geräumiger.
  • Pfade - Positionieren Sie Möbel auf eine Weise, die offensichtliche Pfade von einem Raum zum anderen schafft.
In Bezug auf den physischen Esstisch selbst eignet sich ein runder Tisch am besten für informelle Abendessen, da es keinen Kopf des Tisches gibt. Wenn Sie jedoch normalerweise mehr als 6 Sitzplätze haben, vermeiden Sie große runde Tische, da diese zu viel Platz beanspruchen und es schwierig wird, sich über den Tisch hinweg zu unterhalten. Ebenso funktionieren quadratische Tische nur für vier Personen. Am Ende ist der traditionelle rechteckige Esstisch am besten. Egal für welche Form Sie sich entscheiden, achten Sie darauf, dass genügend Platz vorhanden ist, um die Stühle herausziehen und sich bequem bewegen zu können. Wenn der Platz sehr begrenzt ist, sollten Sie einen Ecktisch oder einen kleinen Tisch in Betracht ziehen, der in ein Erkerfenster oder eine andere Aussparung passt.

Schlafzimmer Layout:


Schlafzimmer Layouts
Von allen Zimmern im Haus gehört Ihr Schlafzimmer Ihnen und Ihr Komfort sollte das Hauptanliegen sein, schließlich verbringen wir ungefähr ein Drittel unseres Lebens im Bett! In diesem Sinne beginnen wir mit dem Bett. Der Kopf des Bettes sollte an einer Wand stehen und von beiden Seiten zugänglich sein. Vergessen Sie nicht, auch Nachttische vorzusehen. Diese sollten Platz zum Lesen von Lampen, Büchern, Zeitschriften und anderem Komfort bieten. Die Position des Bettes hängt auch von der Form des Raumes und der Position der Fenster ab. Stellen Sie das Bett nach Möglichkeit so auf, dass es morgens direkter Sonnenschein bekommt (um aufzuwachen), abends jedoch nicht direkter Sonnenschein ( um dich schlafen zu lassen). Wenn dies nicht möglich ist, lösen natürlich ein Wecker und einige Verdunkelungsjalousien diese beiden Probleme! Es ist jedoch schön, wenn möglich mit dem natürlichen Kreislauf der Dinge zu arbeiten.

Es ist auch erwähnenswert, dass nur, weil Sie in Ihrem Schlafzimmer sind, nicht bedeutet, dass Sie schlafen gehen. Was viele Menschen von ihrem Schlafzimmer erwarten, ist ein Ort, an dem sie gehen, die Tür schließen, sich hinsetzen oder im Bett liegen können und einen Raum genießen können, der ruhig, komfortabel und privat ist. Möglicherweise möchten Sie den Himmel, die Bäume oder die Aussicht aus dem Fenster sehen können.

Als nächstes müssen Sie planen, wo Sie Ihre Kleiderschränke aufbewahren sollen, denn im Schlafzimmer werden wir jeden Tag an- und ausgezogen. Stellen Sie zunächst sicher, dass Schranktüren und Schubladen leicht geöffnet werden können, ohne das Bett oder andere Möbel zu berühren. Wenn der Stauraum begrenzt ist, sollten Sie offene Regale und Betten mit integriertem Stauraum in Betracht ziehen. Spiegel und schlichte, helle Farben tragen auch dazu bei, dass sich kleinere Räume geräumiger anfühlen.

Badezimmer-Layout:


Badezimmer-Layout
Der aktuelle Trend bei den Bädern geht zu größeren, luxuriöseren Bädern, in denen wir uns entspannen, verwöhnen und wie neu belebt fühlen können. Der erste Teil der Schaffung eines unverwechselbaren Badezimmers besteht darin, einen Mittelpunkt für Ihr Bad zu finden, wie Sie es bei einem Wohnzimmer tun würden. Freistehende Badewannen, von antiken Klauenfußwannen bis hin zu neuen Badewannen in skulpturalen Formen, bilden ebenso hervorragende Schwerpunkte wie große, verzierte Spiegel über dem Waschbecken.

Wenn Sie den Raum haben, definieren Sie verschiedene Zonen in Ihrem Layout. Sie können definierte Bereiche zum Baden, Anziehen, Pflegen oder Faulenzen erstellen. Im Folgenden sind einige der Mindestmaße aufgeführt, die Sie beim Brainstorming Ihres Layouts berücksichtigen sollten.

  • Lassen Sie einen Mindestabstand von 30 cm zwischen einer Badewanne oder Dusche und anderen Armaturen wie Toiletten oder Waschbecken
  • Im Badezimmer werden größere, freistehende, eingebaute Teile als Armaturen bezeichnet, während Armaturen, Duschköpfe, Griffe usw. als Armaturen bezeichnet werden
  • Eine Toilette benötigt mindestens 4 Fuß, 6 Zoll von der Wand entfernt, an der sie an der gegenüberliegenden Wand montiert ist, und einen Mindestmaß von 76 cm (30 Zoll) von einer Seite zur anderen.
  • Mindestens 1,8 m Arbeitsfläche sind erforderlich, um 2 Waschbecken unterzubringen. Stellen Sie außerdem sicher, dass in der Mitte jedes Waschbeckens mindestens 71 cm Platz vorhanden sind, damit eine Person bequem stehen und genügend Bewegungsspielraum hat.
  • Um die kalte Kante, die die Keramikfliesen, Armaturen und Armaturen schaffen können, zu beseitigen, richten Sie Ihr Badezimmer zum Entspannen ein, indem Sie die Fenster auskleiden und das Badezimmer mit Kerzen und einzigartigen Schmuckstücken füllen (ohne Unordnung).

Home-Office-Layout:

Home-Office-Layout
Ganz gleich, ob Sie ein Vollzeitbüro benötigen, um Ihr Unternehmen zu führen, oder eine effiziente Ecke, um Rechnungen zu bezahlen, E-Mails zu beantworten und Familienpläne zu erstellen - das Home Office-Design hilft Ihnen, Ihre Kreativität und Produktivität zu steigern. Es kann schwierig sein, einen Arbeitsbereich in Ihrem Zuhause zu finden. Ganz gleich, ob Sie ein Vollzeitbüro, eine Hobbywerkstatt oder eine Stelle zum Bezahlen von Rechnungen benötigen, ein eigener Raum macht das Leben so viel einfacher. Wenn Sie von zu Hause aus arbeiten, sollten Sie ein Loft, eine Garage oder einen Kellerraum umbauen. In kleinerem Maßstab können Sie jedoch ein zusätzliches Schlafzimmer aufgeben oder etwas Platz im Schlafzimmer, im Flur oder auf dem Flur schaffen.

Wenn Sie das Büro in einem bestimmten Raum, z. B. einem Gästezimmer oder einem Dachboden, unterbringen, genießen Sie den Luxus der Privatsphäre und können am Ende des Tages die Tür zu Ihrer Arbeit schließen. Sie müssen sich nicht um Möbel kümmern, die sich in ein bestehendes Schema einfügen, und können aus einer Vielzahl von Stilen und Designs auswählen. Ein guter Tipp ist, den Schreibtisch so aufzustellen, dass kein direktes Sonnenlicht auf den Computerbildschirm fällt, da dies sofort stört.

Unabhängig von der Art Ihrer Arbeit benötigen Sie einen Schreibtisch, einen Stuhl und einen Stauraum sowie einen Computer und einen Drucker. Idealerweise benötigen Sie eine Arbeitsfläche von ca. 180 x 70 cm sowie Platz für einen Stuhl. Platzsparende Lösungen wie Eck- und Verstecktische ermöglichen es Ihnen jedoch, Ihre Arbeit auf engstem Raum zu erledigen. Unabhängig von Ihrem Budget sollten Sie auf keinen Fall auf einen guten Bürostuhl verzichten, da Sie wahrscheinlich viel Zeit an Ihrem Schreibtisch verbringen werden. Denken Sie schließlich daran, das Haus in Ihrem Home Office-Design zu behalten. Erweitern Sie Ihre Persönlichkeit in Ihr einzigartiges Heimbüro, schließlich ist es "Ihr" Büro und es geht darum, einen Raum zu schaffen, in dem Sie bequem arbeiten können.

* Nachdem Sie dies gelesen haben, finden Sie auch unsere Artikel über Innenausstattungsstile oder Innenausstattungszeichnungen nützlich.

4. Containerfreies Format

Problem

Eine Site möchte einen minimalistischen Ansatz bei der Präsentation von Daten.

Lösung

Das containerfreie Format hebt den Minimalismus auf die nächste Ebene, indem alle unnötigen visuellen Elemente entfernt werden und die Konventionen anderer Sites außer Kraft gesetzt werden. Dieses Musterformat basiert nicht auf klaren Unterteilungen, sondern auf visuellen Elementen, Gruppierungen und gesundem Menschenverstand, um Beziehungen aufzuzeigen.

In der Vergangenheit hat sich Webdesign auf lineare und stark strukturierte Layouts gestützt, um Informationen zu präsentieren. Dies funktioniert gut, aber mit den heute verfügbaren Optionen können Designer „über den Tellerrand hinaus“ experimentieren. Dieser Stil spricht Agenturen (Public-Library), Portfolios und Modeseiten (Cienne NY) an, die alle Wert auf ein modernes und avantgardistisches Erscheinungsbild legen. Garde.

Das Entwerfen ohne Container gibt dem Inhalt selbst mehr Kraft. Der visuellen Hierarchie muss jedoch besondere Aufmerksamkeit gewidmet werden. Dieses riskante Muster ist nur so effektiv wie die Leute, die es entwerfen.

Apple ist oft das Gesicht des Minimalismus und ignoriert Container für seine Website. Links sind alle in Textform (keine Schaltflächen) und ein cleveres visuelles Design erklärt, welche Inhalte sich auf was beziehen.

Tipps

  • Typografie ist entscheidend für das Entwerfen ohne Container. Größe, Schriftgröße und Farbe sind anstelle von stumpfen Trennwänden gleichbedeutend. Apple verwendet großen Text für den Titel, kleineren Text für die sekundäre Beschreibung und blauen Text für Verknüpfungen.
  • Machen Sie die meisten Elemente anklickbar, um Verwirrung zu vermeiden. Wenn der Benutzer über ein Element verwirrt ist, klickt er wahrscheinlich zuerst darauf, um die Interaktivität zu testen. Inhaltsintensive Websites haben Schwierigkeiten mit diesem Format, obwohl AOL zeigt, dass dies möglich ist (obwohl dies nicht immer ideal ist).

5. Geteilter Bildschirm

Problem

Eine Site hat zwei Hauptinhalte, die gleichermaßen wichtig sind.

Lösung

Das Split-Screen-Layout ist die logische und trendige Möglichkeit, zwei kontrastierende Elemente gleichermaßen zu berücksichtigen.

Der geteilte Bildschirm bietet die Möglichkeit, zwei zentrale Elemente gleichzeitig anzuzeigen oder - wie das Beispiel von Adidas zeigt - gegeneinander auszuspielen. Dies ist eine gute Wahl, wenn Sie nicht wissen, welches der beiden Elemente im Vordergrund stehen soll: Beides.

Geteilte Bildschirme eignen sich perfekt, wenn die Website zwei drastisch unterschiedliche Variationen bietet, z. B. die Geschlechter in 62 Modellen. Die Benutzer treffen ihre Auswahl von Anfang an, sodass die Website keine Zeit damit verschwendet, beide Optionen unnötig anzuzeigen. Geteilte Bildschirme bieten wie bei Peugeot auch die Möglichkeit, zwei Handlungsaufforderungen zu erfüllen.

Seitdem ist der Stil rein ästhetisch gewachsen. Am gebräuchlichsten ist Text auf der einen Seite und eine Kopfzeile, die die andere füllt, wie bei Lauren Wickware Design. Beide Seiten sind zwei Aspekte desselben Konzepts.

Tipps

    Der geteilte Bildschirm ist>

Treten Sie den weltbesten Designern bei, die UXPin verwenden.

3. Layout im Magazinstil

Problem

Eine Website enthält viele regelmäßig aktualisierte Inhalte in mehreren Kategorien.

Lösung

Zeitschriften hatten dieses Problem lange vor Websites, und das Format, das sie entwickelt haben, ist nach wie vor realisierbar. Die abwechselnde Größe von Spalten, Karten und / oder Überschriften unterbricht die Monotonie des Rasters und zeigt dennoch eine Vielzahl von Inhalten.

Das Layout des Magazins ändert die Darstellung des Inhalts. Die linke Seite des Bildschirms wird möglicherweise von einem Kartengitter dominiert, während auf der rechten Seite eine Liste mit Textlinks angezeigt wird.

Nehmen Sie zum Beispiel BuzzFeed: Die erste Spalte enthält Inhalte mit einer detaillierten Beschreibung neben dem Bild. Die Mitte enthält aktuelle Informationen mit einer kurzen Beschreibung unter dem Bild. Die letzte Spalte enthält die aktuellen, nummerierten Bilder ohne Beschreibung. Achten Sie auf ihre Typografie - Textfarben und -größen variieren, um die Benutzerfreundlichkeit zu verdeutlichen und eine visuelle Hierarchie zu erstellen.

Tipps

  • Wie bei Printmagazinen werden bei diesem Format Bilder hervorgehoben. Wie bei TIME, WebMD und WIRED befindet sich normalerweise ein dominantes Feature-Bild auf dem Bildschirm, um den Fokus zu zeichnen, bevor Benutzer die kleineren, sekundären Bilder scannen.
  • Eine der Eigenschaften dieses Stils ist ein vertikales Menü auf beiden Seiten (oder ein horizontales Menü).

4. Containerfreies Format

Problem

Eine Site möchte einen minimalistischen Ansatz bei der Präsentation von Daten.

Lösung

Das containerfreie Format hebt den Minimalismus auf die nächste Ebene, indem alle unnötigen visuellen Elemente entfernt werden und die Konventionen anderer Sites außer Kraft gesetzt werden. Dieses Musterformat basiert nicht auf klaren Unterteilungen, sondern auf visuellen Elementen, Gruppierungen und gesundem Menschenverstand, um Beziehungen aufzuzeigen.

In der Vergangenheit hat sich Webdesign auf lineare und stark strukturierte Layouts gestützt, um Informationen zu präsentieren. Dies funktioniert gut, aber mit den heute verfügbaren Optionen können Designer „über den Tellerrand hinaus“ experimentieren. Dieser Stil spricht Agenturen (Public-Library), Portfolios und Modeseiten (Cienne NY) an, die alle Wert auf ein modernes und avantgardistisches Erscheinungsbild legen. Garde.

Das Entwerfen ohne Container gibt dem Inhalt selbst mehr Kraft. Der visuellen Hierarchie muss jedoch besondere Aufmerksamkeit geschenkt werden. Dieses riskante Muster ist nur so effektiv wie die Leute, die es entwerfen.

Apple ist oft das Gesicht des Minimalismus und ignoriert Container für seine Website. Links sind alle in Textform (keine Schaltflächen) und ein cleveres visuelles Design erklärt, welche Inhalte sich auf was beziehen.

Tipps

  • Typografie ist entscheidend für das Entwerfen ohne Container. Größe, Schriftgröße und Farbe sind anstelle von stumpfen Trennwänden gleichbedeutend. Apple verwendet großen Text für den Titel, kleineren Text für die sekundäre Beschreibung und blauen Text für Verknüpfungen.
  • Machen Sie die meisten Elemente anklickbar, um Verwirrung zu vermeiden. Wenn der Benutzer über ein Element verwirrt ist, klickt er wahrscheinlich zuerst darauf, um die Interaktivität zu testen. Inhaltsintensive Websites haben Schwierigkeiten mit diesem Format, obwohl AOL zeigt, dass dies möglich ist (obwohl dies nicht immer ideal ist).

5. Geteilter Bildschirm

Problem

Eine Site enthält zwei Hauptinhalte, die gleichermaßen wichtig sind.

Lösung

Das Split-Screen-Layout ist die logische und trendige Möglichkeit, zwei kontrastierende Elemente gleichermaßen zu berücksichtigen.

Der geteilte Bildschirm bietet die Möglichkeit, zwei zentrale Elemente gleichzeitig anzuzeigen oder - wie das Beispiel von Adidas zeigt - gegeneinander auszuspielen. Dies ist eine gute Wahl, wenn Sie nicht wissen, welches der beiden Elemente im Vordergrund stehen soll: Beides.

Geteilte Bildschirme eignen sich perfekt, wenn die Website zwei drastisch unterschiedliche Variationen bietet, z. B. die Geschlechter in 62 Modellen. Die Benutzer treffen ihre Auswahl von Anfang an, sodass die Website keine Zeit damit verschwendet, beide Optionen unnötig anzuzeigen. Geteilte Bildschirme bieten wie bei Peugeot auch die Möglichkeit, zwei Handlungsaufforderungen zu erfüllen.

Seitdem ist der Stil rein ästhetisch gewachsen. Am häufigsten wird Text auf der einen Seite und eine Kopfzeile in der anderen Seite angezeigt, wie dies bei Lauren Wickware Design der Fall ist. Beide Seiten sind zwei Aspekte desselben Konzepts.

Tipps

    Der geteilte Bildschirm ist>

Treten Sie den weltbesten Designern bei, die UXPin verwenden.

6. Einzelseitenlayouts

Problem

Das mehrseitige Navigationssystem ist zu kompliziert oder unnötig.

Lösung

Die moderne Webentwicklung hat den Weg für Single-Page-Sites und Web-Apps geebnet. Sowohl der technologische Fortschritt als auch die Bedeutung des mobilen Browsings (bei dem einseitige Apps nützlicher sind) haben zu diesem Muster geführt, das die Funktionsweise des Webs umstrukturiert.

Mit AJAX werden einseitige Web-Apps asynchron geladen und können mehrere Aktionen auf einer Seite kombinieren. Dieses Muster ist auch für Nicht-App-Websites beliebt, die von ihrer Homepage getrennt werden, um den Anforderungen einzelner Seiten gerecht zu werden.

Mit Google Mail können Sie beispielsweise E-Mails auf derselben Seite lesen, verfassen und chatten und E-Mails sogar in separaten Kategorien organisieren, die eine mehrseitige Site imitieren. Spotifizieren Sie auch Multitasks, indem Sie es dem Benutzer ermöglichen, Musik abzuspielen, während er zusätzliche Musik durchsucht, ohne dass Seiten geladen werden.

Tipps

  • Generieren Sie eindeutige URLs für jeden Ansichtspunkt, z. B. Google Mail oder Twitter. Da Inhalte mithilfe von JavaScript dynamisch geladen werden, müssen URLs besonders beachtet werden. Eindeutige URLs ermöglichen auch die Verwendung der Schaltfläche "Zurück" des Browsers.
  • Verwenden Sie die Sticky-Navigation, um die Orientierungslosigkeit zu verringern, auch wenn nur ein Kopfzeilenmenü vorhanden ist.
  • Wenden Sie die Bildlauftechniken aus Kapitel 4 von Web UI Patterns 2016 (Band 1) an, um Bildlaufprobleme ordnungsgemäß zu behandeln.

7. F-Muster

Problem

Benutzer haben Schwierigkeiten beim Durchsuchen von textintensiven Websites.

Lösung

Bei vielen Inhalten - insbesondere Text - reagieren die Benutzer besser mit dem F-Muster-Layout, das die Art und Weise nachahmt, wie Menschen auf natürliche Weise scannen.

Die Nielsen Norman Group erklärt, wie Eye-Tracking-Studien gezeigt haben, dass Benutzer (in Lesekulturen von links nach rechts) normalerweise schwere Inhaltsblöcke in einem Muster scannen, das wie der Buchstabe F oder E aussieht. Unsere Augen sind darauf trainiert, von oben zu beginnen -Rechte Ecke, horizontal scannen, dann in die nächste Zeile fallen und dasselbe tun, bis wir etwas Interessantes finden.

Wenn der Benutzer beispielsweise einen Blogeintrag scannt, sucht er in der ersten Zeile eines Absatzes nach Schlüsselwörtern oder ermittelt die Bedeutung. Wenn dies nicht der Fall ist, wird er zum nächsten Absatz weitergeleitet.

Wenn viel Inhalt vorhanden ist, ordnet das F-Muster ihn in horizontale Reihen übereinander. Dies schafft Wege, über die die Augen der Benutzer dorthin gelangen, wo sie es normalerweise tun würden, und gibt dem Designer mehr Kontrolle darüber, was gesehen wird.

Yelp verwendet perfekt ausgerichtete vertikale Spalten, um den Benutzern einen Ausgangspunkt zu geben. Wenn sie ein interessantes Thema (oder Bild) finden, scannen ihre Augen horizontal, um weitere Informationen zu erhalten. Wenn das Element in der vertikalen Spalte sie nicht interessiert, gehen sie nach unten, bis sie eines finden, das dies tut.

Tipps

  • Platzieren Sie die wichtigsten Inhalte wie CTAs links und rechts, wo der Benutzer die horizontale Suche beginnt und beendet. Diese vorübergehende Pause gibt ihnen etwas mehr Zeit zum Überlegen.
  • Beginnen Sie neue Absätze mit verlockenden Schlüsselwörtern. Versuchen Sie außerdem, Stichwörter im Text hervorzuheben, da die Nutzer sowieso danach suchen.
  • Die ersten beiden Zeilen sind die wichtigsten. Benutzer können die Website verlassen, wenn sie dort nicht das finden, was sie wollen.
  • Verwenden Sie die rechte Spalte, um relevanten, aber nicht zusammenhängenden Inhalt anzuzeigen oder als Suchwerkzeug. Dieser Bereich wird gesehen, aber als außerhalb des Scanvorgangs angesehen.
  • Weitere Erklärungen und Best Practices finden Sie in unserem Web-UI-Design für das menschliche Auge: Inhaltsmuster und Typografie.

10. Ungefähre horizontale Symmetrie

Problem

Die horizontale Symmetrie ist für eine Site zu strukturiert.

Lösung

Ungefähre Symmetrie behält die meisten Vorteile der Symmetrie bei, jedoch mit etwas mehr Vitalität. Es entsteht, indem einem ansonsten symmetrischen Bild leicht asymmetrische Aspekte hinzugefügt werden. Das Ergebnis ist ein anregenderes Bild, obwohl es ein wenig an Struktur verliert.

Die leichte Sehstörung kann jedoch zu Ihrem Vorteil wirken.

Tipps

  • Platzieren Sie wichtige Text-, Bild- oder Aktionszeilen in Bereichen, die die Symmetrie auflösen, um mehr Aufmerksamkeit zu erregen.
  • Ein bisschen reicht weit, selbst wenn Sie ein symmetrisches Bild leicht verändern, entsteht eine visuelle Spannung. Ebenso können Sie eine Asymmetrie erzeugen, indem Sie einfach eine Seitenleiste in einem ansonsten ausgeglichenen Design platzieren. Fügen Sie Ihre störenden Elemente vorsichtig hinzu, da sonst die Gefahr einer vollständigen visuellen Unordnung besteht.

11. Radiale (Rotations-) Symmetrie

Problem

Eine Site möchte die Aufmerksamkeit auf einen zentralen Punkt lenken und sofortiges Handeln anregen.

Lösung

Radiale Symmetrie schafft Gleichgewicht in einem Kreis um einen Mittelpunkt. Wenn es gut gemacht wird, entsteht eine schöne Ästhetik, die die Aufmerksamkeit auf das Zentrum lenkt, typischerweise auf den Namen, das Logo und die umgebenden Links des Unternehmens.

Radiale Symmetrie ist auch gut, um Bewegung zu zeigen. Kreismuster im Allgemeinen ermutigen Benutzer, ihren Fokus immer wieder auf ein natürliches Ende zu lenken.

Tipps

  • Radiale Symmetrie ist ein guter Weg, um gut auszusehen, da sie nicht so häufig ist wie die anderen Typen.
  • Zentralisieren Sie Ihre wichtigsten Elemente und halten Sie die sekundären in der Nähe der Ränder.
  • Schließen Sie die Schleife nicht ab, wenn Sie viele Links im Mittelpunkt der Aufmerksamkeit platzieren. Beachten Sie beispielsweise, wie Wikipedia den oberen und unteren Rand des Kreises leer lässt. Der Raum schafft eine Atempause für das Auge, um Verbindungen auf beiden Seiten zu erkunden.

Webdesign-Trends 2019

Dieser praktische Leitfaden enthält über 60 Seiten mit Ratschlägen und über 60 Beispiele der neuesten und besten Webdesign-Trends, die Sie in diesem Jahr ausprobieren sollten! Es ist zu gleichen Teilen Lookbook und Bedienungsanleitung.