kulturbanause Blog

Responsive Design, WordPress, Konzeption, HTML, CSS, JS & UX/UI …

UX/UI Design


Sketch – Prototyping (Video-Tutorial)

Mit den Prototyping-Funktionen von Sketch ist es möglich Artboards scrollbar zu gestalten, Verlinkungen einzufügen und Objekte beim Scrollen im Vordergrund zu fixieren. Somit ist es möglich den User-Flow – die Bewegung des Benutzers durch die Website oder App – zu visualisieren und zu testen.

Beitrag zu Ende lesen

Sketch – Verschachtelte Symbole (Video-Tutorial)

Die mächtige Funktion der Symbole mit Overrides kann durch verschachtelte Symbole perfektioniert werden. Sobald Symbole verschachtelt werden, stehen die untergeordneten Symbole in den Overrides zur Verfügung. Verschachtelte Symbole können getauscht oder deaktiviert werden. Somit sind hochkomplexe Design-Systeme mit zahlreichen Varianten in Symbolen kein Problem mehr.

Beitrag zu Ende lesen

Sketch – Resizing & Responsive Design (Video-Tutorial)

In Sketch können Objektgruppen so konfiguriert werden, dass sich alle enthaltenen Elemente, Texte und Bilder flexibel ausrichten, wenn die Gruppe in der Höhe oder in der Breite angepasst wird. Die Funktion namens »Resizing Constraints« wird auch oft im Zusammenhang mit Responsive Design in Sketch beschrieben – auch wenn es sich eigtl. nur um fluide Elemente handelt. Mit ein wenig Übung können sehr einfach flexible Komponenten und Layouts gestaltet werden.

Beitrag zu Ende lesen

Sketch – Grundlagen zu Symbolen (Video-Tutorial)

Die sog. Symbole von Sketch ermöglichen es Objekte oder Objektgruppen an zentraler Stelle abzulegen und beliebig oft im Dokument zu verwenden. Wird später das original Symbol gestalterisch angepasst, aktualisieren sich automatisch alle Instanzen des Symbols.

Beitrag zu Ende lesen