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.

Kategorien
Design HTML/CSS Webdesign

So erstellst du das optimale Print-Stylesheet

Auch heute gibt es noch viele Menschen, die sich das Internet ausdrucken möchten. Das kann verschiedene Gründe haben. Vielleicht will ein Team den Inhalt deines Beitrags im Meeting besprechen. Oder jemand möchte deinen Artikel dort lesen, wo er gewiss keinen Internet-Empfang hat. Um diese Menschen ansprechen zu können, benötigt jede Website immer noch eine CSS-Datei […]

Kategorien
Bilder bearbeiten Design Freebies, Tools und Templates Photoshop

Besser als Tutorials: 40 freie PSD-Dateien mit offenen Ebenen (+ Tipps)

Jetzt schauen wir professionellen Gestaltern mal ganz genau über die Schultern, denn  freie PSD-Dateien mit offenen Ebenen erlauben es uns,  Ebene für Ebene den Aufbau der Grafiken zu verstehen.

Kategorien
Bilder bearbeiten Design UI/UX

Icon-Design: 5 essenzielle Tipps für deine ersten Piktogramme

Eben mal ein Icon hinscribblen. Was soll daran denn schwer sein? Nun, es ist jedenfalls nicht einfach. Wir zeigen dir, worauf du beim Einstieg ins Icon-Design achten musst.

Kategorien
Design UI/UX

Vollkommen geschmacklos: So stellst du fest, ob ein Design gut oder schlecht ist

Dein eigener Geschmack ist ein schlechter Ratgeber in der Frage der Beurteilung, ob ein Design nun gut oder schlecht ist. Lass uns da mal objektiver ran gehen.

Kategorien
Design UI/UX

Design: Was für Sprach-Interfaces der Zukunft wichtig ist

Seit fast zwei Jahren besitze ich einen Amazon Echo. Das Gerät zeigt mir seitdem eindrucksvoll, wie limitiert heutzutage Sprach-Interfaces sind. Da muss sich was tun. Amazon hat das schon erkannt und statt einer Verbesserung des Sprachinterfaces zwei Echo-Geräte mit Bildschirm ins Rennen geschickt.

Kategorien
Design Responsive Design

Mobiles Webdesign: 5 mehr oder weniger gute Navigationskonzepte

Mobiles Webdesign hat seine Tücken. Die Gestaltung mobiler Weblayouts für Smartphones stellt Designer immer wieder vor Herausforderungen. Der wenige Platz, der auf den Geräten zur Verfügung steht, will sinnvoll genutzt sein – vor allem für die Inhalte. Die Navigation darf also am Besten gar keinen Platz wegnehmen, soll aber dennoch schnell und intuitiv auffindbar sein. […]

Kategorien
Bilder bearbeiten Design Inspiration Photoshop Tutorials

Schönheitsoperation mit Photoshop: So arbeitest du wie eine Model-Agentur

Photoshop kann leicht für das nächste Topmodel sorgen. So reichen wenige Werkzeuge aus, um die Augen zu verschönern, diese neu zu positionieren und Augenbrauen und Wimpern nachzuziehen. Unzählige Techniken gibt es im Bereich der Hautretusche. Wir stellen die wichtigsten Methoden vor, die in Kombination zur perfekten Haut führen – natürlich nur auf dem Bild. Heute […]

Kategorien
Bilder bearbeiten Design Inspiration Photoshop Tutorials

Krumm, schief, blass? So wertest du Fotos von Gebäuden kreativ auf

Etwas Abstand zum Objekt oder ein gutes Weitwinkelobjektiv sorgen dafür, dass große Gebäude im Ganzen abgelichtet werden können. Trotzdem kommt es zu Verzerrungen, wie etwa verschobene Horizonte oder gebogene Linien. In Photoshop kannst du diese Fehler leicht ausbügeln und einige weitere Optimierungen vornehmen. Auch Camera RAW und Adobe Lightroom bieten uns dazu Lösungen an.

Kategorien
Bilder bearbeiten Design Photoshop

Photoshop: 35+ Text-Effekte zum Nachbauen

Text-Tutorials sind recht beliebt, um bei Einladungen, dem eigenen Poster oder einem Banner im Netz schnell zu guten Ergebnissen zu gelangen, wenn sehenswerte Überschriften gefragt sind. Da kann der Schriftzug glühen wie Magma, kalt aus Eis geformt sein oder wie süßer Honig fast zufällig ein Wort ergeben. Aber auch die zahlreichen 3D-Effekte sind erstaunlich.

Kategorien
Design HTML/CSS

HTML5: Videos untertiteln mit dem Track-Element

Seit der Einführung der HTML5-Videos ist das Abspielen von Videos ganz ohne Plug-ins möglich. Doch HTML5-Videos bieten weit mehr, als Videos nativ im Browser darzustellen. Mit der Track-Funktion lassen sich sogar Untertitel innerhalb von Videos einblenden. Diese werden in seiner separaten Textdatei abgelegt und können per Knopfdruck im Video ausgegeben werden. So machst du Videos […]

Kategorien
Bilder bearbeiten Design Inspiration Photoshop Tutorials

Adobe Photoshop: Dramatische Fotos im Handumdrehen

Wir alle haben hunderte Fotos auf dem Rechner liegen und wissen nichts damit anzufangen. Dabei reichen oft wenige Schritte in Photoshop, um aus einer guten Aufnahme ein außergewöhnliches Foto zu zaubern. Wir geben drei Beispiele und regen zum Ausprobieren an. So kommst du in wenigen Schritten zu interessanten Varianten deiner schönsten Bilder.

Kategorien
Bilder bearbeiten Design Inspiration Tutorials

Time-Lapse-Videos: Deine Filme im Zeitraffer mit Lightroom und Premiere Elements

Es gibt zwei großartige Methoden, Videos schneller ablaufen zu lassen, als es die Zeiger auf der Uhr so vorgesehen hatten. Einmal gleich in deiner Kamera oder aber nachträglich in einer Software, die Video-Bearbeitung zulässt, wie etwa Adobe Premiere. So lassen sich zeitintensive Abläufe auf wenige Minuten reduzieren, um diese dennoch zu präsentieren, wenn auch etwas […]

Kategorien
Bilder bearbeiten Design Photoshop

Bildbearbeitung: So manipulierst du die Jahreszeiten mit Photoshop

Mit Photoshop bestimmst du das Wetter, sei es der schönste Sonnenschein im Sommer, starker Schneefall im Winter, Nebel in Frühling oder Herbst. Photoshop ist die Wetterfee, die alle Regler in den Händen hält. Dabei bestimmt gerade die Farbstimmung, wie wir ein Bild wahrnehmen. Und natürlich der simulierte Schnee oder die mit nur einem Filter erzeugte Sonne.

Kategorien
Bilder bearbeiten Design Inspiration Photoshop Tutorials

So machst du den Tag zur Nacht mit Photoshop

Willst du aus Gründen eine Aufnahme bei Sonnenschein in eine romantische Version bei Nacht verwandeln, so ist das einfacher als du vielleicht denkst. Du kannst diesen Übergang in wenigen Schritten nicht-destruktiv erreichen. Dabei solltest du allerdings bedenken, dass nicht alle Fotos geeignet sind. Starker Sonnenschein sorgt für einen sehr harten Schattenwurf, der sich nur umständlich […]

Kategorien
Design E-Business SEO UI/UX

Webdesign: Die Basics guter Informationsarchitektur

Der Zugang zu Informationen will gut organisiert und strukturiert sein, damit der Informationssuchende schnell und umfassend fündig werden kann. Dazu bedarf es umfassender Überlegungen im Vorfeld der Design-Ausführung. Heraus kommt die Informationsarchitektur.

Kategorien
Bilder bearbeiten Design Photoshop

Photoshop: Englisch – Deutsch Übersetzung

Wer im Netz auf eines der zahlreichen englischsprachigen Tutorials stößt, hat mitunter Schwierigkeiten Fachbegriffe der deutschsprachigen Photoshop-Version zuzuordnen. Kein Problem mit dieser Tabelle. Menü File: Datei New Neu Open Öffnen Search Durchsuchen…

Kategorien
Design HTML/CSS

HTML5: Wie das Template-Element komplexe Vorlagen ermöglicht

Zwar gibt es mit document.createElement() und anderen entsprechenden Methoden eine Möglichkeit, um per JavaScript HTML-Elemente zu erzeugen und dem DOM-Baum hinzuzufügen – komfortabel und übersichtlich ist das jedoch in der Regel nicht. Gerade ab einer gewissen Komplexität der zu erstellenden Elemente kann man schon mal den Überblick verlieren. Das HTML5-Template-Element soll für Abhilfe sorgen.

Kategorien
Bilder bearbeiten Design E-Business E-Commerce Fotografie Inspiration Photoshop Tutorials

Das Auge kauft mit: Wie das perfekte Produktfoto entsteht

Besonders für den eigenen Online-Shop gilt: Das Produkt wird über die Fotos verkauft. Deshalb müssen diese Fotos möglichst perfekt sein. Wenn du darauf schon bei der Aufnahme achtest, kannst du dir einiges an Arbeit in der Bildbearbeitung ersparen. Doch welches Equipment, welches Licht-Setup ist dafür gefragt? Wir schauen uns heute die Standards der Produktfotografie an. […]

Kategorien
Bilder bearbeiten Design Webdesign

Design Best Practice: Darauf musst du beim Einsatz von Stockphotos achten

Fotos spielen eine wichtige Rolle im Grafik- und Webdesign. Sie lockern auf, vermitteln Stimmungen und Eindrücke und regen zum Lesen an. So sind Fotos in Websites ein unverzichtbares Mittel der Kommunikation. Da man nicht immer das passende Bild zur Hand hat und dieses oft auch nicht selbst schießen kann, gibt es Stockphotos. Aber was gilt es beim […]