Große Websites scheinen immer ein großartiges Design mit großartigem Code zu verbinden. Da der Aufbau einer Website eine ziemlich einfache Aufgabe ist, finden Sie viele Leute lernen HTML und CSS und denken, dass, wenn sie das lernen können, dann können sie jede Website entwerfen, die sie wollen. Während es technisch möglich ist, werden Sie oft feststellen, dass es einige Schlüsselfehler gibt, die sie machen, weil sie sich nicht die Zeit nehmen wollen, etwas über Design zu lernen.
Programmierer sind selbst Designer, aber sie entwerfen Code und wunderbar entworfene Systeme. Etwas visuell zu gestalten ist völlig anders und nur weil Sie ein gutes Auge für Design haben, bedeutet das nicht, dass Sie einen guten Verstand haben, es anzuwenden.
Da so viele Programmierer persönliche Projekte haben, müssen sie in der Regel eigene Websites erstellen. Wenn Sie ein freiberuflicher Programmierer sind, ist eines der größten Vermögenswerte, die Sie haben können, den gesamten Web-Entwicklungsprozess von Anfang bis Ende zu kennen, und dies beinhaltet Design.
Hier sind acht Fehler, die Entwickler häufig beim Erstellen von Designs auf einer Website beobachten.
Es kann schwierig sein, ein Auge für Design mit der Fähigkeit zu gestalten, zu trennen. Es ist sehr ähnlich zu den Menschen, die auf die Mode schauen können und Ihnen sagen, was gut aussieht, aber nicht wirklich selbst so kleiden kann.
Große Designer wissen einfach, was gutes Design ist. Sie wissen, was funktionieren wird und was nicht oft funktionieren wird, bevor sie sogar einen Stift aufnehmen oder Photoshop öffnen. Oft ist dies der Fall, weil sie Jahre damit verbracht haben, über verschiedene Designs zu strömen und Designs selbst auszuprobieren. So wie kein Künstler beim ersten Mal einen Bleistift in die Hand nehmen und etwas Großes zeichnen kann, sollte kein Entwickler glauben, dass er sein erstes Design direkt aus dem Park werfen kann.
Ähnlich wie ein Programmierer den Code einer anderen Person studiert, kann jeder ein Design studieren und verstehen, warum es funktioniert.
Ein Blick auf das Schöne Punschgabel Sie können sehen, was das Design so großartig macht.
Es gibt viele weitere Teile des Designs, die es so wunderbar machen. Wenn Sie auf ein Design stoßen, das Ihnen gefällt, nehmen Sie sich Zeit, um die einzelnen Elemente zu studieren, aber auch, wie sie in das Ganze passen. Ein großartiges Element eines Designs macht das ganze Design nicht großartig.
Farbauswahl kann ein Schmerz sein. Ich hasse es, Farben wählen zu müssen, weil es so viele gibt, aus denen ich wählen kann. Aus irgendeinem Grund neigen die meisten Entwickler dazu, sich an eine blau-weiße Palette zu halten. Vielleicht, weil es überall verwendet wird oder wenn es sich um die Standardeinstellungen des Browsers handelt, aber gutes Design kann eine Reihe von Farben beinhalten. Zum Glück für uns farblich herausgefordert Leute gibt es eine Tonne von Werkzeugen, die uns helfen können, einige wundervolle Farbkombinationen zusammenzustellen.
COLOURLovers ist eine großartige Community, in der Leute ihre Lieblingsfarbpaletten erstellen und teilen. Sie können Ihre bevorzugten Paletten und Farben durchsuchen, speichern und abstimmen. Bei mehr als einer Gelegenheit habe ich mich an COLOURlovers gewandt, um durchzukommen und den Tag mit einer Farbauswahl zu retten.
Achten Sie bei der Auswahl einer Farbpalette darauf, dass Sie bei einer Farbe bleiben, die der Stimmung Ihrer Website und ihrem Inhalt entspricht. Wählen Sie keine Palette, nur weil Sie sie lieben. Orange und Schwarz sind vielleicht nicht die besten Farben für eine Seite rund um das Konzept der Liebe.
In seltenen Fällen müssen Sie mehr als 3-4 verschiedene Farben verwenden und wenn Sie sich entscheiden, müssen Sie Ihre Wahl begründen.
Es kann sehr verlockend sein, eine Überschrift zu zentrieren. Es sieht gut in Zeitungen aus, aber selten wird es gut im Web funktionieren, wenn nicht alles zentriert ist. Wir wissen, dass linksbündiger Text professionell aussieht und mit dem natürlichen Fluss der Augen arbeitet, also warum sollte man die Linien verlassen?
Zentrierter Text wird am besten für Überschriften und kurze Textzeilen verwendet. Benutzer können sie mit Leichtigkeit lesen, da die Zeilen kurz sind, gescannt werden können und keine wiederholten Augenbewegungen benötigen. Zentrierter Text kann Ihrem Layout durch sein symmetrisches Format auch ein ästhetisches Aussehen verleihen. Dies funktioniert für Text, der zu zentrierten Bildern gehört. Wenn Ihre Bilder linksbündig oder rechtsbündig ausgerichtet sind, sollten Sie Ihren Text linksbündig ausrichten, damit er mit Ihrem Layout übereinstimmt.
Zentrierte Überschriften arbeiten in Zeitungen, weil der Text in Spalten aufgeteilt ist, so dass die Überschrift über die ganze Geschichte fließt. Wenn Sie nur mit einer Textsäule arbeiten, sollten Sie sich an eine linksbündige Überschrift halten.
Wenn Sie nicht in die Welt der Typografie eintauchen, dann sieht Arial wie Helvetica aus und Georgia ähnelt Times New Roman. Sie wissen, dass es andere Zeichensätze wie Comic Sans gibt, aber Sie sehen nicht, wie wichtig es ist, für eine Schriftart zu bezahlen, wenn Sie sehr einfach das verwenden können, was Ihnen zur Verfügung steht.
Mit Ressourcen wie Typekit Allerdings ist die Auswahl der Schrift unheimlich ähnlich der Farbauswahl. Es kann Tage dauern, bis die richtige Kombination gefunden ist, wenn Sie einfach eine einfache Schriftart verwenden und mit dem Rest fertig werden könnten.
Übertreiben Sie nicht die Schriftarten. Wie Farben funktioniert eine begrenzte Auswahl oft am besten. Wenn es um Schriftarten geht, können ein oder zwei verschiedene Schriftarten genug sein, um ein schönes Design zu erzeugen. Denken Sie daran, dass Sie mit Fonts viele verschiedene Dinge tun können. Sie können sie kursiv formatieren, fett formatieren, unterstreichen, großformatig oder klein schreiben.
Wenn Sie ein Entwickler sind, desto mehr Informationen, die Sie auf einer Seite haben können, desto besser. Wenn ich code, mache ich das gerne auf mehreren Bildschirmen, weil es mir erlaubt, alles direkt vor mir zu haben. Leider funktioniert das nicht im Design. Sie sollten nicht so viele Informationen in einem engen Raum stopfen, wie Sie für richtig halten, denn dann wird das Design dysfunktional.
Das Auge kann nur so viele Informationen gleichzeitig aufnehmen, und wenn es der Zweck der meisten Designs ist, eine Aufgabe zu erledigen, wird es nicht helfen, es in einer Million anderer Informationen zu verstecken.
Während belebte Webseiten effektiv sein können, sind sie es oft nicht. Leerraum sollte dein bester Freund sein. Sie benötigen leere Teile in Ihrem Design, um die wichtigen Teile des Designs hervorzuheben.
Wir alle kennen dieses wunderbare Gefühl, etwas zu erschaffen und es in der realen Welt zu sehen. Weil wir es geschaffen haben, gibt es tendenziell eine Neigung dahinter, die uns denken lässt, dass es besser ist als es wirklich ist. Sie müssen die Meinungen von anderen erhalten, um zu wissen, ob Ihr Entwurf effektiv ist, und wenn es nicht ist, können Sie Wege finden, es zu verbessern. Stattdessen haben Entwickler das Gefühl, dass sie nicht die Meinung anderer einholen müssen, weil sie wissen, wie ihr Design funktioniert, so dass es für sie Sinn macht.
Sie werden auch feststellen, dass Menschen, die nach einer Meinung zu einem Design fragen, keine Kritik, sondern Zustimmung verlangen. Sie wollen Rechtfertigung für die Entscheidungen, die sie getroffen haben, und das ist nicht der richtige Ansatz. Das Stellen von Fragen hilft Ihnen wirklich dabei, Usability-Probleme zu finden, die Ihnen zuvor vielleicht noch gar nicht bewusst waren. Oftmals stecken Sie so in Ihrem eigenen Design fest, dass alles für Sie Sinn ergibt, aber für eine neue Person könnte Ihr Design komplizierter sein als ein Rubiks Cube.
Bei tollen Designs kann es schwierig sein, die kleinen Details zu bemerken, die es wirklich schaffen. Sie könnten so subtil sein, dass der zufällige Beobachter an ihnen vorbei schaut und weiter macht. Für einen Entwickler können die kleinen Details eine Zeitverschwendung sein, weil sie nicht die Gesamtwirkung eines Schlagschattens auf ein Element verstehen.
Kleine Details allein beeinflussen nur ein bestimmtes Element eines Designs, aber wenn sie alle zusammenkommen, dann haben Sie ein wunderbares Design, das fließt. Websites wie Dribbling stellen Sie dar, wie groß die kleinen Details in einem größeren Design arbeiten können. Wenn Sie jedoch kein Designer sind, können Sie sich zu sehr auf die Details konzentrieren, um den Prozess zu verlangsamen, mehr als Sie möchten. Dies bedeutet jedoch nicht, dass Sie nicht wissen sollten, wie sich die Details auf ein Design auswirken können.
Welche anderen häufigen Fehler machen Entwickler beim Design? Bitte teilen Sie die Kommentare!