Design

Design

Schnell und einfach: Mobile Micro-Sites erstellen mit adsy.me

27. August 2015
von
adsy-teaser_DE

Das Internet wird mobiler und entsprechend müssen auch Websites den Anforderungen des mobilen Webs entsprechen. Mit adsy.me kann sich jeder innerhalb weniger Minuten seine eigene kleine mobile Micro-Site zusammenstellen. Dank HTML5 und CSS3 sind animierte Übergänge sowie Audio- und Video-Einbindungen problemlos möglich.

Design

„Professional Web Typography“: Ratgeber für die perfekte Webtypografie

20. August 2015
von
professional-web-typography

Der richtige Umgang mit Typografie will gelernt sein. Schriftauswahl, Lesbarkeit und die Berücksichtigung der typografischen Regeln gehören zu den wichtigsten Dingen, die man auch als Webdesigner beherrschen sollte. Denn dank Webschriften und CSS3 wird der Umgang mit Typografie auch im Web immer komplexer. Der umfangreiche Ratgeber „Professional Web Typography“ hilft, sowohl technische als auch ästhetische Gesichtspunkte im Umgang mit Typografie zu beachten.

Design

Logogestaltung in Zeiten sozialer Medien: Quadratisch, praktisch, gut?

18. August 2015
von
logogestaltung-teaser_DE

Die Gestaltung eines Logos ist seit jeher den technischen Gegebenheiten und den zur Verfügung stehenden Medien unterworfen. So war es zu Zeiten des Faxes wichtig, dass ein farbiges Logos so kontrastreich angelegt war, dass es beim Fax auch in schwarz-weiß funktionierte. Mit den sozialen Netzwerken kamen neue Anforderungen auf Gestalter zu, die sich vor allem in der Logoentwicklung der letzten Jahre widerspiegeln.

Bilder & Vektorgrafiken bearbeiten

20 herausragende Adobe Illustrator-Tutorials

14. August 2015
von
illustrator-teaser
20 Illustrator-Tutorials für den lernbegierigen Webworker.

Illustrator ist die erste Wahl für sehenswerte Vektor-Grafiken, die unendlich skaliert werden können, ohne um die Bildqualität fürchten zu müssen. Wir stellen gleich zwanzig der aktuellsten Illustrator-Tutorials vor und bieten damit ein Sprungbrett auf herausragende Poster-Gestaltung, Text-Effekte, Charakter-Ideen und fotorealistischen Ergebnissen, die erstaunen. Zur Inspiration, aber auch zum Erlernen neuer Techniken, bieten sich solche Anleitungen einfach an. Und nun viel Spaß bei diesen illustrativen Meisterwerken.

Bilder & Vektorgrafiken bearbeiten

Responsives Webdesign: So finden Sie die richtigen Fotos

13. August 2015
von
responsivefotos-teaser_DE

Für Webdesigner ist das mobile Internet eine große Herausforderung. Websites müssen auf unterschiedlich großen Displays mit verschiedenen Seitenverhältnissen gut aussehen – vom Desktoprechner, über das Tablet bis zum Smartphone. Dazu kommt, dass hochauflösende Displays an Verbreitung gewinnen. Neben vielen technischen und gestalterischen Dingen, die man als Webdesigner und -entwickler beachten muss, gehört auch die Auswahl geeigneter Fotos. Diese müssen möglichst auf allen Geräten und in allen Auflösungen gut funktionieren. Unser heutiger Artikel soll sich daher gezielt dem Thema widmen, wie Sie die richtigen Fotos für responsives Webdesign finden.

Design

CSS Stats informiert über die Stylesheets einer Website

11. August 2015
von
cssstats-teaser_DE

Bei einer umfangreich gestalteten Website verliert man schon einmal den Überblick über die Stylesheets. Neben allgemeinen CSS-Angaben für das Grundlayout der Website sind häufig auch ganz spezielle Stylesheets für besondere Inhalte vorhanden. Die Website CSS Stats gibt einen umfassenden Überblick über die hinterlegten Stylesheets eines Webprojektes und verrät in nackten Zahlen und übersichtlichen Auflistungen, was alles definiert wurde.

Photoshop

Photoshop kreativ: So einfach simulieren Sie eine doppelte Belichtung

10. August 2015
von
doppelte-belichtung-teaser

Im analogen Zeitalter waren doppelte Belichtungen noch leicht möglich: ein Foto wurde aufgenommen, der Film zurück gespult und ein weiteres Fotos geschossen. Mit etwas Glück entstanden so fast künstlerische Kombinationen zweier Motive. In Photoshop können Sie diesen Effekt simulieren und weitaus leichter kontrollieren. Sie benötigen nur das passende Ausgangsmaterial.

Design

Slideout.js: Off-Canvas-Navigation mit Gestensteuerung

7. August 2015
von
slideoutjs

Die Gestaltung einer für Mobilgeräte optimierten Website ist mitunter eine große Herausforderung. Der wenige Platz, der auf mobilen Geräte zur Verfügung steht, macht es nicht immer einfach, alle relevanten Inhalte unterzubringen. Gerade Navigationen stellen häufig ein Problem dar, da sie oft viel Platz einnehmen. Daher verschwinden Navigationen oft außerhalb des sichtbaren Bereichs einer Website und werden über eine Schaltfläche eingeblendet. Solche Off-Canvas-Navigationen sind beliebt, praktisch und werden vor allem in mobilen Apps gerne eingesetzt. Mit Slideout.js lässt sich eine Off-Canvas-Navigation einfach in ein eigenes Webprojekt integrieren – inklusive Gestensteuerung, was vor allem auf Mobilgeräten der Usability entgegenkommt.

Design

SmallPDF: Umfassender PDF-Werkzeugkasten als Web-App

4. August 2015
von
SmallPDF: Umfassender PDF-Werkzeugkasten als Web-App

Adobe Acrobat ist nach wie vor die Standardlösung für das Erstellen, Bearbeiten und Optimieren von PDF-Dateien. Seit es die Document Cloud gibt, steht einem neben der Desktopanwendung auch eine Webanwendung mit den wichtigsten PDF-Funktionen zur Verfügung. Mit smallpdf gibt es einen ganz ähnlichen Dienst, mit dem man per Webanwendung PDF-Dateien unter anderem erstellen, konvertieren und zusammenfügen kann. Im Gegensatz zur Document Cloud von Adobe ist smallpdf kostenlos.

Design

SVG Circus: Animationen per Web App

3. August 2015
von
svgcircus-teaser_DE

Mit dem SVG-Format ist es nicht nur möglich, statische Vektorgrafiken zu erstellen. Auch Animationen lassen sich damit realisieren. Während Grafikprogramme wie Adobe Illustrator das Speichern statischer SVG-Formate ermöglichen, gibt es kaum Anwendungen, mit denen auch SVG-Animationen erstellt werden können. Über die Web App SVG Circus können genau solche animierten Grafiken im SVG-Format angelegt werden. Anders als bei vielen JavaScript-SVG-Frameworks muss man hier weder JavaScript, noch SVG-Auszeichnung beherrschen. Alles läuft über eine grafische Oberfläche, die sehr einfach zu bedienen ist.