Painikkeet ja linkit

Verkkosivuston painikkeilla ja linkeillä on ratkaiseva rooli, koska ne tarjoavat käyttäjille selkeitä ja intuitiivisia tapoja navigoida, olla vuorovaikutuksessa ja käyttää haluttuja tietoja tai palveluita.

Tässä artikkelissa:

  1. painikkeet
  2. Linkit

Voit hallita painikkeiden ja linkkien tyyliä kohdasta Malli (1) jakso.

Kun olet Suunnittelu-osiossa, napsauta Painikkeet ja linkit (2) -välilehti.


Vaihtoehtoisesti voit käyttää myös studion hakuvaihtoehtoa.

  • enter painikkeet (1) hakupalkissa.
  • Napsauta aiheeseen liittyvistä tuloksista -kuvaketta Painikkeet ja linkit vaihtoehto (2).


painikkeet

Painikkeet ovat interaktiivisia elementtejä, jotka on suunniteltu kannustamaan käyttäjän toimiin. Ne ovat visuaalisesti näkyvämpiä ja muodoltaan erottuvia.

Painikkeita käytetään yleisesti toimiin, kuten lomakkeiden lähettämiseen, tiettyjen toimintojen käynnistämiseen jne. Täältä voit:

  1. Tyyli: Aseta painikkeiden tyyli kiinteäksi tai ääriviivaksi tai tekstilinkiksi.
  2. Muuta: Valitse tästä sivustosi painikkeiden muoto. Saatavilla olevat muodot ovat neliö, pyöristetty ja pilleri.
  3. kuvake: Aseta kuvake, joka tulee näkyviin painikkeen päälle.
  4. Täyte pystysuora: Aseta painikkeen tekstin ja painikkeen reunojen välinen etäisyys pystysuunnassa.
  5. Täytesivut: Aseta painikkeen tekstin ja painikkeen reunojen väli vaakasuoraan.
  6. Animaatio: Valitse animaatio, kun osoitin on painikkeen päällä.

Eri muotoisia painikkeita:

Luettelo animaatiovaihtoehdoista, jotka voit valita painikkeille.

  • Häivytä: Painike haalistuu läpinäkymättömästä läpikuultavaksi.
  • Kasvaa: Painikkeen koko kasvaa, kun osoitinta pidetään sen päällä.
  • Kutistua: Painikkeen koko pienenee, kun osoitinta pidetään sen päällä.
  • Pyyhkäise oikealle: Animaatio tapahtuu vaakasuunnassa ja kattaa koko painikkeen vasemmalta oikealle.
  • Pyyhkäise ylös: Animaatio tapahtuu pystysuunnassa peittäen koko painikkeen alhaalta ylös.
  • Alleviivaus paljasta: Painikkeen alareunaan ilmestyy vähitellen viiva.
  • Alleviivaus vasemmalta: Viiva ilmestyy vähitellen painikkeen alareunaan vasemmalta oikealle.
  • Overline paljastaa: Painikkeen yläreunaan ilmestyy vähitellen viiva.
  • Yliviivaus vasemmalta: Viiva ilmestyy vähitellen painikkeen yläreunaan vasemmalta oikealle.

Huomautus: Animaatiot tapahtuvat vain, kun osoitin on painikkeen päällä.


Linkit ovat elementtejä, joita napsauttamalla käyttäjät voivat siirtyä toiselle sivulle tai osioon.

Ne on yleensä alleviivattu tai näytetään eri väreillä osoittamaan niiden napsautettavuutta.

  1. Korostaa: Valitse, haluatko alleviivauksen näkyvän pysyvästi / vietäessä kohdistinta vai poistaa sen kokonaan käytöstä.

 


Etkö löydä etsimääsi?

Ota yhteyttä Pixpa-asiantuntijaan.