Skip to main content
Motīvs ir kopīga krāsu palete un stūru noapaļojums jūsu ekrāniem. Katram failam ir motīvs un izskats (gaišs vai tumšs), un ekrāni tiek stilizēti, izmantojot motīva pilnvaras. Rediģējot motīvu, katrs to izmantojošais ekrāns seko izmaiņām, tāpēc jūsu komanda strādā pēc vienas lēmumu kopas, nevis katrā uzvednē atkārtoti norāda krāsas. Motīvi, ko veidojat vai ģenerējat, tiek saglabāti jūsu organizācijā un uzskaitīti sadaļā Themes lapā Home, tāpēc jebkurš organizācijas fails var tos izmantot.

Izvēlieties failam motīvu

Izvēlieties motīvu un izskatu jauniem ekrāniem no uzvedņu veidotāja faila iekšpusē. Motīva poga nav pieejama uzvedņu lodziņā lapā Home.
1

Atveriet motīva izvēlni

Uzvedņu veidotājā noklikšķiniet uz motīva pogas — tajā redzams pašreizējā motīva krāsu paraugs vai krāsu ritenis, ja motīvs ir Automatic. Izvēlne ir nosaukta Theme for new screens.
2

Izvēlieties motīvu

Izvēlieties Automatic, vienu no savas organizācijas motīviem (uzskaitītu pirmo) vai iebūvētu motīvu: Default, Blue, Grayscale, Green, Ice, Orange, Red, Rose, Violet vai Yellow.
3

Izvēlieties izskatu

Sadaļā Appearance izvēlieties Light vai Dark, vai Automatic, lai Flowstep katram ekrānam lēmumu pieņemtu pēc jūsu uzvednes — „tumšs informācijas panelis“ izskatīsies tumšs.
Jūsu izvēle attiecas uz ekrāniem, ko ģenerēsiet nākamie. Audeklā jau esošie ekrāni saglabā savu izskatu.

Ļaujiet Flowstep izstrādāt motīvu

Ja failam vēl nav motīva — jauns fails ar motīvu, kas atstāts uz Automatic —, Flowstep kopā ar pirmajiem ģenerētajiem ekrāniem izstrādā pielāgotu motīvu. Kamēr tas notiek, tērzēšanā redzēsiet soli Designing theme. Flowstep veido motīvu no:
  • krāsām, ko nosaucat savā uzvednē
  • krāsām jūsu dizaina vadlīnijās
  • zīmola krāsām no pielikumiem un saitēm, ko ielīmējat
  • produkta un noskaņojuma, ko apraksta jūsu uzvedne, ja nav nekā konkrētāka, uz ko balstīties
Motīvam tiek piešķirts īss nosaukums, pilna palete gan gaišajam, gan tumšajam izskatam un noapaļojuma solis. Tas tiek saglabāts jūsu organizācijā sadaļā Themes lapā Home, un fails to izmanto visiem turpmākajiem ģenerētajiem ekrāniem. Kad failam ir motīvs, Flowstep pats neizstrādā citu. Lai iegūtu jaunu motīvu, vēlreiz izvēlieties Automatic motīvu izvēlnē — nākamā ģenerēšana izstrādās jaunu, un fails pāries uz to. Ja Flowstep nevar izstrādāt motīvu, failam tiek piešķirts iebūvētais motīvs.
Pieminiet savas zīmola krāsas pirmajā uzvednē vai iestatiet tās savās dizaina vadlīnijās pirms ģenerēšanas, un ģenerētais motīvs sāksies no tām.

Mainiet viena ekrāna motīvu

Lai pārveidotu vienu ekrānu, nemainot pārējo failu:
  1. Audeklā atlasiet ekrānu.
  2. Ekrāna augšā esošajā izvēlnē noklikšķiniet uz pogas Theme.
  3. Izvēlieties vienu no savas organizācijas motīviem vai iebūvētu motīvu, vai pārslēdzieties starp Light un Dark.
Motīva maiņa ekrānu uzreiz pārkrāso. Pārslēgšana starp Light un Dark liek AI pārstilizēt ekrānu, tāpat kā AI rediģēšana. Izvēlne nav pieejama, kamēr notiek ģenerēšana.

Rediģējiet motīvu

Atveriet motīvu sadaļā Themes lapā Home. Motīva redaktors rāda tiešraides priekšskatījumu ar Theme settings labajā pusē. Augšā esošajās pogās Light un Dark pārslēdziet priekšskatījumu, un noklikšķiniet uz motīva nosaukuma, lai to pārdēvētu.
  • Colors — katrai krāsu grupai ir paraugs gaišajam un viens tumšajam izskatam: Primary, Secondary, Accent, Muted, Destructive, Background, Card, Popover, Border, Input, Ring, Charts un Sidebar. Noklikšķiniet uz parauga, lai rediģētu tā krāsas — piemēram, grupas aizpildījuma un teksta krāsas — ar krāsu atlasītāju vai heksadecimālu vērtību.
  • Radius — izvēlieties noapaļojuma soli (Square, Slight, Balanced, Soft vai Round) vai izvēlieties Custom un velciet Base radius, lai iestatītu savu.
Jūsu izmaiņas tiek saglabātas kā melnraksts, tāpēc ekrāni nemainās, kamēr strādājat. Kad esat gatavs:
  • Noklikšķiniet uz Publish, lai atjauninātu katru ekrānu, kas izmanto motīvu. Flowstep apstiprina ar „Published. Screens using this theme are updating.“
  • Noklikšķiniet uz Reset changes, lai atmestu nepublicētās izmaiņas. Ekrāni, kas izmanto motīvu, netiek ietekmēti.
Lai noņemtu motīvu, noklikšķiniet uz Delete theme Theme settings apakšā vai uz miskastes ikonas blakus motīvam sarakstā Themes lapā Home. Dzēsts motīvs vairs netiek piedāvāts motīvu izvēlnēs, bet ekrāni, kas to jau izmanto, saglabā savu izskatu, tāpēc audeklā nekas nemainās.
Visi organizācijas dalībnieki, izņemot Guests (viesus), var rediģēt un dzēst motīvus.

Saistiet krāsas un stūrus ar savu motīvu

Krāsas un stūri var norādīt uz motīva pilnvaru, nevis fiksētu vērtību. Saistītā vērtība seko ekrāna motīvam, tāpēc, mainoties motīvam — citam motīvam, publicētai rediģēšanai vai pārslēgšanai starp gaišo un tumšo izskatu —, saistītās krāsas un stūri atjauninās kopā ar to. Colors — panelī Fill vai Border noklikšķiniet uz krāsas parauga. Cilnē Token meklējiet vai izvēlieties pilnvaru no grupām Theme, Base vai Tailwind. Precīzai krāsai izmantojiet cilni Custom. Saistītā krāsa panelī rāda sava pilnvaras nosaukumu, un jūs joprojām varat pielāgot tās necaurredzamību. Corners — panelī Corners noklikšķiniet uz stūra priekšskatījuma. Cilnē Token izvēlieties soli (piemēram, md vai lg); cilnē Custom ierakstiet precīzu vērtību pikseļos. Saistītajam stūrim tiek rādīts tā pilnvaras nosaukums, un, mainot motīva noapaļojumu, tas tiek pārnoapaļots. Lai saistīto vērtību pārvērstu atpakaļ par fiksētu, noklikšķiniet uz Detach from token. Krāsa vai stūris saglabā pašreizējo izskatu, bet vairs neseko motīvam.

Lietderīga informācija

  • Ekrāni saglabā savu motīvu — katrs ekrāns atceras savu motīvu un izskatu. Faila motīva maiņa ietekmē tikai ekrānus, ko ģenerēsiet nākamie; lai pārstilizētu esošos, izmantojiet katram ekrānam paredzēto izvēlni Theme.
  • Tikai publicētās versijas — ekrānos tiek rādīta motīva publicētā versija. Melnraksti ir redzami tikai motīva redaktorā, līdz publicējat.
  • Pilnvaru saites saglabājas pēc rediģēšanas — motīva krāsas, kas izmantotas ēnās, filtros un gradientos, paliek saistītas ar motīvu, kad Flowstep rediģē vai pārģenerē ekrānu.
  • Noapaļojuma soļi, kas nemainās — pilnvaras none un full stūriem vienmēr ir kvadrātiskas un pilnībā apaļas neatkarīgi no motīva noapaļojuma.