Jede Website benötigt Grafiken. Diese Seite sammelt Wissenswertes rund um Grafiken.
1 Wo finde ich Grafiken?
Hier eine Liste von Stock-Fotografie-Portalen, auf denen du gute Grafiken findest:
- Adobe Stock* - Riesige Auswahl an Bildern, Vektorgrafiken und Videos (ehemals Fotolia)
- Photocase - Plattform für lebensnahe, ehrliche Fotografie
1.1 Kostenlose und freie Grafiken
- Pixabay - Frei verwendbare Grafiken (mit CC0-Lizenz)
- flickr.com/creativecommons - Flickr-Bilder die man entsprechend der jeweiligen CC-Lizenz verwenden darf
- Unsplash - Beautiful, free photos
- bigoo.ws - Viele Grafiken, Backgrounds, Icons etc.
- findicons.com - Kostenlose Icons
- freedigitalphotos.net - Download free and premium stock photos
- iconfinder.com - Riesige Icon-Sammlung (mit kommerziell verwendbaren Icons)
- komodomedia.com/blog/2009/06/social-network-icon-pack/ - Kostenlose Social Media-Icons
- pixeden.com - Hochwertige Designs und Web-Resourcen (PSD und Illustrator)
- premiumpixels.com - Free Stuff for Creative Folk
- smiliemania.de - Über 10.000 kostenlose animierte Smilies im GIF-Format
- sxc.hu - Tausende freie Fotos, kostenlose Anmeldung erforderlich
- 200 kostenlose PNG-Icons für mobile Websites und Apps
- thenounproject.com - Riesige schwarze Icon-Sammlung
1.2 Grafiken selbst erstellen
- faviconist.com - Favicon mit Google Webfonts erstellen
- flamingtext.com - Logos und Schriftzüge selbst erstellen
- fodey.com - Lustige Grafiken selbst erstellen
- freegraphiccreator.com - Ohne Photoshop kostenlos professionelle Salesletter-Grafiken erstellen
- hpvorlagen24.de - 30 kostenlose Photoshop Ribbon Sets
- repeatxy.com - Seite um (kachelbare) Hintergrundgrafiken zu erzeugen
- piktochart.com - Tool um Infografiken zu erstellen
1.3 Platzhalter-Bilder
- net.tutsplus.com - Top 8 Placeholder Services for Web Designers
- drweb.de - Gute Anleitung für Placehold.it
1.4 Logo-Design
- thelogocompany.net - Logo-Entwicklung für nur 149 € (man erhält 5 Vorschläge)
- affordablelogodesign.us - America's leading logo design company
- graphicriver.net/category/logo-templates - Fertige Logos
- logoease.com - Free professional business logo maker
- logonerds.com - Professional Custom Logo Design
- de.wilogo.com - Professionelles Logo entwickeln lassen (ab 295 €)
1.5 Sonstiges
- e-book-manager.com - Lange Liste von Grafik-Websites
- mrdiv.tumblr.com - Tolle Gifs
- giphy.com - Gif-Suchmaschine
- pp-blogsberg.de - 10 Dinge zum Umgang mit Bildern und Fotos
2 Tipps für ein gutes Profilbild
- Wirke authentisch.
- Den Kopf leicht zu neigen, kann sympathisch(er) wirken als den Kopf ganz gerade zu halten.
- Schneide das Bild so, dass dein Kopf oben nicht komplett zu sehen ist.
3 Bildbearbeitung
Zur kostenlosen Bildbearbeitung eignet sich GIMP sehr gut. Das Open-Source-Programm bietet eine umfangreiche Funktionalität und muss auch den Vergleich mit dem Standard-Bildbearbeitungsprogramm Photoshop nicht scheuen.
Es gibt mittlerweile auch gute Online-Bildbearbeitungs-Tools, zum Beispiel pixlr.com oder auch Canva.
3.1 Tipps
Schriften auf Bildern:
- Nutze auf dunklen Bildern helle Schrift und auf hellen Bildern dunkle Schrift.
- Um eine Schrift besser lesen zu können:
- Benutze ein geometrisches Element (zum Beispiel einen Kreis) der zwischen Bild und Text liegt. Mache dieses Element transparent.
- Dupliziere die Schrift, schiebe sie hinter die eigentliche Schrift, ändere die Farbe der Schrift und zeichne sie weich. Dies erzeugt eine Kontur oder einen Schatten.
Weitere Tipps:
- Nutze Gitter (Grids) um Elemente zu platzieren.
- Wenn du Icons platzierst, mache sie lieber schwarz und dann transparent als neue Farben für sie zu suchen.
4 Bild-Rückwärts-Suche
Mit folgenden Tools kannst du suchen, ob (d)ein bestimmtes Bild auf anderen Websites verwendet wird:
5 Weiterführendes
5.1 Tools
- Text is Beautiful - Schöne Grafiken mit eigenem Text erstellen
5.2 Ressourcen
- 500px - Große Photo-Community
5.3 Weblinks
- bluevertigo.com.ar - Riesige Sammlung an Grafik-Ressourcen
Kategorie:
