Pictograminstellingen

Instellingen pictogrammen
Pictogram selecteren
Icoon Kleur
Pictogramgrootte
Pictogram Positie
Pictogram Frame
Overgang

Kan enigszins afwijken van de daadwerkelijke interface.

Wijzigingsvoorbeeld

Voorbeeld icooninstellingen

Pictogramselectie

Pictogram selecteren
Pictogram selecteren
Select
Available Icon Vendors
  • Lucide~1,600
  • Tabler~5,900
  • Heroicons~650
  • Feather~280
  • Font Awesome~2,100
  • RemixIcon~2,900
  • Custom SVGCustom Addition
Slagbreedte
1.75

Kan enigszins afwijken van de daadwerkelijke interface.

Wijzigingsvoorbeeld

Voorbeeld icoonselectie

Instellingen

  • Pictogramselectie
  • Pictogramkleur (in selectie-UI)
  • Lijndikte (line-icons)
  • Responsieve instellingen

Pictogramkleur

Icoon Kleur
Kleur
Groen
#43A047
Palet bewerkenWissen
Opaciteit
1

Kan enigszins afwijken van de daadwerkelijke interface.

Wijzigingsvoorbeeld

Voorbeeld icoonkleur

Instellingen

  • Kleur
  • Alpha
  • Responsieve instellingen

Pictogramgrootte

Pictogramgrootte
Maat
16
Eenheid
px

Kan enigszins afwijken van de daadwerkelijke interface.

Wijzigingsvoorbeeld

Voorbeeld icoongrootte

Instellingen

  • Waarde + eenheid (px / em / rem)
  • Responsieve instellingen

Pictogrampositie

Pictogram Positie
Responsieve instellingenOFFON

X Positie

0%

Y Positie

0PX

Kan enigszins afwijken van de daadwerkelijke interface.

Wijzigingsvoorbeeld

Voorbeeld icoonpositie

Instellingen

  • X Positie
  • Y Positie
  • Eenheid (px / % / vw)
  • Responsieve instellingen

Pictogramframe

Pictogram Frame
Maat
Stel breedte en hoogte afzonderlijk inOFFON
Maat
0
Kleur
Achtergrondkleur
Basis
#FFFFFF
Palet bewerkenWissen
Opaciteit
1
Grens
Grensradius

Kan enigszins afwijken van de daadwerkelijke interface.

Wijzigingsvoorbeeld

Voorbeeld icoonkader (basis)

Instellingen

Maat
Stel breedte en hoogte afzonderlijk inOFFON
Maat
0
Kleur
Achtergrondkleur
Basis
#FFFFFF
Palet bewerkenWissen
Opaciteit
1
Grens
GrensOFFON
Kleur
Zwart
#000000
Palet bewerkenWissen
Opaciteit
1
Breedte
1
Stijl
solid
Grensradius
Grensradius
22

Kan enigszins afwijken van de daadwerkelijke interface.

Wijzigingsvoorbeeld

Voorbeeld icoonkader (detail)

  • Grootte: uniform of Breedte/Hoogte apart
  • Achtergrondkleur / verloop + alpha
  • Rand (Kleur, Breedte, Stijl)
  • Hoekradius + eenheid
  • Overgang (Duur, Vertraging, Easing, Aangepaste waarde, Reset)
  • Responsieve instellingen

Pictogramovergang

Overgang
Duration (ms)
200
Delay (ms)
200
Verlichting
ease

Kan enigszins afwijken van de daadwerkelijke interface.

Wijzigingsvoorbeeld

Voorbeeld icoonovergang

Instellingen

  • Duur (ms)
  • Vertraging (ms)
  • Easing
  • Aangepaste waarde
  • Reset

Pictogramovergang staat los van frame-overgang en animatie-overgang.