Stellen Visuelle Priorität auf Ihrer Website

Wenn Sie eine neue Website für einen Kunden entwerfen, kann dieser Client so nah an den Gegenstand, dass er sich nicht entscheiden können, welche Dinge sind die wichtigsten auf einer Website. Ihre Neigung ist alles groß und so viele Details zu den einzelnen Positionen wie möglich zu machen. Als Designer, müssen Sie ihnen einen absteigenden Reihenfolge ihrer Bedeutung schaffen helfen. Wenn Sie alles gleich groß machen, konkurriert alles für die Aufmerksamkeit des Benutzers, und nichts auffällt.

Vergleichen Sie die beiden folgenden Abbildungen. In der oberen Abbildung ist es unmöglich zu bestimmen, welcher Abschnitt der Hauptpunkt auf der Seite ist. Weil alles gleich groß ist, wird keine visuelle Priorität festgelegt. Niemand bestimmtes Element sieht wichtiger als ein anderes Element, und so das Auge beginnt natürlich in der linken oberen und bahnt sich seinen Weg nach unten, und zwar unabhängig davon, ob der Designer bestimmt, um die Seitenelemente in dieser Reihenfolge zu konsumieren.

Der Schlüssel zur Erreichung einer ausgewogenen, gut priorisiert Layout ist auf eine Sache zu einer Zeit, zu konzentrieren. Entscheiden Sie, welche Elemente sind die wichtigsten und geben ihnen einen größeren Anteil an den Platz auf dem Bildschirm, wie in der zweiten Abbildung unten.

bild0.jpg

die Umsetzung der # 147-groß, mittel, klein # 148- Strategie in Web-Design

Wenn eine Webseite entwerfen, sollten Sie es in drei Abschnitte unterteilt - ein großer Abschnitt für die wichtigsten Sachen, einem mittelgroßen Bereich für die nächsten wichtigsten Sachen, und der Rest der Seite für die weniger wichtigen Sachen. Durch die in Bezug auf die Bereiche der Seite zu denken, die haben # 147-big, # 148- # 147-Medium, # 148- und # 147-small # 148- visuelle Bedeutung, erhalten Sie automatisch die Menge der Details beschränken Sie für die weniger wichtigen Dinge auf der Seite enthalten. Wenn zum Beispiel die Geschichte Bereich Gründer eines der am wenigsten wichtige Elemente auf der Seite ist, können Sie ein Bild wegzulassen und nur eine kurze Überschrift verwenden und blei in Satz, der mit mehr Details zu einer anderen Seite führt.

Verwendung einer # 147-groß, mittel, klein # 148- Strategie verhindert, dass Sie die gleiche visuelle Priorität, um alles auf der Seite geben. Dies ermöglicht Ihnen nicht nur das Auge eines Benutzers auf der Seite in einer vorgeschriebenen Weise zu führen, es hilft auch, die Seite für den Benutzer einfacher machen zu lesen und zu navigieren. Es ist eine Win-win.

Brechen von einer Web-Seite in überschaubaren Bereichen nach oben

Manchmal kann man die Tatsache nicht zu vermeiden, dass Ihre Web-Seite eine Menge Zeug hat sich geht. Für eine Nachrichten-orientierte Website, zum Beispiel die Seite in ein paar verschiedene Bereiche zu brechen, die Sie separat entwerfen hilft, Ihr Layout zu organisieren. Durch die Verwendung der Seite zu brechen Farbfelder und Regelzeilen, erstellen Sie die Illusion von mehr Raum, weil jeder Abschnitt unabhängig arbeitet für das Auge zu verdauen.

Die Red Bull Website vermittelt eine Vielzahl von Informationen effektiv durch drei Hauptabschnitte mit und Regel li
Die Red Bull Website vermittelt eine Vielzahl von Informationen effektiv durch drei Hauptabschnitte und Regelzeilen mit dem Raum in optisch verdauliche Brocken aufzubrechen.

Gestaltung rund um die Faltlinie auf Websites

Wenn Sie ein Print-Designer sind, sind Sie wahrscheinlich vertraut mit dem Begriff die Faltlinie. Der Begriff bezieht sich auf die Stelle, wo eine Broschüre oder eine Zeitung oder eine andere Art von gedruckten Artikel in Hälfte faltet. Alles, was über der Faltlinie ist sofort Visible- alles darunter verborgen ist, bis der Betrachter das Papier entfaltet, oder führt eine ähnliche Aktion. Im Netz ist das sofort sichtbare Teil recht klein, da der Bildschirmgröße. Der Punkt, an dem Sie Ihre Web-Seite wird von der Ansicht abgeschnitten - Menschen erfordern blättern - heißt die die Faltlinie.

Eine andere Möglichkeit, dass die Bahn von der Druck Welt unterscheidet, ist, dass die Faltlinie ist nie ganz dasselbe von einem Computer zum nächsten. Einige Leute haben große Monitoren- einige sehen die Web über mobile und Tablet-Geräte- und einige Leute gezielt ihre Standardschriftgröße Einstellungen größer oder kleiner machen. Dies bedeutet, dass Sie für das Worst-Case-Szenario zu entwerfen haben oder entscheiden, dass Ihre Website wird nur für bestimmte große Monitore bieten. Das Worst-Case-Szenario ist ein Anzeigebereich von etwa 800 x 600 Pixel. Dementsprechend die meisten Benutzer aufnehmen, müssen Sie die wichtigen Sachen innerhalb der ersten 800 x 600 Pixel platzieren. Ansonsten laufen Sie Gefahr der Zuschauer in der Lage zu sehen, wie sie nicht.

image3.jpg

Menü