Was macht einen Designprofi aus?

10

Kann jemand definieren, warum etwas nicht "professionell" aussieht?

Was unterscheidet zwischen professionellen und unprofessionellen Designs?

Ich habe Kunden, die gesagt haben, dass mein Design nicht sehr professionell aussieht. Ich habe alle Dinge befolgt, um es professionell zu machen - vielleicht weiß ich nicht genug über Design? Ich habe viele "professionelle" Designvorlagen gesehen, die einfach und ähnlich wie meine aussehen. Die meiste Zeit, wenn ich keinen Weg mehr habe, folge ich diesen Vorlagenentwürfen - aber wenn ich fertig bin, bekomme ich das Feedback, dass "Das sieht nicht professionell aus" . Das hilft mir aber nicht. Hat jemand hier echte Hilfe / Erfahrung / Vorschläge, würde mir helfen, was Aussehen, Schriftart, Stil ... alles betrifft . Bitte gib mir einen Weg!

Kurzum:
Was macht einen Designprofi aus?

Jack
quelle
Ich konnte nicht anders, als mich an diesen Comic zu erinnern. Theoatmeal.com/comics/design_hell Nicht, dass es hilft.
Joonas
Dieser ist lustig, ich habe bereits Zeit dafür gegeben, aber ich kann sie nicht an meinen Kunden oder an meinen Chef weitergeben, wünschte ich könnte: D
Jack
5
Bitten Sie sie, Ihnen ein Beispiel für eine professionelle Website zu zeigen und daraus zu lernen.
Kromster
4
Ich weiß, dass Ihre Stichprobe grob war, aber ein weiterer sehr wichtiger Punkt in Bezug auf Professionalität ist das Kopieren. "Etwas über uns"; "About Founder" sind schlecht geschrieben und haben nicht einmal eine angemessene Kapitalisierung. Selbst in Entwurfsform wird die Person, die die Kopie bewertet, auf diese Dinge reagieren (AUCH WENN Sie 2.000 Mal sagen, dass dies grob und nur für die Position ist), und an diesem Punkt in Ihrem Entwurf sollten Ihre Überschriften gut etabliert sein.
Horatio
netter Punkt horito ich werde mich darum kümmern ..
Jack

Antworten:

19

Ich habe dies eine weitere Antwort gegeben, da dies dazu dient, Ihr Design zu kommentieren:

Sie sagen uns, dass Sie professionelle Vorlagen einfach neu erstellen können. Tatsächlich bezweifle ich es. Man muss wirklich viel über Webdesign lernen. Ernsthaft weit weg, aber Sie sind sehr lernbegierig und deshalb habe ich dieses Modell gemacht, um einige Dinge zu erklären. Dies ist nicht um dich zu verprügeln, ernsthaft keine Beleidigung gemeint, ich bin nur ehrlich.

Geben Sie hier die Bildbeschreibung ein

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

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

Geben Sie hier die Bildbeschreibung ein

Schauen Sie sich an, wie ich mit glatten Verläufen, Texturen und Schatten Tiefe schaffe. Schauen Sie sich außerdem an, wie der Abstand ist.

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

Hoffe das hilft dir.

Luuk
quelle
Das ist wirklich gut zu wissen, vielen Dank, ich werde diese Dinge verbessern, obwohl ich dieses Bild aus bestimmten Gründen gelöscht habe, vielen Dank
Jack
@ Jack du bist willkommen, tut nie weh zu helfen :) Was das Lernen betrifft. Es gibt eine Menge Tutorials und Blogs dazu. Google es einfach. Smashing Magazine ist ein guter Anfang
Luuk
11

Robin Williams, der Freund aller beginnenden Designer, weist auf vier wichtige Dinge hin: Kontrast, Wiederholung, Ausrichtung und Nähe (und ja, das Akronym ist CRAP!). Sie sollten ihr Buch " The Non-Designer's Design Book " bekommen und es studieren. Alles darin gilt für das Web genauso wie für das Drucken. Es ist leicht zu lesen und sehr klar. Dann holen Sie sich " The Non-Designer's Web Book " und studieren Sie das. Ich würde ihrem Quartett hinzufügen: Botschaft, Harmonie und Relevanz.

  • Die Nachricht, die der Kunde vermitteln möchte, ist das erste, was Sie wissen müssen, da sie alles andere informiert. Bei erfolgreicher Fotografie, Design, Malerei und Schrift gibt es ein einfaches Trio von Regeln, die niemals gebrochen werden: 1) Haben Sie eine Nachricht; 2) Geben Sie nur an, was zur Nachricht beiträgt. 3) Entfernen Sie alles, was von der Nachricht ablenkt. Auf einem Foto einer Sportlerin würden Sie die Aufnahme von ihr in der Luft verwenden, die mühelos anmutig aussieht, und die leere Coladose und das halb gegessene Sandwich im Hintergrund herausklonen. Als Künstler muss man wissen, was man sagen will. Als Designer muss man wissen, was der Kunde zu sagen versucht. Dafür bezahlt Sie der Kunde schließlich.

  • Harmonie ist eine weitere sehr breite 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 mit ihnen harmonieren. Sie können keine Schriftarten verwenden, die für Überschriften und Kopien ähnlich, aber unterschiedlich sind. Eine gute Regel für Anfänger ist es, eine Sans und eine Serife zusammen zu verwenden und nur diese beiden im Design zu verwenden.

  • Die Relevanz steht am Anfang eines Entwurfszyklus. Es gilt für Farbe, Typografie und allgemeines Layout. Sie würden weder Puderblau und Babyrosa für ein Design für eine High-Tech-Unternehmenswebsite noch für einen Hip-Hop-Künstler verwenden. Diese wunderbar nervöse Grunge-Schrift wird nicht für einen Anwalt oder Buchhalter funktionieren, aber Times Roman könnte. (Sie würden Times für eine Site vermeiden, die modern aussehen muss.) Ein Heavy-Metal-Band benötigt kräftige Formen und Farben, einen hohen Kontrast, aber eine medizinische Klinik oder eine Website für Babykleidung würde ein viel weicheres Aussehen erfordern.

  • Kontrast bedeutet dunkel gegen hell, satte Farben gegen Farbtöne, dunkel gegen hell oder hell gegen dunkel. Wenn Ihr Design mutige Kontraste erfordert, ist es wichtig , sie fett zu machen, damit sie eindeutig absichtlich sind. Nur eines bricht ein Design schneller als "fast, aber nicht ganz dasselbe", worauf ich gleich noch eingehen werde.

  • Durch Wiederholung wird jedes Mal derselbe Elementtyp an derselben Stelle und mit denselben Farben, Überschriften oder Formen platziert. Der Abstand ist konsistent. Das visuelle Layout hat einen Rhythmus, genau wie die Musik. Wenn Ihre Elemente nicht "auf den Takt" fallen, fühlt sich der Zuschauer unwohl, genauso wie eine Band, deren Rhythmus nicht stimmt, schwer zu hören ist.

  • Ausrichtung , Mangel an, ist der sicherste Weg, um ein Design zu brechen. Es gibt nichts, was "Amateur" lauter schreit als Dinge, die nicht ganz in einer Reihe stehen. Im Druck arbeiten wir mit einer Genauigkeit von weniger als 1/1000 Zoll. Sie können Dinge weit außerhalb der Ausrichtung platzieren, vorausgesetzt, die Verschiebung ist fett, offensichtlich und absichtlich. Aber niemals, niemals 7px Polsterung auf ap Tag und 8px auf dem h1. (Als Randnotiz: Vermeiden Sie zentrierte Layouts für andere Zwecke als Hochzeits- oder Begräbniseinladungen. Zentrierte Layouts sind ruhig, gelassen und bewegungslos, was fast nie gewünscht wird. Anfänger verwenden zentrierte Layouts, weil sie nicht wissen, wie sie ausgerichtet werden sollen Dinge.)

Ausrichtung und Wiederholung sind der Grund, warum Gitter ein so nützliches Werkzeug sind. Das Verständnis dieser Punkte beantwortet viele Fragen zur Verwendung von Gittern.

  • Nähe bedeutet nur, Dinge, die zusammengehören, nahe beieinander zu halten. Eine Überschrift muss näher an dem folgenden Absatz liegen als beispielsweise an dem obigen.

Hol die beiden Bücher. Sie werden Ihre Designs ändern. In der Zwischenzeit ist 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üge nicht. Sie werden alle da sein, also hören Sie nicht auf, bis Sie alle gefunden haben. Schauen Sie sich nun Ihre eigenen Designs an und finden Sie heraus, wo eines oder mehrere davon verletzt wurden.

Übe diese sieben Punkte bewusst und bewusst. In Kürze werden sie instinktiv und Ihre Entwürfe erreichen ein ganz neues Niveau. Das ist ein Versprechen.

Alan Gilbertson
quelle
2
Alan, deine Antwort wird jedem Anfänger helfen, obwohl ich an dieser Übung teilnehme. Vielen Dank dafür und ich werde mein Bestes geben, um dein Versprechen zu halten. Lass die neue Sonne in dir aufgehen.
Jack
Wie ich gelernt habe (oft genug auf die harte Tour), gebe ich weiter. Du bist mehr als willkommen. Viel Glück!
Alan Gilbertson
LIEBE Robin Williams 'Bücher. Hervorragende Antwort und tolle Vorschläge.
Lauren-Clear-Monica-Ipsum
9

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

  • Richten Sie Ihre Farbpalette nach der Corporate Identity des Kunden.
  • Hören Sie genau auf seine Bedürfnisse, damit Sie dem Stil entsprechen können, den er möchte
  • Design für Benutzerfreundlichkeit. Sie können ein umwerfendes Design erstellen, aber wenn die Konvertierung nicht gut ist, ist sie nutzlos.
  • Wählen Sie Ihre Typografie sorgfältig aus (zum Beispiel: Sie sehen keine Apple-Produkte mit einer Graffiti-ähnlichen Schriftart).
  • 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 bestimmte Elemente auswählen, und erklären Sie ihm, warum sie gut sind. Denken Sie daran, wir als Designer haben nicht immer Recht.
  • Lerne weiter. Folgen Sie Blogs und Online-Magazinen, um neue jQuery-Tutorials usw. zu erhalten. Lesen ist der Schlüssel.
  • Stellen Sie sicher, dass Ihr Code W3C-gültig und nicht zu groß ist.
Luuk
quelle
Ich mache diese Dinge schon von Zeit zu Zeit, aber ich weiß immer noch nicht, was sie brauchen. Ich habe sie gebeten, mir zu sagen, was fehlt. Sie sagen "Farbe ist in Ordnung". "Kontrast ist in Ordnung". Alles funktioniert gut, aber immer noch "sieht es nicht aus." professionell "es fehlt etwas, ich weiß nicht, wie es sich anfühlt, professionell zu sein, professionell auszusehen, fast immer muss ich viele Runden geben, die mich nerven, ich arbeite für meinen Chef, er schickt mir solche Post und ich bin mit solchen Mails demotiviert , sie kommen immer :( Vielleicht bin ich überhaupt kein Designer
Jack
2

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

Wir werden also 4 erstaunliche Regeln für Grafikdesign-Regeln lernen, die Ihnen dabei helfen, Ihre Design-Fähigkeiten zu verbessern. Die 4 Regeln sind also:

  1. Ausrichtung & Verteilung
  2. Balancing & Grouping
  3. Kontrast
  4. Muster & Verläufe

Ausrichtung und Verteilung: Dies ist die wichtigste Regel für jedes fantastische, großartige oder optisch ansprechende Design. Richtig ausgerichtetes Design sieht überall gut aus, egal ob Sie für Printmedien, Werbemittel, Desktop Publishing oder webbezogenes Design entwerfen. Hört sich gut an, oder? Die Frage ist jedoch, wie man lernt, die richtige Ausrichtung zu verwenden oder beim Entwerfen im Sinne einer richtigen Ausrichtung zu sein. Lassen Sie uns die Ausrichtung und Verteilung vertiefen, aber sehen Sie sich zuerst das folgende Beispielbild an:

  • Ausrichtung: Ausrichtung bedeutet, ähnliche oder andere Designelemente in der Dimension oben, unten, in der Mitte, 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 anzugeben oder beizubehalten, um das grafische Layout sauber und anständig zu gestalten. Siehe das Beispielbild, um es zu verstehen.

Balancing & Grouping: Balancing & Grouping ist die zweitwichtigste Regel bei jedem visuellen Design. In dieser Regel müssen wir uns auf Designelemente konzentrieren, wenn wir beispielsweise Text und Bilder in unserem Design haben, damit wir sie so anordnen können, dass sie sich selbst ausbalancieren und auch gut aussehen. Sie können dies auf zwei Arten tun.

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

Wie Sie im obigen Beispiel sehen können, haben wir zwei Arten von Elementen, Text und Bild, und wir haben sie miteinander angeordnet, um das Layout ansprechend und optisch großartig zu gestalten. Sie balancieren sich gegenseitig. Schauen wir uns nun die zweite Methode an.

  • Zweite Methode - Gruppieren einzelner Elemente: In dieser Regel bilden 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 zum Erstellen eines anständigen und gut aussehenden Layouts. Sie können beide Methoden auch zusammen verwenden, um ein fantastisches Designlayout zu erstellen.

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

Muster und Verlä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. Gradienten sind sehr nützlich, um Ihr Design lebendiger und fröhlicher zu gestalten. Denken Sie immer daran, wenn Sie Farbverläufe verwenden, versuchen Sie, zwei Farbverläufe mit leichten Farbunterschieden zu verwenden.

Bareliya Kunst
quelle
Hallo Bareliya Arts, willkommen bei GDSE und vielen Dank für Ihre ausführliche Antwort. Bitte verlassen Sie sich nicht auf Links für "vollständige Antworten". Stack Exchange zielt darauf ab, hier Wissen zu sammeln, unabhängig von Links, die zu einem späteren Zeitpunkt unterbrochen werden könnten. Ein Link für zusätzliche Informationen ist in Ordnung, solange der Kern der Antwort in Ihrem Beitrag enthalten ist. Die Community neigt dazu, Antworten mit mehreren externen Links hart zu bearbeiten, da dies wie Spam aussieht. Danke für Ihr Verständnis! Wenn Sie Fragen haben, schauen Sie in die Hilfe . Tragen Sie weiter bei und genießen Sie die Website!
Vincent
danke für informationen @Vincent ich werde mich beim nächsten mal erinnern
bareliya arts
Jederzeit willkommen! Nehmen Sie auch am Grafikdesign-Chat teil, sobald Ihr Ruf es Ihnen erlaubt (20). Normalerweise gibt es mindestens einen Mod oder erfahrenen Benutzer, der bereit ist, Ihre Fragen zu beantworten.
Vincent
1

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

Die Verwendung des Begriffs "professionell" als eine Art ästhetischen Kommentar ist so gut wie nutzlos. Sie müssen mit Ihrem Kunden zusammenarbeiten, damit er genauer weiß, wonach er im Hinblick auf seine Geschäftsziele sucht - insbesondere, wen er ansprechen möchte und welcher visuelle Ansatz am sinnvollsten ist für diese bestimmte demografische.

DA01
quelle