23 Schritte zum perfekten Website-Layout, Kreativ Bloq

01. Definieren Sie, was Erfolg bedeutet

Gut Redesigns sind nicht unbedingt die auffälligste diejenigen, aber diejenigen, die Leistung im Laufe der Zeit verbessern. Im Gespräch mit Ihren Kunden, bevor Sie Ihr Design erstellen ist der Schlüssel, dies alles zu definieren und zu lernen, was ihre Anliegen und Ziele jenseits dem schriftlichen SOW (Statement of Work) sind.

02. Setzen Sie Ihre Gedanken auf Papier zuerst

Sehr erste Skizzen einer Illustration Serie über Städte auf der ganzen Welt

Dies scheint sehr offensichtlich, aber ich habe zu oft gefunden, dass die Designer gerade in ihre Arbeit springen, bevor jeden Gedanken an das Problem geben, die sie zu lösen versuchen. Design geht es um die Lösung von Problemen, und diese Probleme können nicht durch Gradienten oder Schatten gelöst werden, sondern durch ein gutes Layout und eine klare Hierarchie.

Denken Sie über den Inhalt, das Layout und die Funktionalität vor dem Start Schatten fallen zu lassen. Achten Sie darauf, diese Gedanken in Einklang mit Ihren Kunden Ziele und fühlen Sie sich frei, sie zu teilen. Kein Kunde hat jemals mit mir über über kommunizierende Ideen beschwert.

03. Starten Sie skizzieren eine Top-Level-Rahmen

eine grundlegende Drahtgitter- Skizzierung wird Ihnen helfen, die Layout-Struktur

04. Fügen Sie ein Gitter

Ein Beispiel für ein 978-Raster mit einem Baseline-10px

05. Ihre Typografie wählen

06. Wählen Sie ein Farbthema

Verwenden Sie eine begrenzte Anzahl von Farben und Tönen gegen visuelle Überlastung zu schützen

Während des gesamten Prozesses eine Reihe von Schriften der Wahl, sollten Sie beginnen, zu erforschen, welche Farben Sie in der Benutzeroberfläche, Hintergründen und Text verwenden. Ich empfehle eine begrenzte Anzahl an Farben und Töne für die allgemeine Benutzeroberfläche.

07. Teilen Sie das Layout

Einfache Layouts sind in der Regel einfacher zu navigieren

In Wirklichkeit sollte es nicht sein, viele Legenden auf einer Seite - alles auf die letzte Fahrt sollte: ‚Was kann ich hier tun?‘ Denken Sie an das einfachste Layout, das Sie für einen einfachen Zweck vorstellen können und beginnen Hinzufügen von Komponenten, die notwendig sind. Am Ende werden Sie überrascht sein, wie schwer ist es einfach zu halten.

08. Rethink die etablierten

Haben wirklich nicht mehr benötigen eine Suchtaste wir? In den meisten Fällen ist die Antwort nein

Einige Konventionen sind dort, weil sie arbeiten, aber manchmal sind sie es, weil niemand genug Zeit, sie zu bewerten ausgegeben. Es ist wichtig, die etablierten interaktiven Muster aller Komponenten zu überdenken, um zu sehen, wie wir sie verbessern können.

09. Denken in Bewegung

Bewegung ist wichtig, wenn interaktive Erlebnisse zu gestalten.

Bewegung ist wichtig, wenn interaktive Erlebnisse zu gestalten. Kein Design kann alleine oder als statischen comp mehr beurteilt werden; Jede Komponente wird durch seine Beziehung mit dem System definiert ist, und das Verhältnis braucht Bewegung richtig transportiert werden. Bewegung kann dynamische Effekte auf die Inhalte oder die interaktive Zustände im Layout darzustellen. Für diesen zweiten Zweck empfehlen, ich Ihre Entwürfe ein bisschen weiter in Prototyping.

10. Prototyp, Prototyp, Prototyp

Prototyping ist der beste Weg, Interaktionen zu testen

Prototyping ist der beste Weg, Interaktionen und Technologie zu testen. Es gibt viele Prototyping-Tools, die es einfach, heutzutage machen, und Sie brauchen keine Codierung Guru zu schaffen effektive Prototypen zu sein. Dies ist ein weiterer Weg Sie Ihren Kunden aufregen kann und an Bord mit Konzepten und Ideen, die sonst viel Erklärung brauchen würde.

11. Fordern Sie sich selbst

12. Achten Sie auf die Details

Unfertige: Detailansicht

Diese Aussage wurde in letzter Zeit überstrapaziert, aber es ist nicht immer sichtbar im Endprodukt. Je nach Konzept hinter dem Projekt, dass ‚Liebe zum Detail‘ verschiedene Dinge bedeuten kann.

Es könnte eine kleine Interaktion, eine unerwartete Animation oder eine ästhetische Note wie ein kleines Gefälle in einer Schaltfläche oder einen feiner Strich um ein Feld im Hintergrund sein. Aber alles in allem diese Berührung ist wichtig - und es wird natürlich kommen, wenn Sie wirklich genießen, was Sie tun.

Aktuelle Seite: Seite 1

In Verbindung stehende Artikel