Skip to content

Vihreä varjo kaikkiin painettaviin elementteihin #1703

Description

@MAla-Ketola

Kuvaus

Kaikkiin painettaviin elementteihin lisätään vihreä varjo, jotta pelaaja näkee yhdellä silmäyksellä, mikä on painettavaa. Sydän ja kilpi on jo suunniteltu valmiiksi, ja ne toimivat referenssinä muille. Tehtävänä on päättää, tuleeko varjo suoraan ikoniin vai ikonin taustaan, ja millainen tausta kullekin elementille tehdään.

Image

Nykytila

  1. X ja nuolet (vasen, oikea, alas kolmio): ei taustaa, osalla on jo musta kova varjo.
  2. Plus nappi: vihreä tausta, jossa vihreä varjo sulautuisi taustaan.
  3. Yleiset painikkeet (Painike 1, 2 ja 3): mustat kovat varjot.
  4. Muut painettavat ikonit: läpikäymättä.

Vaihtoehdot arvioitavaksi

A. Varjo suoraan ikoniin kaikissa tapauksissa. Yksinkertaisin, mutta ikonit, joilla on jo musta varjo, saavat kaksi varjoa päällekkäin.

B. Kaikille oma tausta, johon vihreä varjo tulee. Yhtenäinen ja suurentaa painettavaa aluetta, mutta lisää visuaalista painoa.

C. Jako tyypin mukaan: omamuotoiset ikonit saavat varjon suoraan (kuten sydän ja kilpi), pienet ohjainikonit (X, nuolet) saavat taustan ja varjon taustaan, tekstipainikkeet päätetään erikseen.

Tehtävät

  1. Käy läpi kaikki painettavat elementit ja tee lista: nimi, tyyppi, nykyinen varjo tai tausta ja onko ratkaisu jo valmis.
  2. Kokeile vaihtoehtoja A, B ja C testielementeille: X, nuoli, kolmio ja Painike 1.
  3. Päätä taustan muoto ja väri elementeille, jotka sen tarvitsevat.
  4. Päätä, mitä tehdään elementeille, joilla on jo musta varjo tai vihreä pohja (plus nappi, tekstipainikkeet).
  5. Varmista, että varjon väri, sumeus ja koko ovat yhtenäiset sydämen ja kilven kanssa.
  6. Suunnittele painettu tila ja pois käytöstä oleva tila.
  7. Varmista, ettei mikään koriste tai pelkkä kuva näytä painettavalta.
  8. Tarkista pienten elementtien painettava alue (tavoite vähintään 44 pikseliä).
  9. Päivitä komponentit ja variantit Design sivulla ja sen jälkeen Prototype sivun näkymät mobiili ja tablet layouteissa.
  10. Kokoa vaihtoehdot Helenan hyväksyttäväksi ja merkitse hyväksytty ratkaisu kehittäjille (Dev Mode).

Activity

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

Labels

No labels
No labels

Type

No type

Projects

No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions