Was macht einen Designprofi aus?

Ich habe dies noch einmal beantwortet, da dies Ihr Design kommentieren soll:

Sie teilen uns mit, dass Sie professionelle Vorlagen problemlos nachbauen können. Tatsächlich bezweifle ich es. Über Webdesign muss man wirklich viel lernen. Ernsthaft weit zu gehen, aber Sie sind lernbegierig und deshalb habe ich dieses Mockup gemacht, um einige Dinge zu erklären. Das soll Sie nicht verprügeln, im Ernst, nicht böse gemeint, ich bin nur ehrlich.

Die grundlegende Geschichte ist, dass es an Ausrichtung und Tiefe mangelt … viel Tiefe.

Ich werde auch eines meiner Designs, an dem ich gerade arbeite, mit einer Gitterüberlagerung einfügen, damit Sie sehen können, was ich meine. Es ist noch lange nicht fertig, aber Sie werden verstehen, was ich meine. Bitte verwenden Sie keine Teile des Designs, an dem ich arbeite, da sie urheberrechtlich geschützt sind.

Sehen Sie sich an, wie ich Tiefe mit sanften Farbverläufen, Texturen und Schatten erzeuge. Sehen Sie sich außerdem an, wie es verteilt ist.

Bearbeiten: Nur damit Sie es wissen, habe ich die Breite für das Urheberrecht bearbeitet. Das ist also kein echtes Seitenverhältnis.

Hoffe das hilft dir.

Robin Williams, der Freund aller angehenden Designer, weist auf vier Dinge hin, die entscheidend sind: Kontrast, Wiederholung, Ausrichtung und Nähe (und ja, das Akronym ist CRAP!). Sie sollten sich ihr Buch „ The Non-Designer's Design Book “ besorgen und es studieren. Alles darin gilt für das Web ebenso wie für den Druck. Es ist leicht zu lesen und sehr übersichtlich. Dann holen Sie sich das „ The Non-Designer's Web Book “ und studieren Sie es. Ich würde ihrem Quartett hinzufügen: Botschaft, Harmonie und Relevanz.

• Die Botschaft, die der Kunde vermitteln möchte, ist das erste, was Sie wissen müssen, da sie alles andere informiert. Beim erfolgreichen Fotografieren, Designen, Malen und Schreiben gibt es ein einfaches Trio von Regeln, die niemals gebrochen werden: 1) Habe eine Botschaft; 2) Fügen Sie nur das hinzu, was zur Botschaft beiträgt; 3) Entfernen Sie alles, was von der Nachricht ablenkt. Auf einem Foto einer Athletin würden Sie die Aufnahme von ihr in der Luft verwenden, die mühelos anmutig aussieht, und im Hintergrund die leere Coladose und das halb aufgegessene Sandwich klonen. Als Künstler muss man wissen, was man sagen will. Als Designer müssen Sie wissen, was der Kunde zu sagen versucht. Das ist schließlich das, wofür der Kunde Sie bezahlt.

• Harmonie ist eine weitere sehr umfassende Anforderung, die Sie frühzeitig berücksichtigen müssen. Wenn der Kunde ein Logo und Unternehmensfarben hat, muss Ihre Website diese und Farben verwenden, die damit harmonieren. Sie können für Überschriften und Texte keine Schriftarten verwenden, die ähnlich, aber unterschiedlich sind. Eine gute Regel für angehende Designer ist, eine Sans und eine Serife zu verwenden, die zusammenpassen, und nur diese beiden im Design zu verwenden.

• Relevanz kommt ganz am Anfang eines Designzyklus. Es gilt für Farbe, Typografie und allgemeines Layout. Puderblau und Babyrosa würden Sie weder für die Website einer Hightech-Firma noch für einen Hip-Hop-Künstler verwenden. Diese wunderbar kantige Grunge-Schrift wird nicht für einen Anwalt oder Buchhalter funktionieren, aber Times Roman könnte es tun. (Sie würden Times für eine Website vermeiden, die modern aussehen muss.) Eine Heavy-Metal-Band braucht kräftige Formen und Farben, hohen Kontrast, aber eine medizinische Klinik oder eine Website für Babykleidung würde einen viel sanfteren Look erfordern.

• Kontrast bedeutet dunkel vs. hell, satte Farben vs. Tönungen, dunkel auf hell oder hell auf dunkel. Wenn Ihr Design kräftige Kontraste erfordert, ist es wichtig, sie BOLD zu machen , damit sie klar absichtlich sind. Nur eines macht ein Design schneller kaputt als "fast-aber-nicht-ganz-dasselbe", worauf ich gleich noch eingehen werde.

• Die Wiederholung platziert jedes Mal denselben Elementtyp an derselben Stelle und mit derselben Farbe, Überschrift oder Form. Der Abstand ist konsistent. Visuelles Layout hat einen Rhythmus, genau wie Musik. Wenn Ihre Elemente nicht "im Takt" sind, fühlt sich der Zuschauer unwohl, genauso wie es schwierig ist, einer Band zuzuhören, deren Rhythmus aus dem Ruder läuft.

• Ausrichtung , Mangel an, ist der sicherste Weg, ein Design zu brechen. Es gibt nichts, was lauter „Amateur“ schreit als Dinge, die nicht ganz zueinander passen. Im Druck arbeiten wir mit einer Genauigkeit von weniger als 1/1000 Zoll. Sie können Dinge weit von der Ausrichtung entfernt platzieren, vorausgesetzt, die Verschiebung ist mutig, offensichtlich und absichtlich. Aber niemals, niemals 7px-Padding auf dem ap-Tag und 8px auf dem h1. (Als Randbemerkung: Vermeiden Sie zentrierte Layouts für etwas anderes als eine Hochzeits- oder Beerdigungseinladung. Zentrierte Layouts sind ruhig, heiter und bewegungslos, was fast nie das ist, was Sie wollen. Anfänger verwenden zentrierte Layouts, weil sie nicht wissen, wie man sie ausrichtet Dinge.)

Ausrichtung und Wiederholung sind der Grund, warum Raster ein so nützliches Werkzeug sind. Das Verständnis dieser Punkte wird viele Fragen zur Verwendung von Grids beantworten.

• Nähe bedeutet nur, Dinge, die zusammengehören, nahe beieinander zu halten. Eine Überschrift muss beispielsweise näher am folgenden Absatz stehen als am darüber liegenden.

Holen Sie sich diese beiden Bücher. Sie werden Ihre Entwürfe ändern. In der Zwischenzeit hier eine Übung: Schreiben Sie diese sieben Punkte in eine Liste, besuchen Sie dann 10 Websites, die Sie für wirklich brillant halten, und finden Sie heraus, wo jeder dieser Punkte angewendet wurde. Betrügen Sie nicht. Sie werden alle da sein, also geben Sie nicht auf, bis Sie alle gefunden haben. Werfen Sie nun einen Blick auf Ihre eigenen Designs und finden Sie heraus, wo gegen eines oder mehrere davon verstoßen wurde.

Üben Sie diese sieben Punkte bewusst und bewusst. Nach kurzer Zeit werden sie instinktiv und Ihre Designs erreichen eine ganz neue Ebene. Das ist ein Versprechen.

Wie Sie Ihre Website in meinen Augen professionell aussehen lassen, in keiner bestimmten Reihenfolge, oh ... und kurz gesagt:) Wenn Sie weitere Erklärungen benötigen, was ich meine, sagen Sie mir einfach:

• Richten Sie Ihre Farbpalette nach der Corporate Identity des Kunden aus.
• Hören Sie genau auf seine Bedürfnisse, damit Sie dem Stil entsprechen, den er möchte
• Design für Benutzerfreundlichkeit. Sie können ein atemberaubendes Design erstellen, aber wenn die Konvertierung nicht gut ist, ist sie nutzlos.
• Wählen Sie Ihre Typografie sorgfältig aus (zum Beispiel: Sie werden keine Apple-Produkte mit einer Graffiti-ähnlichen Schriftart sehen)
• Verwenden Sie das 960gs-System, bevor Sie mit dem Entwerfen beginnen. Auf diese Weise können Sie sicher sein, dass Ihre Ausrichtung gut ist
• Erklären und verteidigen Sie Ihr Design. Sagen Sie dem Kunden, warum Sie sich für bestimmte Elemente entscheiden und erklären Sie ihm, warum sie gut sind. Denken Sie daran, dass wir als Designer nicht immer Recht haben.
• Lerne weiter. Folgen Sie Blogs und Online-Magazinen für neue jQuery-Tutorials usw. Lesen ist der Schlüssel.
• Stellen Sie sicher, dass Ihr Code W3C-gültig und nicht zu groß ist.

Einige Dinge, die Sie für ein gut aussehendes Design beachten sollten:

Also werden wir 4 erstaunliche Regeln für Grafikdesign lernen, die Ihnen helfen werden, Ihre Designfähigkeiten zu schärfen. Die 4 Regeln sind also:

1. Ausrichtung & Verteilung
2. Balancieren & Gruppieren
3. Kontrast
4. Muster & Farbverläufe

Ausrichtung & Verteilung: Dies ist die wichtigste Regel für jedes großartige, großartige oder optisch ansprechende Design. Richtig ausgerichtetes Design sieht überall gut aus, egal ob Sie für Printmedien, Werbemedien, Desktop-Publishing oder webbezogenes Design entwerfen. Klingt gut hm! Die Frage ist jedoch, wie man lernt, die richtige Ausrichtung zu verwenden, oder wie man beim Designen in den Sinn der richtigen Ausrichtung kommt. Lassen Sie uns tief in die Ausrichtung und Verteilung einsteigen, aber sehen Sie sich zuerst das Beispielbild unten an:

• Ausrichtung: Ausrichtung bedeutet, ähnliche oder andere Designelemente in der Dimension von oben, unten, mittig, links oder rechts anzuordnen, um das Design optisch ansprechend zu gestalten. Siehe obiges Beispielbild, um es zu verstehen.

• Verteilung: Verteilung bedeutet, den gleichen Abstand zwischen ähnlichen oder unterschiedlichen Elementen eines Designs zu geben oder aufrechtzuerhalten, um das grafische Layout sauber und anständig zu gestalten. Siehe obiges Beispielbild, um es zu verstehen.

Balancieren & Gruppieren: Balancieren & Gruppieren ist die zweitwichtigste Regel jedes visuellen Designs. In dieser Regel müssen wir uns auf Designelemente konzentrieren, wenn wir zum Beispiel Text und einige Bilder in unserem Design haben, müssen wir sie so anordnen, dass sie sich selbst ausbalancieren und auch gut aussehen. Sie können dies auf zwei Arten tun.

• Erste Methode - Verwenden verschiedener Elemente: Bei dieser Regel ordnen wir alle Elemente miteinander an, um sie miteinander auszugleichen. Sie können es leicht anhand des folgenden Beispiels verstehen:

Wie Sie im obigen Beispiel sehen können, haben wir zwei Arten von Elementen Text und Bild und wir haben sie miteinander arrangiert, um das Layout ansprechend und optisch großartig zu machen. Sie gleichen sich gegenseitig aus. Lassen Sie uns nun einen Blick auf die zweite Methode werfen.

• Zweite Methode – Gruppieren einzelner Elemente: Bei dieser Regel erstellen wir verschiedene Gruppen verschiedener Elemente im Design. Schauen Sie sich das Beispiel an, um es zu verstehen.

Wie Sie im obigen Beispiel sehen können, haben wir verschiedene Gruppen von Textelementen und auch verschiedene Gruppen von Textelementen erstellt. Diese Layoutmethode eignet sich auch gut zum Erstellen eines anständigen und großartig aussehenden Layouts. Sie können auch beide Methoden zusammen verwenden, um ein fantastisches Designlayout zu erstellen.

Kontrast: Kontrast ist der wesentliche Teil eines jeden guten Grafikdesigns. In dieser Regel müssen wir jedes Element unseres Designs so gestalten, dass es sich von anderen Elementen abhebt. Diese Regel wird verwendet, um Elementen ihre Bedeutung im Design zuzuweisen.

Muster und Farbverläufe: Sie können Ihr Design noch beeindruckender gestalten, indem Sie Muster in den Hintergrund Ihres Designs oder in andere Elemente Ihres Designs einfügen. Farbverläufe sind sehr nützlich, um Ihr Design lebendiger und fröhlicher zu machen. Denken Sie immer daran, wenn Sie Farbverläufe verwenden, versuchen Sie, zwei Farbverläufe mit leichten Farbunterschieden zu verwenden.

Was Ihr Design professionell macht oder nicht, ist, ob Sie dafür bezahlt werden oder nicht.

Den Begriff „professionell“ als eine Art ästhetischen Kommentar zu verwenden, ist ziemlich nutzlos. Sie müssen mit Ihrem Kunden zusammenarbeiten, um ihn dazu zu bringen, genauer zu sagen, wonach er in Bezug auf seine Geschäftsziele und -vorgaben sucht – insbesondere, wen er ansprechen möchte und welcher visuelle Ansatz am sinnvollsten ist für diese bestimmte Bevölkerungsgruppe.