Obwohl es viele Icon Schriftarten, wie zum Beispiel Font Awesome oder Iconic, gibt, die du ohne weiteres verwenden kannst, kann es mal dazu kommen, dass du deine eigene Icon Schrift erzeugen möchtest. Zum Beispiel wenn du selbst designte Icons einsetzen oder verschiedene Icons von unterschiedlichen Schriftsätzen kombinieren möchtest. In diesem Beitrag werden sechs kostenlose Icon […]

In letzter Zeit wird man als Entwickler und Designer immer mehr mit dem Thema SVGs, auch “scalable vector graphics”, konfrontiert. Doch warum ist das eigentlich so und was sind eigentlich SVGs. In diesem Blogpost möchte ich auf die Vor- und Nachteile von SVGs eingehen und in kleinen Beispielen zeigen, wofür man SVGs sinnvollerweise verwenden kann.

Bei der Gestaltung für mobile Devices nimmt die Typografie eine wichtige Rolle ein. Zum einen hat man es als Designer auf mobilen Endgeräten mit vielen unterschiedlichen Bildschirmgrößen zu tun, die in der Regel verhältnismäßig klein ausfallen. Längere Ladezeiten und schwierige Lichtverhältnisse bei der Nutzung von Smartphones stellen zusätzliche Herausforderungen dar. Die Schrift einer App oder […]

Material Design umfasst Designempfehlungen von Google für das Web, sowie für native Anwendungen. Google stellt damit einen dynamischen Style Guide online zur Verfügung der neben Patterns und Empfehlungen auch eine Vielzahl an Ressourcen bietet.

Während der Entwicklung von Herculess führen wir laufend kleinere Usabilitytests durch um herauszufinden ob die Abläufe und die User Interface Elemente verstanden werden. Dabei ist uns wichtig, dass die getesteten Personen nicht immer dieselben sind, sondern sie die Webapp zum ersten Mal benutzen. Dabei geben wir den Testern eine kurze Beschreibung des Projekts und starten dann […]

KSS – was? Wie schon in einigen vorigen Blogbeiträgen berichtet, arbeiten wir an einem Projektmanagementtool names Herculess. Da das Projekt Mobile First konzipiert wurde, aber immer weiter wächst, war von Anfang an klar, dass wir in irgend einer Form einen Styleguide benötigen. Zuerst war der Ansatz da, dass ich händisch von Scratch einen eigenen Styleguide […]

Grid Systeme im Web sind interessanter Weise erst in den letzten Jahren beliebt geworden. Doch diese Technik ist nicht neu, es ist eine anerkannte Design-Technik, die beispielsweise schon in den 60er Jahren für Poster verwendet wurde. Ein Grid System ist nichts anderes als horizontale und vertikale Linien, die in gleichmäßigen Abständen verteilt sind. Modular betrachtet […]

Als ich dieses Jahr im Mai auf der beyondtellerrand Konferenz in Düsseldorf teilnahm, war es vermutlich der Vortrag von Brad Frost über Atomic Design, der mich am meisten inspiriert hat. „We’re not designing pages, we’re designing systems of components.“ – Stephen Hay Das Handwerk des Web Design ist einem ständigen Wandel unterlegen und es zeigt […]