Links
Ein paar praktische weiterführende Informationen rund um das Thema Screendesign.
Ein paar praktische weiterführende Informationen rund um das Thema Screendesign.
10 examples of white space design websites you’ll want to copy
Ein paar schöne Beispiele und Inspirationen zum Thema Weißraum
https://www.justinmind.com/blog/10-examples-of-white-space-design-websites-youll-want-to-copy/
20 design rules you should never break
Ein paar Gestaltungsregeln, die auf jeden Fall beachtet werden sollten.
https://www.canva.com/learn/design-rules/
99 Designbegriffe, die Du kennen solltest
Gutes Glossar von Kris Decker
https://99designs.de/blog/design-tipps/designbegriffe/
Adobe Color
Erstelle Farbpaletten mit dem Color Wheel oder anhand von Bildern.
https://color.adobe.com/de/explore
Atomic Design
Das Buch zum Thema „Atomic Design” von Brad Frost.
http://atomicdesign.bradfrost.com
Awwwards
Lass dich von Websites in einem Digitalen Wettbewerb inspirieren.
https://www.awwwards.com/
Behance
Soziales Netwerk für Kreative, um Inspirationen zu finden und Werke zu teilen.
https://www.behance.net/
Canva
Erstelle Moodbaoard, Collagen und andere Design
https://www.canva.com/de_de/erstellen/moodboards/
Foster Made UI Kit
Schönes Beispiel für einen kompakten Styleguide
https://dribbble.com/shots/4481605-Foster-Made-UI-Kit/attachments/1016376
Dribbble - Explore the world’s leading design portfolios
Durchstöber Design Portfolios und lasse dich inspirieren.
https://dribbble.com/
Fontjoy - Font pairing made simple
Generiere Schrift Kombinationen mit Deep Learning.
https://fontjoy.com/
9 basic principles of responsive web design
Flotte Übersicht über Prinzipien von reaktionsfähigem Design
http://blog.froont.com/9-basic-principles-of-responsive-web-design/
Golden Ratio Examples? - Art & Architecture
Verschiedene Beispiele zum goldenen Schnitt
https://www.geogebra.org/m/nmuaSXrK
How To Create a Style Guide From Scratch. Tips and Tricks
Ein paar Ideen zur Erstellung eines Style Guides
https://medium.muz.li/how-to-create-a-style-guide-from-scratch-tips-and-tricks-e00f25b423bf
How to Make the Perfect Web Design Style Guide
Ein paar Ideen zur Erstellung eines Style Guides
https://www.dtelepathy.com/blog/design/webdesignstyleguide
How to design with white space
Gute Einführung zum Thema Weißraum.
https://blog.prototypr.io/importance-of-white-space-in-design-5a40c0e65bfd
Laws of UX
Laws of UX is a collection of best practices that designers can consider when building user interfaces.
https://lawsofux.com
Material Design Guide
Sehr guter Styleguide, der auch einige Grundlagen vermittelt.
https://material.io/
Pexels
Die schönsten kostenlosen Fotos, lizenzfreien Bilder und Videos von unseren kreativen Nutzern.
https://www.pexels.com/
IBM Design Language
Umfassender Styleguide von IBM
https://www.ibm.com/design/language/
Pixabay - Stunning free images & royalty free stock
Lizenzfreie Bilddatenbank
https://pixabay.com/
Programming Design Systems
A free digital book that teaches a practical introduction to the new foundations of graphic design. By Rune Madsen.
https://programmingdesignsystems.com/what-is-a-design-system/index.html
Responsive Design Examples
Ein paar hübsche Beispiele für reaktionsfähige Layouts.
https://designmodo.com/responsive-design-examples/
Spline, a place to design and collaborate in 3D.
Simple Alternative zu Blender, um rasch 3D Modelle zu erstellen.
https://spline.design/
Style Guides by Pro Designers
Ein paar kompakte Styleguides
https://medium.com/inspiration-supply/style-guides-by-pro-designers-5605707afc07
Unsplash - The internet’s source for visuals.
Lizenzfreie Bilddatenbank
https://unsplash.com/
Martin Hahn: Die Design-Grundlagen verstehen
Egal ob Logo, Website, Visitenkarte, Flyer oder App – dieser Artikel hilt dir, die Design-Grundlagen zu verstehen, damit du sofort loslegen kannst und eigene Designs gestalten kannst.
https://www.webdesign-journal.de/grafik-design-lernen/#bascis
White space in UI design
Gute Einführung zum Thema Weißraum.
https://uxplanet.org/white-space-in-ui-design-8647d4f685a7
Wordmark
Vergleiche Schriften miteinander und finde das perfekte Match.
https://wordmark.it/
Your friendly guide to colors in data visualisation
Der Artikel „Your friendly guide to colours in data visualisation“ von Datawrapper erläutert, wie Farben bewusst eingesetzt werden können — etwa um Stimmung zu erzeugen oder Aufmerksamkeit zu lenken — und unterscheidet dabei zwischen Farbverläufen (für kontinuierliche Daten) und markanten Farbtönen (für Kategorien). Zudem stellt er zahlreiche Tools, Inspirationsquellen und Prüfmechanismen vor, damit die gewählten Farben ästhetisch wirken, funktional bleiben und insbesondere auch für farbblinde Nutzer:innen zugänglich sind.
https://www.datawrapper.de/blog/colorguide