{"id":232158,"date":"2021-12-02T16:01:00","date_gmt":"2021-12-02T13:01:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=232158"},"modified":"2022-05-16T11:15:17","modified_gmt":"2022-05-16T08:15:17","slug":"9-einfache-designregeln-um-ihre-website-schoner-zu-machen","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/de\/9-einfache-designregeln-um-ihre-website-schoner-zu-machen\/","title":{"rendered":"9 einfache Designregeln, um Ihre Website sch\u00f6ner zu machen"},"content":{"rendered":"

"Ich sauge an Design."<\/p>\n

Ich habe es schon oft geh\u00f6rt.<\/p>\n

Ich kenne viele Leute, die Websites betreiben und gro\u00dfartige Inhalte erstellen, bestehen aber darauf, dass sie keinen Designgeschmack haben.<\/p>\n

Unsinn!<\/p>\n

Ich denke, jeder kann sein Auge f\u00fcr Design sch\u00e4rfen, aber wenn Sie ein wenig Hilfe gebrauchen k\u00f6nnten, ist dieser Beitrag f\u00fcr Sie.<\/p>\n

In diesem Tutorial finden Sie 9 grundlegende Designprinzipien, die Sie auf alles anwenden k\u00f6nnen, was Sie tun.<\/p>\n

Ich habe diese Tipps so geschrieben, dass sie so umsetzbar wie m\u00f6glich sind, damit sie einfach auf Ihrer Website implementiert werden k\u00f6nnen.<\/p>\n

Konsultieren Sie diese Liste, wenn Sie eine Designentscheidung treffen m\u00fcssen, und ich verspreche, dass das Ergebnis ein wenig sch\u00f6ner wird.<\/p>\n

Lass uns beginnen mit\u2026<\/p>\n

1 Verwenden Sie niemals farbigen Text<\/h2>\n

Wenn Sie nicht wissen, was Sie tun, ist farbiger Text in der Regel h\u00e4sslich und schwer zu lesen.<\/p>\n

Als Faustregel gilt, dass Sie Ihren Text immer schwarz oder wei\u00df machen<\/strong>.<\/p>\n

Wenn Sie farbigen Text auf Ihrer Website haben, sollten Sie stattdessen Farbe in der N\u00e4he verwenden.<\/p>\n

Hier ist, was ich meine.<\/p>\n

Beispiel 1<\/h3>\n

Dieser Knopf hat blauen Text und einen hellgrauen Hintergrund. Es sieht irgendwie flach aus und der Text \u00fcberlagert die Form des Buttons:<\/p>\n

Wenn ich die Farben mit dem Blau f\u00fcr den Hintergrund und hellen Text umkehre, sieht es viel besser aus:<\/p>\n

Und w\u00e4hrend wir \u00fcber Kn\u00f6pfe sprechen\u2026<\/p>\n

Wenn Ihr Button einen farbigen Hintergrund hat, sieht er fast immer am besten mit wei\u00dfem Text aus.<\/p>\n

Schwarzer Text sieht auf Farbe meist schrecklich aus, es sei denn, diese Farbe ist wirklich blass oder nur ein helleres Grau:<\/p>\n

Wenn Sie in Ihren Beitr\u00e4gen h\u00e4ufig farbigen Text verwenden, werden Sie die Ideen im n\u00e4chsten Beispiel zu sch\u00e4tzen wissen.<\/p>\n

Beispiel #2<\/h3>\n

Als weiteres Beispiel k\u00f6nnte ein Beitrag farbigen Text enthalten, der auffallen soll:<\/p>\n

Dieser Text sieht nicht gut aus, weil er blau ist!<\/p>\n

Es gibt \u00e4sthetisch ansprechendere M\u00f6glichkeiten, mit Farbe Aufmerksamkeit zu erregen. Ganz zu schweigen davon, dass bestimmte Farben (wie Blau) Klartext wie einen Link aussehen lassen.<\/p>\n

Ein anderer Ansatz, um mit Farbe Aufmerksamkeit zu erregen, besteht darin, den Text wei\u00df und den Hintergrund blau zu machen:<\/p>\n

Dies ist eine Menge Farbe, also sparsam verwenden!<\/p>\n

Oder Sie k\u00f6nnen die S\u00e4ttigung verringern, sodass der Hintergrund sehr blass ist, und dann den Text f\u00fcr ein subtileres Aussehen schwarz machen:<\/p>\n

Schwarzer Text sieht auf blassen Hintergr\u00fcnden gut aus.<\/p>\n

Oder Sie k\u00f6nnen den Text schwarz lassen und einen Hauch von Farbe als Rahmen um den Text hinzuf\u00fcgen:<\/p>\n

Dies ist ein einfacherer Look, der immer noch Aufmerksamkeit erregt.<\/p>\n

Oder Sie k\u00f6nnen einen Hintergrund und einen Rahmen kombinieren:<\/p>\n

Dies ist eine weitere attraktive M\u00f6glichkeit, Farbe zu verwenden.<\/p>\n

Um die Regeln f\u00fcr farbigen Text zusammenzufassen:<\/p>\n

Sie sollten einen farbigen Hintergrund oder einen farbigen Rahmen um den Text herum verwenden, anstatt die Farbe des Textes zu \u00e4ndern. Au\u00dferdem sieht Wei\u00df auf farbigen Hintergr\u00fcnden immer besser aus, es sei denn, die Farbe ist sehr blass.<\/p>\n

Lassen Sie uns nun die Farben ausw\u00e4hlen, die Sie verwenden werden.<\/p>\n

Nur damit Sie es wissen, musste ich ein bisschen CSS schreiben, um den obigen Abs\u00e4tzen Grenzen hinzuzuf\u00fcgen. Gutenberg hat noch keine Grenzoption. Sie k\u00f6nnen bereits mit Elementor-<\/a> Widgets Rahmen hinzuf\u00fcgen .<\/p>\n

2 Verwenden Sie eine Farbpalette<\/h2>\n

Die spontane Farbauswahl ist ein gro\u00dfer Anf\u00e4ngerfehler.<\/p>\n

Wenn Sie Ihrer Website Farbe zuweisen, sollten Sie immer eine Farbe aus Ihrer Palette ausw\u00e4hlen<\/strong>.<\/p>\n

Durch die Verwendung einer Palette k\u00f6nnen Sie einfach aus Ihren vorhandenen Farben ausw\u00e4hlen und wissen, dass das Ergebnis ohne Aufwand sch\u00f6n und \u201eauf der Marke“ aussehen wird.<\/p>\n

Und hier ist die Sache\u2026<\/p>\n

Ich bin seit Jahren Webdesigner und habe immer noch Probleme damit, sch\u00f6ne Farbpaletten zu erstellen.<\/p>\n

Und deshalb betr\u00fcge ich<\/p>\n

Ich erstelle nie meine eigenen Farbpaletten. Stattdessen finde ich eine wundersch\u00f6ne Farbpalette, die bereits erstellt wurde, und passe sie dann an meine Designanforderungen an.<\/p>\n

Meine geheime Ressource, um Farbpaletten zu finden, ist Color Hunt<\/a>.<\/p>\n

\"9<\/a><\/p>\n

Diese gro\u00dfartige Website hat eine Community von Mitgliedern, die von ihnen entworfene Farbpaletten erstellen und teilen.<\/p>\n

Wenn Sie auf der Homepage st\u00f6bern, finden Sie eine endlose Liste sch\u00f6ner Paletten zur Auswahl. Wenn Sie auf eine beliebige Palette klicken, gelangen Sie zu deren Seite, auf der die zugeh\u00f6rigen Paletten unten aufgef\u00fchrt sind.<\/p>\n

\"9<\/a><\/p>\n

Ehrlich gesagt macht es viel Spa\u00df, die Paletten zu durchsuchen und Ideen und Inspiration f\u00fcr Ihre Website zu bekommen.<\/p>\n

Wenn Sie bereits einen Farbton im Sinn haben, k\u00f6nnen Sie \u00fcber die Suchleiste eine Farbe ausw\u00e4hlen, mit der Sie beginnen m\u00f6chten.<\/p>\n

\"9<\/a><\/p>\n

Au\u00dferdem stehen vordefinierte Schl\u00fcsselw\u00f6rter wie \u201ewarm“ und \u201ekalt“ zur Verf\u00fcgung, um geeignete Paletten zu finden.<\/p>\n

Sobald Sie eine Palette ausgew\u00e4hlt haben, die Ihnen gef\u00e4llt, und die Farben auf Ihrer Website implementieren, werden Sie erstaunt sein, wie viel Unterschied sie macht.<\/p>\n

Diese ersten beiden Tipps sollten Ihre Besucher dazu verleiten, zu denken, dass Sie ein farbenpr\u00e4chtiger Designmeister sind.<\/p>\n

Sprechen wir jetzt \u00fcber Schriftarten!<\/p>\n

3 Verwenden Sie nur 1 oder 2 Schriftarten<\/h2>\n

Farben sollten aus Ihrer Palette ausgew\u00e4hlt werden. Schriftarten sind \u00e4hnlich.<\/p>\n

Sie sollten eine oder zwei Schriftarten ausw\u00e4hlen und sie dann f\u00fcr alles wiederverwenden.<\/p>\n

Wenn WordPress-Benutzer oft lernen, wie man Schriftarten auf ihrer Website \u00e4ndert, m\u00f6chten sie pl\u00f6tzlich alle verwenden!<\/p>\n

Ich habe zum Beispiel gesehen, wie Leute die Schriftart eines Absatzes ge\u00e4ndert haben, um ihn in einem Beitrag hervorzuheben. Das ist eine schlechte Idee. Wenn Sie einen Text ben\u00f6tigen, um in einem Beitrag hervorzustechen, k\u00f6nnen Sie:<\/p>\n