UX Abo

NEU 2025: Alle Trainings auch für Einzelpersonen buchbar.

Zeigt her!
Close

Photoshop - Ordnung ist das halbe Leben

Bild
vorhernachher
Bild
designguidelines


Jeder der mich kennt weiß, dass ich sehr ordnungsliebend bin. Ja, ich bin sogar ein bisschen Monk, weil es in mir eh schon genug kreatives und nicht kreatives Chaos gibt, dass es zumindest für mich außen strukturiert sein soll. Das zieht sich in nahezu alle Lebensbereiche. Nicht nur mein Schreibtisch ist immer sehr aufgeräumt, oder meine T-Shirtsammlung stets nach Farben sortiert, auch meine Photoshopdateien sind phantastisch strukturiert. Das mag zunächst übertrieben klingen, aber übersichtliche Photoshop Gliederungen machen in einer Teamarbeit unglaublich viel Sinn. Arbeitet ein anderer Designer weiter, findet er sich sofort zurecht. Benötige ich nach ein paar Monaten selbst wieder etwas, finde ich sofort was ich will und das Wichtigste von allem, der Programmierer kann viel effizienter das Frontenddevelopment umsetzen.
In der Agentur haben wir dafür in unseren internen Guidelines Regeln festgelegt, wie Photoshop Dateien gegliedert sein sollten. Damit andere Designer bei Übergaben, oder die Programmierer sich nicht auf eine ewige Layersuche machen müssen.

Es geht aber nun noch einfacher, unser Stephan hat mir die perfekte Lösung gezeigt:  Ein neues Tool bzw. Plugin mit dem Namen PSD Cleaner von madebysource.com, auch bekannt von Subtlepatterns oder CSS Hat, macht genau diese Arbeit. Das Strukturieren und Organisieren von Layern wird mit dem Plugin bestens unterstützt. Es weist darauf hin welche Layer nicht sauber benannt sind, welche Gruppen kaum Sublayer haben oder ob es CSS inkompatible Ebenen gibt. Ich kann nur sagen herrlich, wird sofort eingesetzt und ist eine absolute Liechteneckers Empfehlung!

Du willst mit jemanden über das Thema plaudern?

Einen kostenlosen Termin mit CEO Susanne vereinbaren!

Stephan

Meine Rolle bei Liechtenecker: langgedienter Frontend-Veteran Wenn es weder IT noch Digitalisierung gäbe, wäre mein Beruf: Förster ohne Kontakt zu Menschen! Mein Herz schlägt für: die Arterien.
Bild
Headerbild (Ansicht Screenshot des Tools sowie Headline)
Technologie – Blogbeitrag

Automatische Accessibility Audits – Wie wir mit unserem A11y-Testing-Tool Barrieren aufspüren

Barrierefreiheit im Web ist längst kein Nice-to-have mehr, sondern eine Notwendigkeit. Nicht nur, weil Gesetze wie die EU-Richtlinie 2016/2102 oder der kommende European Accessibility Act es vorschreiben, sondern auch, weil eine barrierefreie Webseite mehr Nutzer:innen erreicht und die UX verbessert. Doch manuelle Audits sind zeitaufwendig. Um Accessibility-Probleme effizient zu identifizieren, haben wir ein leistungsfähiges A11y-Check-Tool entwickelt – basierend auf Nuxt 3, Puppeteer und Axe-Core mithilfe der AI-unterstützten IDE Cursor.

Jetzt lesen

Interesse mit uns zu arbeiten?

Lass uns plaudern …

oder vereinbare gleich mit unserer CEO Susanne einen kostenlosen Termin.