Kategorien
Design Inspiration Webdesign

Flexible Markenidentitäten sind der Schlüssel zu erfolgreichem Webdesign

Hast du dich schon mit der Frage beschäftigt, was deine Marke verkörpert? Was ist ihre Identität, welche Gefühle löst sie bei deinen Kunden aus und welche Werte vermittelt sie? Falls deine Antwort Nein ist, solltest du auf jeden Fall weiterlesen. Marken sind unglaublich wichtig für die Wahrnehmung deiner Kunden. Und hinter Marken steckt mehr als ein Logo und ein Begriff. Wie du deine Markenidentität gestalten solltest, erfährst du in diesem Artikel.

Kategorien
Design Freebies, Tools und Templates

Design: 13 Tools, die Farbpaletten aus Bildern erstellen

Dienste zur Erzeugung von Farbpaletten gibt es im Netz wie Sand am Meer. Solche, die auch oder nur Farbpaletten aus vorhandenen Bildern extrahieren können, sind allerdings relativ selten. Dabei entspricht es zumindest meinem Workflow weit eher, kundennahe Farbpaletten aus vorhandenen Materialien zu entwickeln, anstatt sie ganz neu zu definieren. Folgend zeige ich dir daher nur […]

Kategorien
Design HTML/CSS Webdesign

Natives Lazy-Loading in Chrome

Wichtige Neuerungen im Netz gibt es einige, doch nur wenige sind wirklich von so grundlegender Bedeutung, dass sie für einen Großteil aller Nutzer mit einem Schlag eine deutliche Verbesserung bringt. Eine solche Neuerung ist das sogenannte Lazy-Loading, welches der Chrome-Browser ab Version 76 von Haus aus „nativ“ unterstützt. Chrome wird ab August 2019 das nachrangige […]

Kategorien
Design Freebies, Tools und Templates Freelance

Pro und Contra: Design mit fertigen Templates

“Echte” Designer schlagen schon die Hände über dem Kopf zusammen, wenn einer bloß das Wort “Template” oder “Theme” in den Mund nimmt. Schauen wir uns das Ganze mal objektiver an.

Kategorien
Design HTML/CSS Webdesign

CSS3: So zentrierst du Elemente richtig

Was soll daran schwierig sein, Elemente in CSS zu zentrieren? So mögt ihr spontan denken. Wenn ihr euch mit dem Thema jedoch schon öfter befasst habt, wisst ihr auch, dass Zentrierung manchmal zu einer echten Herausforderung werden kann. Im folgenden Beitrag zeige ich euch fünf Methoden, eure Elemente und Schriftzüge in HTML mit Hilfe von […]

Kategorien
Bilder bearbeiten Design Sonstige Programme

Fotos mal anders: So setzt du kreative Bildlooks in Adobe Lightroom um

Gönne deinen Aufnahmen einen coolen Bildlook wie aus Hollywood. Mit einfachen Einstellungen kann Lightroom normale Aufnahmen in inspirierende Meisterwerke verwandeln. So steuerst du die Bildwirkung auf den Betrachter. Du wirst staunen, was du alles aus deinen Fotos herausholen kannst!

Kategorien
Bilder bearbeiten Design Responsive Design Webdesign

Responsives Webdesign: So wählst du die richtigen Fotos für unterschiedliche Formate

Für dich als Webdesigner ist das mobile Internet eine Herausforderung. Websites müssen auf unterschiedlich großen Displays mit verschiedenen Seitenverhältnissen gut aussehen. Zu deinen Aufgaben gehört dabei auch die Auswahl geeigeneter Fotos für responsives Webdesign.

Kategorien
Bilder bearbeiten Design Photoshop

Photoshop: So spielst du mit dem Feuer und anderen Effekten

Fast jede Sekunde eines Blockbusters wird heute mit Spezialeffekten überarbeitet. In Photoshop können wir einige dieser Techniken simulieren, um eine einfache Aufnahme mit einer besonderen Farbstimmung auszustatten. Noch einige Lichteffekte, etwas Rauch, Staubpartikel oder gar Feuer und schon steht die Szene wie aus den Hollywood-Studios, Hollywood mit Photoshop.

Kategorien
Bilder bearbeiten Design Inspiration Photoshop Tutorials

Photoshop: Lensflare-Effekte wie aus dem Hollywood-Blockbuster

Wir können Photoshops Blendenflecke so einsetzen, wie es von Adobe gedacht war: als typische Lichtbrechung, die wir dann sehen, wenn allzu helles Licht in das Objektiv fällt. Es gibt aber auch weitere, kreative Anwendungen, um einen Lensflare-Effekt zu generieren. Wir sind das alle aus aktuellen Action- und Science Fiction-Filmen gewohnt.

Kategorien
Design Webdesign

Performance: So optimierst du Schriften für deine Website

Webschriften sind eine große Bereicherung für das Webdesign. In ambitionierteren Projekten geht es kaum mehr ohne. Schließlich haben sie die Einheitstypografie mit Verdana und ihren Zeitgenossen beendet. Da Webschriften im Gegensatz zu Systemschriften jedoch heruntergeladen werden müssen, stellen sie natürlich eine zusätzliche Ressource dar, die für zusätzlichen Datentransfer sorgt. Mit den folgenden Tipps optimierst du […]

Kategorien
Bilder bearbeiten Design E-Business Social Media Sonstige Programme Webdesign

Design mit Spark, Canva, Crello: So erstellst du perfekte Bilder für deine Website

Es ist schon erstaunlich, aber wahr. Für die Erstellung plakativer Bildkompositionen für deine sozialen Medien, deine Website und sogar deine sonstigen Kommunikationsmittel musst du nicht unbedingt Geld ausgeben. Mit Spark, Crello und Canva buhlen gleich drei kostenlose Dienste um deine Gunst. Wie du mit den drei Alternativen jeweils zum Ergebnis kommst, zeige ich dir folgend […]

Kategorien
Design E-Business E-Commerce

Schneller geht’s nicht: So stampfst du einen Online-Shop buchstäblich aus dem Boden

Wenn du nur eine Handvoll Produkte hast, die du digital verkaufen willst, dann wird die Überlegung, einen Onlineshop dafür zu eröffnen, nicht sehr attraktiv erscheinen. Und wenn du haufenweise Produkte zu verkaufen hast, erst recht nicht. Es gibt indes eine Lösung, mit der du in beiden Fällen schnellstmöglich zum Ziel gelangst. Wenn es ums Geld […]

Kategorien
Design HTML/CSS Responsive Design UI/UX Webdesign

Design für Alle: Fünf Richtlinien für barrierearme Websites

Menschen mit Behinderungen sind überdurchschnittlich oft im Internet unterwegs und dabei manchmal auf spezielle Aufbereitungen der Webangebote angewiesen. Diese Aufbereitung geht über die übliche Darstellung am Bildschirm hinaus. Menschen mit einer Einschränkung des Sehvermögens lassen sich Websites oftmals mittels Screenreader vorlesen oder auch in Braille-Schrift ausgeben.

Kategorien
Bilder bearbeiten Design Illustrator

Übersetzt: Adobe Illustrator von Englisch zu Deutsch

Vergleicht man das Angebot englischsprachiger Tutorials (und auch deren Qualität) mit Artikeln in deutscher Sprache, so finden wir hierzulande eher wenige gute Inhalte. Selbst viele deutsche Autoren veröffentlichen ausschließlich in englischer Sprache. Da wir trotzdem zumeist deutschsprachige Programmversionen einsetzen, ist es sehr praktisch, hier eine Übersicht der Menübefehle in einer Übersetzung zu haben. Dies liefern […]

Kategorien
Bilder bearbeiten Design E-Business SEO

Mit diesen drei kostenlosen Maßnahmen verbesserst du deinen Online-Auftritt sofort

Deine Website reichweitenstärker, schöner, besser zu machen, kostet immer Geld? Nein, nicht immer. Tatsächlich gibt es enorm schlagkräftige Wege, das völlig ohne Geldeinsatz zu bewerkstelligen. Das einzige, was es dazu braucht, ist ein klein wenig Arbeitseinsatz, etwas Lernwille und natürlich der Wunsch, wirklich etwas an deinem Auftritt zu verbessern – und gerade bei letzterem sollte […]

Kategorien
Design Freebies, Tools und Templates UI/UX

Design: Beachte die Funktionsweise des Gehirns

Das menschliche Gehirn arbeitet in einer Weise, die du nicht ignorieren kannst, wenn dein Design erfolgreich werden soll. Hirnfreundliches Webdesign entscheidet über Erfolg und Misserfolg, also nimm es nicht auf die leichte Schulter.

Kategorien
Design UI/UX

Was ist Emotional Design und warum sollte dich das interessieren?

Emotional Design markiert gewissermaßen die Oberklasse moderner Gestaltung. Und obwohl der Begriff nicht neu ist, gibt es im Wettbewerb nicht viele, von denen du lernen könntest.

Kategorien
Design UI/UX

Design: Beachte diese Best Practices der Seitennavigation

Mit dem Design der Seitennavigation wurde schon viel experimentiert. Inzwischen können wir klare Empfehlungen dazu ableiten, wie wir vorgehen sollten. Dennoch kommt es auch hier auf den konkreten Einzelfall an.

Kategorien
Design HTML/CSS

CSS-Klassen sinnvoll benennen

Schön anzusehen ist die mittlerweile starke Verbreitung von Stylesheets. Sie haben ihren Platz in der Webentwicklung längst fest eingenommen. Das grundlegende Prinzip der Anwendung von Stylesheets wird allerdings oft falsch verstanden. Damit ist nicht die…

Kategorien
Design Inspiration Tutorials UI/UX Webdesign

Typographie im Alltag: So werden deine Texte lesbar

Wenn du als Seitenbetreiber denkst, Typographie brauche dich nicht zu interessieren, dann irrst du. Die reine Lesbarkeit deiner Texte ist nämlich auch schon eine Frage der Typographie. Und um genau diese Typographie im Alltag will ich mich im folgenden Beitrag kümmern.