Design patterns - selectie in afbeelding

Een cruciaal onderdeel van de applicatie is het selecteren van een component. Hiermee kan duidelijk worden gemaakt uit welke componenten een design bestaat.

Component editor

Wanneer er een selectie in een afbeelding gemaakt moeten worden, gebeurd dit vaak in een bewerkingsmodus van een app. Dit ziet eruit als een soort overlay over de interface, die het hele scherm bedekt.

↑ Figuur 1: De editor in Marvel
↑ Figuur 2: De editor in Invision

In deze voorbeelden is te zien hoe deze applicaties hun eigen editor hebben wanneer de acties in de schermen aangegeven moeten worden. Deze staat los van de flow van het beheren van projecten.

Selectie in een afbeelding

Door te slepen over een afbeelding wordt een gedeelte uit de afbeelding uitgelicht.

↑ Figuur 3: Het maken van een selectie in een afbeelding in preview op Mac OS
↑ Figuur 4: Het maken van een selectie in een afbeelding in Marvel (screenshot van Marvel)
↑ Figuur 5: Het maken van een selectie in een afbeelding in Marvel (screenshot van Invision)
↑ Figuur 6: Het maken van een selectie in een afbeelding in Pixelsnap (screenshot van PixelSnap)

In de patterns hierboven is te zien dat de selectie in een afbeelding vrijwel altijd hetzelfde gaat. Door over een afbeelding heen te slepen wordt er met een vlak als indicatie de selectie aangegeven.

results matching ""

    No results matching ""