• SERVICE +49 (0) 2225 / 7085-535
  • Mo. - Fr. 8.00 Uhr bis 18.00 Uhr
  • Kostenlose Lieferung ab 30 EUR
  • Zahlung per PayPal, Kreditkarte (PayPal), Rechnung,
  • Überweisung, Vorkasse, SOFORT Überweisung
  • Verschlüsselte Datenübertragung
Deutschland
Lieferland wählen
Wohin soll Ihre Bestellung geliefert werden?

Ihr Warenkorb

0 Artikel - 0,00 €
Noch 30,00 € und Ihre Bestellung ist versandkostenfrei!

Hallo, Gast!

eDossier »Mehrfarbige Webfont Icons erstellen«

sofort herunterladbar

In 8 Schritten mit Webfonts mehrfarbige und skalierbare Icons erstellen
1,95 €
Inkl. MwSt.
1,95 €
Inkl. MwSt.
Mehrfarbige Icons mit Webfonts

Mit Webfonts umgesetzte Icons stechen Grafiken in vielerlei Hinsicht aus, doch bei der Farbgebung hapert es. Wie man dennoch mehrfarbige Schrift-Icons realisiert, hat Annika Brinkmann, Mobile Screen Designer und Trainer, herausgefunden.

Schriften haben ganz fantastische Vorteile gegenüber Bildern: Sie skalieren beliebig und sehen trotz kleiner Dateigröße selbst auf Retina-Displays ohne Mehraufwand gestochen scharf aus. Schon zu Zeiten des Bleisatzes setzte man Icons als Schriftzeichen um – mit Webfonts ist dies seit geraumer Zeit auch im Webdesign möglich.

Bisher gab es dabei nur ein Problem: Die Icons waren immer einfarbig. Damit ist dank CSS3, HTML, SVG-Export und Co. nun Schluss! Mit Techniken wie @font-face, Generated Content, Gradienten und Schatten stehen heute Gestaltungsmöglichkeiten zur Verfügung, die sich im Browser lange Zeit ausschließlich mit statischen Bitmap-Bildern realisieren ließen.

In unserem Tutorial zeigt Ihnen Annika Brinkmann Schritt für Schritt, wie Sie Webfonts mit zwei oder drei Farben kolorieren, um auf dieser Grundlage komplexe mehrfarbige Icons zu gestalten. Auf Mobile-Knowledge.de sehen Sie die Beispiele im Praxiseinsatz.
mehr erfahren
Erscheinungstermin (CRM) 25.06.2014
Meta Keywords Web Fonts, Typografie, Webdesign

Sie erkennen mit Ausführung des Downloads und der Akzeptierung der AGB unsere Rechteinhaberschaft an. Wir gewähren Ihnen ein einfaches Nutzungsrecht zur Verwendung des Download-Produkts für den privaten Gebrauch. Eine Vermietung, Verleihung sowie Verkauf oder eine sonstige Form der Zugänglichmachung an Dritte ist Ihnen nicht gestattet.

Dateigröße: 2.79 MB
Dateiformat: PDF-Dokument
Seitenanzahl: 7 Seiten (210x297mm)
Kompatibilität: Windows, Mac OS X, iOS, Windows Phone, Android, Linux
Beschränkungen: unlimitierter privater Gebrauch, keine Kopien oder Vervielfältigungen erlaubt, nicht kopiergeschützt
Veröffentlichungsdatum: 25.06.2014
Artikelnummer: PDDP1031

Kunden kauften auch

PAGE 4.2017: Recruiting, Jobsuche, Designer, Developer, Snapchat, Personalmarketing

PAGE Digital 04.2017

7,95 €
Inkl. MwSt.
Corporate Design - In Zeiten schnellen Wandels

eDossier »Corporate Design«

1,95 €
Inkl. MwSt.
PAGE Digital 05.2014

PAGE Digital 05.2014

7,95 €
Inkl. MwSt.
PAGE 12.2016 Piktogramme, Piktogramm, Retina Display, Icons erstellen, Designer, Responsive Webdesign

PAGE 12.2016

PAGE Digital 01.2015

PAGE Digital 01.2015

7,95 €
Inkl. MwSt.
eDossier »Typografie im Web«

eDossier »Typografie im Web«

2,85 €
Inkl. MwSt.
PAGE Miniabo

PAGE Miniabo

19,70 €
Inkl. MwSt., inkl. Versandkosten
PAGE 09.2016: Branding - Illustration - Werbung

PAGE Digital 09.2016

PAGE Digital 12.2012

PAGE Digital 12.2012

7,95 €
Inkl. MwSt.
PAGE 11.2015: Social Media, Marketing, Tools, Designer, Developer, Self Marketing

PAGE Digital 11.2015

7,95 €
Inkl. MwSt.
PAGE Digital 12.2015: Gehaltstabelle, Freelancer, Businessplan, Kommunikationsdesign, Mediengestalter, Firmenlogo erstellen, Instagram

PAGE Digital 12.2015

7,95 €
Inkl. MwSt.
NACH OBEN