Wie Sie eine gut aussehende Website gestalten
- Halten Sie Ihr Design ausgewogen.
- Gliedern Sie Ihr Design mit Hilfe von Rastern.
- Wählen Sie höchstens zwei oder drei Grundfarben für Ihr Design.
- Achten Sie darauf, dass die Grafiken gut zusammenpassen.
- Verbessern Sie die Typografie Ihrer Website.
- Heben Sie Elemente hervor, indem Sie sie mit Weißraum umgeben.
- Verbinden Sie alle Elemente miteinander.
Heutzutage scheint jeder und sogar der Großvater (und der Hund) eine Website zu haben. Das Web wird von Tag zu Tag voller. Während Sie diesen Artikel lesen, werden buchstäblich Dutzende von Websites hinzugefügt. Es wird immer schwieriger, in der Masse wahrgenommen zu werden.
Zum “Glück” für uns Designer scheint nicht jeder zu verstehen, was ein Webdesign ausmacht und was nicht. Zugegeben, Webdesign ist zu einem großen Teil ein kreativer Prozess und kann daher eher als Kunst denn als Wissenschaft bezeichnet werden. Aber da es von Natur aus ein Präsentationsmedium ist, gelten einige Regeln (oder zumindest Prinzipien). Wenn Sie einige einfache Hinweise befolgen, sollte jeder in der Lage sein, ein visuell ansprechendes Design zu erstellen und dem Ruhm einen Schritt näher zu kommen. Okay, so einfach ist es nicht, und es kommt auf Talent und Erfahrung an, aber jeder kann seine Homepage innerhalb weniger Minuten in etwas Hübscheres verwandeln.
Was macht also etwas schön? Es ist nicht Flash. Das soll nicht heißen, dass Flash nichts taugt, aber Flash allein macht ein Design noch nicht gut; es gibt einige unschöne Flash-Websites. Außerdem muss man kein großer Illustrator sein, um ansprechende Designs zu entwerfen. Betrachten Sie Webdesign stattdessen als eine Symbiose aus verschiedenen Elementen. Kein einzelnes Element zählt am meisten; vielmehr ist es die Summe der Elemente, die ein Design gut aussehen lässt.
Wussten Sie schon
Es gibt kein tolles Webdesign ohne schicke Formulare. Erstellen Sie noch heute schön gestaltete Webformulare.
1. Halten Sie Ihr Design im Gleichgewicht.
Beim Gleichgewicht geht es darum, dass Ihr Entwurf weder zur einen noch zur anderen Seite kippt. Es ist wie das Gleichgewicht der Gewichte beim Erreichen von Symmetrie oder Asymmetrie.
Sehen Sie sich den Hund in der Header-Grafik der Subtraction-Website von Khoi Vinh unten an. Ich habe dieses Beispiel aus The Principles of Beautiful Web Design von Jason Beaird entnommen. Jason weist darauf hin, wie das Kreuz auf der rechten Seite das zusätzliche visuelle Gewicht ausgleicht, das der Hund auf der linken Seite bietet. Es ist ein kleines, aber nicht unbedeutendes Detail. Überzeugen Sie sich selbst, indem Sie das Kreuz mit Ihrer Hand verdecken.
Das nennen wir asymmetrisches Gleichgewicht und genau darum geht es bei der Balance. Wenn Sie nicht darauf achten, wie Sie die Dinge anordnen, wird das Design ziemlich schnell unausgewogen werden. Sie können das visuelle Gewicht eines Designs auf viele Arten beeinflussen, z. B. durch Farbe, Größe und das Hinzufügen oder Entfernen von Elementen. Wenn Sie das Kreuz z.B. in ein leuchtendes Orange einfärben würden, würde es schwerer werden und das Layout vielleicht wieder aus dem Gleichgewicht bringen. Das Erzielen eines asymmetrischen Gleichgewichts ist eine besonders heikle Angelegenheit, die Zeit für die Feinabstimmung und ein etwas geschultes Auge erfordert, um wirklich gut zu funktionieren.
Hier unten sehen Sie ein weiteres Beispiel für symmetrisches Gleichgewicht, dieses Mal von The First Twenty. Obwohl die Header-Grafik asymmetrisch ist (können Sie erkennen, wie das gemacht wurde?), hat der Rest des Designs unten symmetrische Spalten. Asymmetrisches Gleichgewicht ist vielleicht schwieriger zu bewerkstelligen, aber sie macht ein Design tendenziell verspielter.
Sie werden feststellen, dass jedem Design, das Sie für gut halten, eine gut durchdachte Balance zugrunde liegt. Und jedes der hier vorgestellten Designs erreicht bei jedem der sieben Prinzipien, die wir besprechen, eine hohe Punktzahl. Nehmen Sie sich also eine Minute Zeit, um nach oben und unten zu scrollen und sehen Sie selbst, ob sie alle die Anforderungen erfüllen.
2. Gliedern Sie Ihr Design mit Hilfe von Rastern.
Das Konzept der Raster ist eng mit dem des Gleichgewichts verbunden. Raster sind eine Reihe von horizontalen und vertikalen Linealen, die Ihnen helfen, ein Design zu “unterteilen”. Denken Sie an Spalten. Spalten verbessern die Lesbarkeit, so dass der Inhalt einer Seite leichter aufgenommen werden kann. Abstände und die Verwendung der Drittel-Regel (oder eines ähnlichen Goldenen Schnitts) machen alles einfacher für das Auge.
Die Drittel-Regel und der Goldene Schnitt erklären, warum beispielsweise Seitenleisten in der Regel etwa ein Drittel der Seitenbreite ausmachen und warum der Hauptinhaltsbereich in etwa der Breite des Designs geteilt durch 1,62 entspricht (was in der Mathematik phi entspricht). Wir werden nicht näher darauf eingehen, warum das so ist, aber es scheint in der Praxis zuzutreffen. Das ist auch der Grund, warum das Motiv auf professionell aufgenommenen Fotos normalerweise nicht in der Mitte, sondern am Schnittpunkt eines imaginären Neun-Quadrat-Rasters (drei mal drei, mit zwei horizontalen und zwei vertikalen Linien) positioniert ist.
Das Raster eignet sich besonders gut für minimalistische Designs. 5 Thirty One von Derek Punsalan zeigt, warum:
Das Design an sich ist zwar nicht visuell beeindruckend, aber die klare, strenge Strukturierung der Elemente macht es für das Auge einfach. Die linke Spalte ist etwa doppelt so groß wie die rechte Seitenleiste. Das macht Sinn und ist etwas, woran Sie denken sollten, wenn Sie Ihre eigenen Designs erstellen.
3. Wählen Sie höchstens zwei oder drei Grundfarben für Ihr Design.
Wie wäre es, wenn Sie das Grundrot auf der Website von The First Twenty (oben) durch Limonengrün ersetzen würden? Würde das gut aussehen? Höchstwahrscheinlich nicht. Denn es gehört nicht zur gleichen Farbpalette (und natürlich ist Limonengrün nicht die einfachste Farbe, mit der man arbeiten kann). Websites wie ColourLovers gibt es aus einem bestimmten Grund. Sie können Ihre Farben nicht einfach wie Rambo mit vorgehaltener Waffe auswählen. Einige Farben passen gut zueinander, andere nicht. Es gibt viele Theorien über Farben und ihre Kombinationen, einschließlich Konventionen über monochrome und kontrastreiche Schemata, aber vieles hängt vom gesunden Menschenverstand und einem guten Gespür ab.
Finden Sie selbst heraus, was zusammenpasst. Sehen Sie sich so viele Website-Designs wie möglich an, z.B. die auf einer der vielen CSS-Showcase-Websites (wie Best Web Gallery), um ein Gefühl dafür zu bekommen, wie Farben miteinander interagieren. Wählen Sie höchstens zwei oder drei Grundfarben für Ihr Design und verwenden Sie dann Tönungen (die heller sind und mit Weiß gemischt werden) und Schattierungen (die dunkler sind und mit Schwarz gemischt werden) dieser Grundfarben, um die Palette bei Bedarf zu erweitern.
Die Wahl schöner Farben ist ebenso wichtig wie die Wahl der richtigen Farben (d.h. der richtigen Farben für die Aufgabe). Ein Webdesign für ein gemütliches kleines Restaurant würde sich gut mit “erdigen” Tönen machen: Rottöne, Brauntöne, usw. Ein Patentrezept gibt es natürlich nicht. Jede Farbe sendet eine Botschaft aus, und es liegt an Ihnen, diese Botschaft richtig zu vermitteln.
Die Website von Bence Kucsan hat einen ganz eigenen Farbschema-Stil. Sie ist hauptsächlich monochromatisch (Töne und Schattierungen einer einzigen Farbe) und achromatisch (Schwarz und Weiß) mit einer Farbe (Rot), die hervorsticht:
Das Schwarz-Weiß vermittelt Schick und Professionalität, während das Rot die Würze hinzufügt, die bestimmte Elemente hervorhebt und dafür sorgt, dass das Design nicht langweilig wirkt; natürlich macht mehr als nur Rot dieses Design interessant. Übrigens hat vor allem ein Unternehmen diesen Stil populär gemacht.
Apropos Farbe: WebDesigner Wall von Nick La ist das reinste Glück:
All diese sanften Pastelltöne lassen dieses Design erstrahlen. Auf den ersten Blick mag die Farbauswahl etwas willkürlich erscheinen, aber wenn Sie genau hinsehen, bemerken Sie eine streng definierte Farbpalette, die notwendig ist, um sicherzustellen, dass alle Elemente gut miteinander harmonieren. Die Website und insbesondere ihr Hintergrund zeigen auch eine gute Kombination von Farben und Grafiken, was uns zu Nummer vier bringt…
4. Versuchen Sie, die Grafiken gut aufeinander abzustimmen.
Okay, gutes Design braucht keine ausgefallenen Grafiken. Aber schlechte Grafiken schaden einem Design definitiv. Grafiken tragen zur visuellen Botschaft bei. Websites wie WebDesigner Wall haben beeindruckende Illustrationen, während andere eher unauffällig sind.
Tim van Damme verwendet auf seiner Website Max Voltar nur eine Handvoll Grafiken, aber er setzt sie mit größter Sorgfalt und Bedacht ein. Ein nicht aufdringliches Hintergrundbild und eine raffinierte Krone sind zwei der Grafiken. Optisch sind sie nicht übermäßig beeindruckend, aber sie tragen alle zum Erscheinungsbild der Website bei, und nirgendwo ist eine fehl am Platz.
Max Voltar hat schon seit einiger Zeit ein anderes Design als das oben gezeigte. Aber in den zwei Monaten, in denen dieses Design online war, war es mit Abstand eines meiner Lieblingsdesigns. Aus diesem Grund und weil die Verwendung von Grafiken so vorbildlich ist, habe ich es der neuesten Version vorgezogen.
Rogie Kings Komodo Media ist sehr viel grafiklastiger und sowohl in technischer als auch in thematischer Hinsicht perfekt umgesetzt.
Sie sind vielleicht kein großartiger Illustrator oder Fotograf, aber das bedeutet nicht, dass Sie keine großartigen Grafiken für Ihre Website erstellen können. Ein paar grundlegende Photoshop-Kenntnisse, möglicherweise einige Archivbilder und ein guter Geschmack sind alles, was Sie brauchen. Versuchen Sie, die Grafiken gut aufeinander abzustimmen und stellen Sie sicher, dass sie den von Ihnen angestrebten Stil verkörpern. Nicht jeder von uns hat die gleichen natürlichen Fähigkeiten. Sie können sich einiges abschauen, indem Sie von anderen lernen, aber manchmal müssen Sie einfach den Stil wählen, der am besten zu Ihnen passt (z. B. einen sauberen Stil, wenn Sie nicht der größte Illustrator sind).
5. Verbessern Sie die Typografie Ihrer Website.
Die Kunst der Schrift ist ein schwieriges Thema, weil sie so viele Elemente umfasst. Sie kann als ein Zweig des Designs betrachtet werden und man kann ein Leben lang damit verbringen, alle Aspekte zu beherrschen. Dies ist nicht der richtige Ort, um eine vollständige typografische Referenz zu geben. Daher beschränken wir uns auf das, was Ihnen kurzfristig von Nutzen sein wird.
Die Web-Typografie ist im Vergleich zur Print-Typografie benachteiligt. Der größte Unterschied besteht darin, dass wir aufgrund des dynamischen Charakters des Webs keine vollständige Kontrolle über das Erscheinungsbild der Schrift haben. Natürlich hat das dynamische Rendering seine Stärken, aber Web-Designer haben nur wenig Kontrolle über die Ergebnisse, zumindest im Moment. Fehlende Schriftarten auf dem Computer des Nutzers, Unterschiede in der Darstellung von Browsern und Plattformen und eine allgemein mangelhafte Unterstützung von CSS machen die Typografie im Web zu einer entmutigenden, wenn nicht gar frustrierenden Aufgabe. Aber auch wenn wir vielleicht auf CSS 3 warten müssen, damit die Web-Typografie ihr volles Potenzial entfalten kann, haben wir jetzt die Mittel, um sie interessant und vor allem schön aussehen zu lassen.
Font Stacks
Es gibt mehrere recht einfache Möglichkeiten, die Typografie Ihrer Website deutlich zu verbessern, von denen wir hier drei vorstellen. Eine davon sind Font Stacks.
Font Stacks sind einfaches CSS. Sie ermöglichen es Ihnen, die Reihenfolge festzulegen, in der die Schriftarten gerendert werden sollen. Um genau zu sein, sprechen wir hier von Schriftarten und nicht von Fonts. Eine gute Zusammenfassung zu diesem Thema finden Sie in Jon Tans Typeface != Font.
body { font-family: “Helvetica Neue”, Helvetica, Arial, sans-serif; }
Mit der obigen Eigenschaft erhält der Textkörper die Schriftart “Helvetica Neue”. Dies setzt jedoch voraus, dass auf dem Computer des Nutzers diese spezielle Schriftart installiert ist. Auf Macs ist Helvetica (Neue) heutzutage vorinstalliert, auf den meisten Windows-Rechnern jedoch nicht.
Das Schöne an Font Stacks ist, dass Sie “Fallbacks” definieren können, d.h. wenn eine definierte Schriftart fehlt, sucht der Browser einfach nach der nächsten in der Reihe. Das bedeutet natürlich, dass das Design nicht für jeden genau gleich aussieht und wir dadurch wieder etwas Kontrolle verlieren. Aber für diejenigen, die nicht auf eine andere Lösung (wie z.B. die Ersetzung von Bildern) zurückgreifen wollen, ist dies das Beste, was reines CSS im Moment bietet (bis zu dem Tag, an dem wir @font-face bequem verwenden können).
Wilson Miner verwendet den oben genannten Font Stacks. Helvetica Neue ist eine Verbesserung von Helvetica. Und obwohl Arial auf fast jedem Computer installiert ist (zumindest auf Windows- und Mac-Rechnern) und daher eine beliebte Wahl für das Web ist, ziehen die meisten Designer Helvetica der Arial vor. Auf diese Weise erhalten Sie das Beste aus beiden Welten: Helvetica für diejenigen, die sie haben, und Arial, falls Helvetica nicht verfügbar ist.
Jon Tan verwendet eine weitere interessante Schriftart für seine Überschriften:
body { font-family: baskerville, ‘palatino linotype’, ‘times new roman’, serif; }
Nur eine relativ kleine Anzahl von Besuchern wird die Kopfzeilen in Baskerville sehen, aber das ist kein Problem. Sie verleiht dem Design ein bisschen mehr Charakter und schadet niemandem, der sie nicht hat. Auch hier gilt: Font Stacks sind keine perfekte Lösung, aber sie bieten Ihnen einen Vorteil.
Maß und Zeilenabstand
Maß ist die Länge von Zeilen und Zeilenabstand ist die Höhe (oder der vertikale Abstand) von Zeilen. In CSS kann das Maß durch die Definition einer Breite für das enthaltende Feld (z. B. das Absatzelement) gesteuert werden. Beide beeinflussen die Lesbarkeit. Wenn die Zeilen zu kurz oder zu lang sind, können die Nutzer den Inhalt nicht gut lesen; dieses Problem tritt häufig bei fließenden Layouts auf. Zwischen 40 und 80 Zeichen pro Zeile scheinen ideal zu sein.
Der Zeilenabstand kann durch die Definition der CSS-Eigenschaft line-height vergrößert (oder verkleinert, wenn Sie das wirklich wollen) werden. Im Allgemeinen ist eine Zeilenhöhe von 1,5 für Absätze gut geeignet. Das bedeutet, dass bei einer Textgröße von 12 Punkten die Zeilenhöhe 18 Punkte beträgt (12 × 1,5), wodurch der Text etwas Spielraum erhält.
Hängende Zitate und Aufzählungszeichen
Eine dritte Möglichkeit, die Lesbarkeit zu verbessern, sind hängende Zitate und Aufzählungszeichen. Anstatt den Text von Aufzählungslisten und Zitaten in der Standardausrichtung zu belassen, richten Sie ihn horizontal am restlichen Text auf der Seite aus.
Tim van Damme verwendet hängende Aufzählungszeichen für sein jüngstes Redesign von Max Voltar:
Wir haben die rote Linie hinzugefügt, um zu betonen, dass der gesamte Text horizontal ausgerichtet wurde. Indem Sie einfach die CSS-Eigenschaft Padding-left der Aufzählungsliste auf 0 setzen, können Sie das gleiche Ergebnis erzielen.
Hängende Zitate hingegen sind nicht ganz so einfach zu realisieren. Die meisten Designer verwenden ein Hintergrundbild für die Anführungszeichen und richten sie dann entsprechend aus, wie es Matthew Buchanan getan hat:
Das hängende Anführungszeichen unterbricht den Textfluss nicht. Es ist ein Detail, das nicht oft beachtet wird, aber die Investition wert ist.
Druckregeln, die nicht gelten
Druck und Web sind nicht dasselbe. Das scheint ziemlich offensichtlich zu sein, aber viele Leute behandeln sie so, als ob sie gleich wären. Druck ist fixiert, das Web ist dynamisch. Es ist unmöglich, die vollständige Kontrolle darüber zu haben, wie Ihr Web-Design für jeden aussieht.
Vertikaler Rhythmus, korrekter Blocksatz (mit Silbentrennung und ohne Flüsse) und mehrspaltige Layouts sind nur einige der Merkmale des Drucks, die im Web (fast) unmöglich sind. Wir können uns also auf eine Menge mit CSS 3 freuen. CSS 3 wird jedoch wahrscheinlich nicht die Lösung schlechthin sein und es wird wahrscheinlich noch ein paar Jahre dauern, bis wir die Vorteile von CSS 3 voll nutzen können. Wir müssen diese Unterschiede vorerst einfach akzeptieren: Betrachten Sie das Web nicht als eine Online-Version von Druck, sondern nutzen Sie das dem Web innewohnende Potenzial voll aus.
Ein Wort zur Bildersetzung
Was ist mit der Bildersetzung (der Technik, Schriften durch Bilder zu ersetzen)? Wir haben bereits über Font Stacks gesprochen, aber sind diese nicht schlechter als die Ersetzung von Bildern? Nun, das hängt davon ab, was Sie für wichtiger halten: die Möglichkeit, genau die gewünschte Schriftart anzuzeigen oder dynamische, zugängliche und SEO-freundliche Inhalte zu haben? Bestimmte Techniken zur Ersetzung von Bildern sind inzwischen recht fortschrittlich, aber sie sind immer noch nicht so flexibel wie reiner Text. Die Bildersetzung eignet sich gut für Überschriften und Auszüge, aber sie ist kaum eine Lösung für Fließtext.
6. Heben Sie Elemente hervor, indem Sie sie mit Weißraum umgeben.
Weißraum, oder negativer Raum, hat mit dem zu tun, was nicht vorhanden ist. Wie Maß und Zeilenabstand gibt der Weißraum dem Text etwas Luft zum Atmen und räumliche Ruhe. Sie können Elemente hervorheben, indem Sie sie mit Weißraum umgeben. Texte sollten zum Beispiel nicht verkrampft wirken. Um die Lesbarkeit zu gewährleisten, sollten Sie darauf achten, dass Absätze ausreichend gefüllt sind.
Parfümwerbung – oder überhaupt jede Werbung für ein Luxusprodukt – ist bekannt für die Verwendung von Weißraum… viel Weißraum; und eine Serifenschrift als Zugabe.
Ich nehme an, es ist Zeit für eine schamlose Werbung. Der Screenshot oben ist von meiner eigenen Website Shift (px). Das Design setzt stark auf Typografie und Weißraum. Der weiße Raum nimmt wahrscheinlich etwa 50% der Seite ein. Weißraum ist einer der einfachsten (denn Sie fügen ja nicht wirklich etwas hinzu, oder?) und effektivsten Möglichkeiten, ein optisch ansprechendes und lesbares Design zu erstellen.
Weißeraum verleiht einem Design eine Menge Klasse. Scheuen Sie sich nicht, ein paar Löcher offen zu lassen, sogar klaffende Löcher. Unerfahrene Designer sind versucht, in jeder kleinen Ecke etwas unterzubringen. Beim Design geht es darum, eine Botschaft zu vermitteln. Die Designelemente sollten daher diese Botschaft unterstützen und sie nicht überlagern.
Ein weiteres gutes Beispiel für viel Weißraum:
Kyle Meyers Astheria zeigt, dass für ein ansprechendes Design nicht viel nötig ist. Manche Leute mögen “minimalistisch” mit “einfach” verwechseln. Aber ein solcher Stil ist weder einfach noch leicht zu erreichen (auch wenn man sich nicht mit Grafiken oder Illustrationen auskennen muss).
7. Alle Elemente müssen miteinander verbunden sein.
Der Begriff “Verbindung” ist zwar ein wenig aus der Luft gegriffen, aber er scheint das, was wir meinen, am besten zu beschreiben. Verbindung bezieht sich hier auf ein Webdesign, das sowohl Einheitlichkeit als auch Konsistenz aufweist. Diese beiden Attribute zeigen die Professionalität eines Designs (und damit seines Designers). Es sind sehr weit gefasste Attribute. Ein Design sollte bei der Verwendung von Farben, bei der Auswahl der Schriftarten, bei den Symbolen usw. konsistent sein. Alle diese Aspekte sind wichtig. Ein Design kann großartig aussehen und trotzdem Unstimmigkeiten aufweisen.
Wenn ein Design inkonsistent ist, kann seine Einheitlichkeit für den Nutzer verloren gehen. Einheitlichkeit ist etwas anderes als Konsistenz. Einheitlichkeit bezieht sich darauf, wie die verschiedenen Elemente in einem Design interagieren und zusammenpassen. Passen zum Beispiel die Farben und Grafiken zusammen? Trägt alles zu einer einheitlichen Botschaft bei? Konsistenz hingegen findet sich zwischen den einzelnen Seiten eines Designs.
Einheitlichkeit ist vielleicht der wichtigere der beiden Punkte. Ohne Einheitlichkeit ist es schwer, ein gutes Design zu haben. Inkonsistenz hingegen kann etwas “schlampig” aussehen, macht das Design aber nicht unbedingt “schlecht”.
Von den sieben Prinzipien, die in diesem Artikel angesprochen werden, ist die Verbindung das Wichtigste. Die Verbindung hat damit zu tun, wie alle Elemente zusammenkommen: Gleichgewicht, Raster, Farben, Grafiken, Schrift und Weißraum. Es ist sozusagen der Klebstoff, der alles zusammenhält. Ohne diesen Klebstoff fällt das Design auseinander. Sie können eine schöne Schrift und eine brillante und sorgfältig ausgewählte Farbpalette haben, aber wenn die Grafiken furchtbar sind oder einfach nicht zusammenpassen oder wenn alles unüberlegt zusammengewürfelt ist, wird das Design scheitern.
Dies ist der schwierigste Teil des Designs. Es ist nicht etwas, das man leicht erlernen kann oder überhaupt erlernen muss. Ein wenig natürliches Geschick und Erfahrung sind erforderlich. Aber es ist, was es ist, und es lässt ein Design am Ende gut aussehen.
Wir haben die WebDesigner Wall von Nick La bereits wegen ihrer schönen Grafiken gelobt, aber sie ist auch ein gutes Beispiel für den Zusammenhang. Wenn Sie sich die Grafiken und den Stil im Allgemeinen genau ansehen, hat alles einen handgezeichneten Aquarell-Look: die Artikelbilder, die aquarellierten Hintergrundbilder, die handgezeichneten Kritzeleien und Symbole, das Styling der Umfrage und so weiter. Die Liebe zum Detail macht dieses Design zu etwas ganz Besonderem.
Weitere Ressourcen
- HTML-Grundlagen für Einsteiger: Wie man eine Website mit HTML erstellt
- Fünf einfache Schritte zur Gestaltung von Rastersystemen: Ein Leitfaden für Anfänger zum Thema Raster.
- Der Goldene Schnitt im Web-Design
- 8 einfache Möglichkeiten, die Typografie in Ihren Designs zu verbessern
- Schriftarten und das Web: Über den Zustand von Schriftarten im Web und die Ersetzung von Bildern.
- 4 Grundsätze für gutes Design von Websites: Vier weitere Prinzipien, eher vom praktischen Standpunkt aus betrachtet.
Eine zusätzliche Ressource
Wenn Sie neu im Bereich Webdesign sind, finden Sie in unserem Leitfaden zur Erstellung einer Website eine Anleitung, die Sie von Anfang an begleitet.
Fazit
Gutes Webdesign beschränkt sich nicht auf die sieben hier besprochenen Schlüsselprinzipien. Auch Aspekte wie Zugänglichkeit, Lesbarkeit und Benutzerfreundlichkeit spielen eine Rolle.
Das ist der Grund, warum Webdesign so schwierig ist. Der Einstieg in das Design ist einfach, vor allem heutzutage, wo so viele Content-Management-Systeme, Blogging-Tools und Themen zur Verfügung stehen. Aber um wirklich alle Facetten des Webdesigns zu beherrschen, braucht man Zeit und, seien wir ehrlich, Talent. Die Fähigkeit, schöne Designs zu entwerfen, ist nur eine Facette, aber eine wichtige.
Kommentar abschicken: