Indító gomb
A buboréknak a weboldaladon saját megjelenése van — saját színei, alakja, ikonszíne és kiemelő gyűrűje, és addig követi a márkádat, amíg be nem állítod őket. Hol ül, milyen ikont visel, és milyen alakú a panel, amit megnyit.
Áttekintés
Az indító az a lebegő buborék, amire a látogatók rákattintanak a widget megnyitásához. Saját Indító szekciója van a Megjelenés fül alján — „Állítsd be, hogyan jelenik meg a widget indító az oldaladon.” —, hat sorral: Pozíció, Ikon, Buborék színe, Buborék alakja, Ikon színe és Kiemelő gyűrű.
Buborék színe
„A márkaszíneidet követi, amíg be nem állítod — így a weboldaladhoz igazodhat.” Alapból a sor ezt írja: „A márkaszíneidet követi.” — a buborék úgy veszi át a márkaszíneidet, ahogy a Gombok és üzenetek festi őket: Egy szín esetén a fő márkaszíned, Színátmenet esetén a márkaszíneid színátmenete abban a sorrendben, ahogy megadtad őket. Ha módosítasz egy márkaszínt, a buborék követi.
A Márkaszínek másolása átveszi azokat a színeket, amelyek a buborékon abban a pillanatban vannak, beteszi őket a sorba, és átadja neked szerkesztésre: egy, kettő vagy három szín — „Egy szín esetén egyszínű a buborék. Kettő vagy három színátmenetet ad.” A Szín hozzáadása gombbal adsz hozzá (legfeljebb hármat), az Eltávolítás gombbal dobsz el egyet. A színátmenet szöge rögzített; nincs szögvezérlő. A sor ekkor ezt írja: „Kézzel beállítva.”, és a buborék akkor is megtartja ezeket a színeket, ha később módosítod a márkaszíneidet. A Kövesse ismét a márkát feloldja.
Buborék alakja
Mennyire kerek a buborék — „Független a widget sarkaitól, hogy a weboldaladhoz igazodhasson.”
| Alak | Hogyan néz ki |
|---|---|
| Kör | Teljes kör. Szinte minden oldal ezt használja. |
| Lágy | Lekerekített négyzet, épphogy sejthető sarkokkal. |
| Lekerekített | Lekerekített négyzet. Ezzel indul egy új widget. |
| Szögletes | Alig lekerekített, majdnem valódi négyzet. |
Az új widgetek Lekerekített buborékkal indulnak; az a widget, amelyhez nincs elmentett alak, Kör buborékot mutat.
Ikon színe
„A buborékra rajzolt ikon színe.” Az ikon színe automatikusan áll be: a widget azt a színt választja, amely a buborék minden pontján a legjobban olvasható, világos ikont részesít előnyben, ahol az még olvasható, és soha nem fogad el 3:1-nél gyengébb kontrasztot. A sor megmutatja a használt színt, alatta pedig az eredményt — „4.8:1 kontrasztot ér el a buborékon — jól látható.”
Ha saját színt adsz meg, pontosan úgy használjuk, ahogy beállítottad, akkor is, ha nehezen látszik; a sor ilyenkor kimondja: „Csak 1.9:1 kontrasztot ér el a buborékon, így nehezen lesz látható. Pontosan úgy használjuk, ahogy beállítottad.” A választó melletti nyíl gomb (Automatikus) visszatér a számolt színhez.
Kiemelő gyűrű
„Vékony vonal, amely lassan körbefut a buborék szélén, hogy odavonzza a tekintetet.” Egy kapcsolóval kapcsolod be és ki:
- Kikapcsolva — „Kikapcsolva. A buborékon nincs gyűrű.”
- Bekapcsolva — „Bekapcsolva — a vonal az alábbi színben fut.” Megjelenik egy színválasztó. A gyűrű olyan színnel indul, amely látszik a buborékodon — a márkaszíneid közül az első, amelyik elüt tőle, különben az ikon színe —, és ezt módosíthatod.
Ha a gyűrű színe túl közel van a buborék saját színéhez, a sor figyelmeztet: „Ez a szín szinte azonos a buborék színével, így a gyűrű alig lesz látható. Válassz világosabbat vagy sötétebbet, ha ez nem szándékos.”
Azok a látogatók, akik a készülékükön csökkentett mozgást kértek, gyűrű nélkül látják a buborékot. Az új widgetek bekapcsolt, fehér gyűrűvel indulnak, és minden kiindulópont bekapcsolja, mindegyik a saját színében.
A panel sarka
A buborék nem követi a widget Sarkok beállítását, az általa megnyitott panel külső sarka viszont igen, hogy a panel összhangban legyen a benne lévő kártyákkal, gombokkal és címkékkel — a Szögletes a legélesebb, a Teljesen kerek a legkerekebb.
Pozíció és ikonstílus
A Pozíció — „A gomb képernyősarka” — az oldal Jobb alsó (alapértelmezett) vagy Bal alsó sarkába teszi a buborékot. Az Ikon — „Az indítón megjelenő ikon” — választja ki a rajta lévő jelet: Üzenet buborék vagy AI ikon; mindkét gombon az a jel látszik, amelyiket jelenti. Az új widgetek az AI ikonnal indulnak.
A betöltő képernyő
Amíg a widget először töltődik be, a panel ugyanazzal a színnel van festve, mint a kezdőlap háttere — tömören vagy színátmenettel —, egy kis töltésjelzővel rajta, így semmi nem ugrik meg, amikor a widget átveszi. A visszatérő látogatók egyből az utolsó kezdőlapjukra nyitnak.
Az előnézet a vezérlőpulton
A tervező melletti előnézet magát a buborékot is kirajzolja, ugyanazokkal a színekkel, ugyanazzal az ikonnal, ugyanazzal az alakkal és ugyanazzal a kiemelő gyűrűvel, mint ahogy az oldalon megjelenik — így amit ott látsz, azt kapják a látogatók is.