Icons

Icons dienen dazu eine Funktion visuell zu verdeutlichen. Neben klassischen pixelbasierten Icons, setzen sich mit SVG-Grafiken und Webfont-Icons auch im Web zunehmend Symbole im Vektorformat durch. Browser und mobile Endgeräte setzen Icons in Form von Favicons und Webclip-Icons ein.

Photoshop-Tutorial: CD/Blu-Ray-Disc Icon mit Ebenenstilen

In diesem Photoshop CS5-Tutorial möchte ich Euch zeigen wie einfach es ist mit simplen Grundformen und ein paar Ebenenstilen ein realistisches CD/Blu-Ray Disc Icon zu erstellen. Der Schwerpunkt liegt in der Erstellung individueller Farbverläufe und Ebenenstile. Das Tutorial ist auch als Screencast verfügbar.

Beitrag zu Ende lesen

Apple Touch Icon für das Retina Display

Neben dem Favicon gehört das WebClip-Icon (auch Apple Touch Icon genannt) mittlerweile zum Must-Have einer guten Website. In einem älteren Artikel habe ich erklärt was genau man machen muss und worum es sich hier überhaupt handelt.

Nun schiebe ich ein wichtiges Update nach: Seit dem iPhone 4 mit seinem brillianten Retina-Display muss das Apple Touch Icon nämlich in höherer Auflösung vorliegen, sonst sieht es so aus wie auf folgendem Screenshot.

Beitrag zu Ende lesen

365psd – Ein Jahr lang gratis Photoshop-Files

Nur ein paar schnelle Tipps heute. Die Website 365psd.com bietet seit nunmehr 23 Tagen jeden Tag eine neue, kostenlose Photoshop-Datei (PDS) zum Download an. Ich hab mir das Ganze mal angeschaut und bin recht positiv überrascht. Es handelt sich bisher fast jeden Tag um ein einzelnes Stilelement was man sicher irgendwann mal sinnvoll einsetzen kann. Besonders gut finde ich, dass die Elemente leicht den eigenen Bedürfnissen abgepasst werden können.

Don’t print this e-mail!

In vielen Büros ist es leider nach wie vor trauriger Alltag. Hunderte von E-Mails werden Tag für Tag ausgedruckt und im schlimmsten Fall auch noch ungelesen weggeschmissen. Und tschüss, papierloses Büro...
Um dieser Unsitte entgegen zu wirken kann es durchaus hilfreich sein einen entsprechenden Hinweis in die E-Mail einzubauen und so den Empfänger im Idealfall davon abzuhalten.

Beitrag zu Ende lesen

New icons for a better world

Icons sind aus modernem Webdesign nicht mehr wegzudenken; in Bezug auf das heutige Thema möchte ich jedoch die Diskussion um ein spezielles Icon anstoßen.
Die Rede ist von der Glühbirne. Dieses Icon wird allgemein für Tips, Infos, Hinweise, Ideen etc. verwendet. Auch ich verwende dieses Icon auf meiner Seite um bestimmte Textabschnitte im wahrsten Sinne des Wortes zu highlighten. Ist das überhaupt noch zeitgemäß?

Beitrag zu Ende lesen

Free Racing Icons/Illustrations

Während eines aktuellen Web-Projektes habe ich drei Illustrationen zum Thema Motorsport/Rennsport erstellt die im weiteren Projektverlauf jedoch nicht eingesetzt wurden. Aus diesem Grund stelle ich sie Euch hier kostenlos zum Download zur Verfügung.
Je nach Projekt lassen sie sich die Motive sicher auch als Icon verwenden auch wenn das Anwendungsgebiet eher klar eingegrenzt sein dürfte. Aber wie das nunmal mit kostenlosen Grafiken so ist. Mitnehmen, abspeichern und wenn man es irgendwann mal braucht darauf zurückkommen. Die drei Grafiken haben die abgebildete Standardgröße und liegen im PNG-Format zum Download bereit. In diesem Sinne: Viel Spaß damit!

Beitrag zu Ende lesen

7 Free Sport-Icons

Für ein aktuelles Projekt habe ich sieben Sport-Icons gestaltet. Da ich das Projekt jedoch abbrechen musste, stelle ich Euch diese Icons kostenlos zur Verfügung. Ich hoffe Ihr findet sinnvolle Verwendung dafür. Das Icon-Set umfasst sieben Icons in einer Größe von 64x64 Pixeln und im PNG-Format. Viel Spaß damit.

Beitrag zu Ende lesen