Adobe Color CC

Kostenloses Colorwheel von Adobe, das im Browser läuft. Hilft, passende Farben zu einer Basisfarbe zu finden.
https://color.adobe.com/create/color-wheel/

Farben, Tools

An Alphabetical Adventure

Eine spielerische, grafische Darstellung des Alphabets.
http://www.aisforalbert.com/

Typographie, Inspirationen

Google Autodraw

Schönes experimentelles Zeichentool von Google.
http://www.autodraw.com/

Tools, Icons, Zeichnen

Behance

Showcase, ähnlich wie Dribbble, aber zeigt eher ganze Projekte. AUch hier gilt die Warnung von Dribbble.
https://www.behance.net/search?field=102&content=projects&sort=appreciations&time=week

Handwerk, Inspirationen

Canvasflip

Tool zur UX Analyse.
https://canvasflip.com/

Tools, UX

Colourlovers Palettes

Vorgefertigte Farbpaletten zur Inspiration.
http://www.colourlovers.com/palettes

Farben, Inspiration

Designer News

An Hacker News angelehntes Board, das sich um Design-Themen dreht.
https://www.designernews.co/

Vertiefungen

Designinspiration

Wild gemischter Showcase.
http://designspiration.net/

Handwerk, Inspirationen

Distill

Kostenlose HD-Videos (z.B. für den Einsatz im Hintergrund).
http://www.wedistill.io/

Videos, Ressourcen, Inspirationen

Dribbble

Eine der größten Seiten zum Zeigen von Designs, aber mit Vorsicht zu genießen, da viele Artefakte nicht auf Basis von Anforderungen aus dem echten leben gebaut wurden.
https://dribbble.com/

Handwerk, Inspirationen

12 Factors In Selecting A Mobile Prototyping Tool

Artikel zur sinnvollen Auswahl von Prototyping Tools.
https://www.smashingmagazine.com/2016/04/factors-selecting-mobile-prototyping-tool/

Basiswissen, Guides

Flaticon

Umfassende Sammlung von kostenlosen IconPacks.
http://www.flaticon.com/

Icons, Ressourcen, Inspirationen

Framer

Prototyping Tool für mobile Anwendungen.
https://framerjs.com/

Tools

GE’s Predix Design System

Styleguide von General Electric.
https://medium.com/ge-design/ges-predix-design-system-8236d47b0891

Guides, Styleguide, Inspirationen

GoodUI.org

An sich eher darauf ausgerichtet, Online eine gute Conversion zu erreichen, aber einige Punkte funktionieren auch ganz gut, wenn man einfach etwas bauen möchte. Unsere Empfehlung sind Idee 3, Idee 6 und Idee 13.
http://www.goodui.org/

Generell, Guides

Google Fonts

Umfassende Sammlung von Fonts, eigentlich für das Benutzen im Web gedacht, können aber auch alle herunter geladen werden.
https://www.google.com/fonts

Typographie, Tools, Ressourcen

IxDChecklist.com

Ähnlich wie WebDesignerChecklist, aber mehr auf UX und Interaction Design bezogen. Auch deutlich näher am Projekt.
http://ixdchecklist.com/

Generell, Checklisten

The Laws Of Simplicity

Wie können wir Vereinfachung erreichen? Dabei helfen John Maedas "10 Laws Of Simplicity", die hier erläutert werden.
https://medium.theuxblog.com/the-laws-of-simplicity-ed6fa92c7bc6

Konzepte

The New Generation of Prototyping Tools

Kleiner Artikel, der eine Reihe von Prototyping Tools vorstellt.
https://medium.com/@kunalslab/the-new-generation-of-prototyping-tools-part-1-2-c01105310b6b

Tools

Paletton

Ähnlich wie Adobe Color CC, bietet aber mehr Abstufungen innerhlab der gefundenen Farben.
http://paletton.com/#uid=1000u0kllllaFw0g0qFqFg0w0aF

Farben, Tools

Pexels

Kostenlose und rechtefreie Stock-Fotos. Die Seite crawlt durch verschiedene andere Stock-Photo-Seiten und nimmt einem damit viel Arbeit ab. Die Lizenz erlaubt es einem, (fast) alles mit den Bildern zu machen, ohne die Quelle nennen zu müssen.
https://www.pexels.com/

Bilder, Ressourcen, Inspirationen

Pixel Perfect Precision

Ziemlich cooles Handbook, geht in der jetzt 3. Version noch ein Stück weiter von Workflows innerhalb von gestaltungsprogrammen weg und weiter hin zu allgemeinen Tipps.
http://ustwo.com/ppp/

Handwerk, Guides

Prototypr - Blog

Blog rund um die Themen Design, UX, Front-End und Prototyping(-Tools).
https://blog.prototypr.io/

Vertiefungen, Inspirationen

Shape Type – a letter shaping game

Kleines Spielchen rund um das Thema Shaping von Buchstaben.
http://shape.method.ac/

Typographie, Game

Smashing Magazine

Blog um die Themen Design und Web, aber auch andere Meta-Themen.
https://www.smashingmagazine.com/

Vertiefungen

Style Guides by Pro Designers

Ein paar sehr schöne, handverlesene Styleguides.
https://medium.com/inspiration-supply/style-guides-by-pro-designers-5605707afc07

Inspirationen, Styleguide

Styleguide Beispiele

Ein paar gute Styleguide Beispiele
https://t3n.de/news/styleguide-beispiele-794708/

Inspirationen, Styleguide

SVG Workflow

Ziemlich tiefer Guide darüber, wie man vernünftige SVGs erstellt und exportiert.
http://danielmall.com/articles/svg-workflow-for-designers/

Handwerk, Guides, Grafik, SVG

Twitter Liste mit Designern

Erklärt sich wohl selbst.
https://twitter.com/FreelanceFolder/lists/designers

Vertiefungen

Type Genius

Tool, um passende Fonts zu einer schon ausgewählten zu finden.
http://www.typegenius.com/

Typographie, Tools

KERNTYPE a kerning game

Kleines Spielchen rund um das Thema Kerning.
http://type.method.ac/

Typographie, Game

Typogui.de

Guide to Master Every Day’s Typographic Adventures - sehr kompakter Guide über Typographie. Geht nach den ersten vier Punkten etwas auf Distanz, bis dahin sind aber alle Punkte ganz gut geeignet, um sie Checklisten-Mäßig abzuarbeiten.
http://typogui.de/

Typographie, Guides

Video2Brain

Für Studierende der TH Köln sind Video2Brain Videos kostenfrei nutzbar. Da sind auch einige interessante und brauchbare Videos dabei, z.B. zum Thema Layout.
https://www.lynda.com/de/Graphic-Design-tutorials/Grafikdesign-lernen-Layout/593921-2.html

Trainings, Generell, Inspirationen

Web Design Styleguides

Liste mit verschiedenen Web Design Styleguides.
https://designschool.canva.com/blog/apple-google-starbucks-inside-the-web-design-style-guides-of-10-famous-companies/

Inspirationen, Styleguide

WebDesignersChecklist.com

Kleine Checkliste an der man sich langhangeln kann, aber natürlich auf Designer ausgelegt. Vieles bezieht sich auf den Workflow und die Organisation von Designern, aber ein paar (wenige) Sachen sind auch generell auf das Projekt anwendbar. (Shapes Aren't Stretched & Font-sizes smaller than 14-16px render well and are hinted properly for the Web)
http://webdesignerschecklist.com/

Generell, Checklisten

A Simple Web Developer’s Guide To Color

Sehr kompakter Guide, mit dem man aber sehr weit kommt. Deckt ab, wie ich zu meinen Hauptfarben und den passenden Grautönen komme.
https://www.smashingmagazine.com/2016/04/web-developer-guide-color/

Farben, Guides