Kā lietot automātisko izkārtojumu programmā Figma

Automātiskais izkārtojums ir būtisks rīks ikvienam dizainerim un Figma lietotājam. Šī funkcija ļauj veikt izmaiņas, piemēram, mainīt kadru un objektu izmērus vai pozicionēšanu. Automātiskais izkārtojums ļaus jums pielāgot elementa augstumu un svaru, piemēram, ar automātisku iestatījumu, samazinot darbu uz pusi.

Tā kā ekrāna izmērs mainās atkarībā no ierīces vai pārlūkprogrammas, ko lietotājs izmantos, lai piekļūtu vietnei, automātiskais izkārtojums liek rāmjos esošajiem elementiem pielāgoties šīm izmaiņām. Tādējādi izkārtojums un struktūra izskatās precīzāk un sinerģiskāk. Lasiet tālāk, lai uzzinātu, kā lietot automātisko izkārtojumu programmā Figma un tās funkcijas.

Automātiskā izkārtojuma izmantošana

Lai izmantotu automātisko izkārtojumu un visas tās funkcijas, vispirms tas jāpievieno rāmim, pie kura strādājat. Tas var būt jauns rāmis vai saturs, objekti un komponenti. Kad esat atlasījis rāmi vai objektus, tam var pievienot automātisko izkārtojumu:

• Nospiediet tastatūras taustiņu kombināciju Alt + A (darbojas operētājsistēmās Mac un Windows).
• Ar peles labo pogu noklikšķiniet uz objektiem vai komponentiem un noklikšķiniet uz Auto Layout (Jums ir jāpievieno šī funkcija katram komponentam, jo ​​tas nav iespējams masveidā).
• Pieskarieties pluszīmes ikonai blakus opcijai “Automātiskais izkārtojums” Figma izvēlnē.

Papildus automātiskā izkārtojuma pievienošanai rāmim varat veikt dažādas darbības, sākot no rāmju sakraušanas līdz objektu kopēšanai, kārtošanai un noņemšanai.

Objektu pievienošana un noņemšana

Objektu pievienošana rāmim ir diezgan vienkārša. Jums tikai jāpatver objekts, kuru vēlaties pievienot, un sekojiet indikatoram. Un, ja vēlaties to noņemt, velciet to atpakaļ un nospiediet dzēst. Ja izvēlaties pievienot lielāku objektu nekā vecākrāmis, jums būs jāizvairās no Figma noklusējuma iestatījumiem, lai to varētu izdarīt. To var izdarīt, turot nospiestu pogu “Ctrl” operētājsistēmai Windows un “Command” operētājsistēmai Mac.

Objektu dublēšana

Ja vēlaties rāmim pievienot divus vai vairākus identiskus objektus, varat tos dublēt, kas ir noderīga automātiskā slāņa funkcija. To var izdarīt šādi:

1. Pieskarieties objektam, kuru vēlaties dublēt.
   
2. Ja jums ir Windows, vienlaikus turiet pogas “Ctrl” un “D”.
   
3. Mac datorā dublējiet, turot nospiestu pogas “Command” un “D”.
   

Objektu sakārtošana

Ja jums nepatīk rāmja izskats un tajā esošo objektu un komponentu organizācija, varat tos pārkārtot. Ja esat apvienojis divus slāņus, jums ir apiet Figma noklusējuma iestatījumus, nospiežot “Ctrl” operētājsistēmā Windows un “Command” operētājsistēmā Mac, lai piekļūtu dziļās atlases opcijai un pārvietotu komponentu no sākotnējā slāņa. Tomēr, ja tas ir viens rāmis, varat atlasīt objektu un pārvietot to citur, līdzīgi kā pievienojot objektus, vai izmantot bulttaustiņu.

Automātiskā izkārtojuma līmeņi

Vēl viena automātiskā izkārtojuma funkcija ir vairāku kadru apvienošana vienā, lai izveidotu sarežģītāku saskarni, kurā varat pārklāt dažādus automātisko izkārtojumu līmeņus, piemēram, pogu un pogu rindas, ziņu un laika skalu. Katrs līmenis ļauj rāmim pievienot vēl vienu objektu. Pogu un pogu rindu līmeņi ir horizontāli, savukārt ziņa ir vertikāls slānis, kurā varat ievadīt aprakstus, attēlus utt.

Saliekot divus kadrus kopā, tie saplūst un iegūst vecākrāma īpašības. Tas ļauj lietotājam ieviest regulējamus objektus. Varat paķert vienu un uzlikt to citam, lai savienotu divus kadrus. Lai to izdarītu, jums ir:

1. Izvēlieties vienu rāmi un visu, ko vēlaties tam pievienot.
   
2. Nospiediet Shift + A, lai pievienotu automātiskā izkārtojuma rāmi.
   

Automātiskās izkārtojuma funkcijas

Figma opcijai Auto Layout ir daudz vērtīgu īpašību vai funkciju, sākot no virziena un sakraušanas secības līdz atstarpēm, izmēru maiņai un līdzināšanai. Šajā sadaļā par katru no šīm funkcijām tiks runāts sīkāk.

Virziens

Kā norāda nosaukums, virziens attiecas uz objektu secību kadrā. Izmantojot automātisko izkārtojumu, objektus var novietot:

• Vertikāli – objekti tiek novietoti uz y ass. Šī opcija ir piemērota sarakstiem, izvēlnēm, ziņu plūsmām utt.
• Horizontāli — objekti un komponenti uz x ass (pogas, ikonas utt.).
• Aptīšanas pozīcija — objekti ir iestatīti vairākās kolonnās un rindās.

Kraušanas pasūtījums

Varat izvēlēties, kura sakraušanas secība vislabāk atbilst jūsu rāmim. Šīs ir tikai vizuālas izmaiņas, jo kraušanas secība paliek nemainīga (ja tā ir 1,2,3, tā paliek 1,2,3, bet ar vizuāliem pielāgojumiem). Kad objekti ir sakrauti viens uz otra, varat izvēlēties, kurš no tiem būs augšpusē. Piemēram, ja jums ir trīs lietas, kas atzīmētas ar 1, 2 un 3, varat vai nu 1, vai 3. To var izdarīt šādi:

1. Izvēlieties rāmi Auto Layout.
   
2. Pārejiet uz automātiskā izkārtojuma opciju ekrāna labajā pusē.
   
3. Pieskarieties trim horizontālajiem punktiem, lai atvērtu papildu opcijas.
   
4. Atrodiet opciju “Audekla sakraušana”.
   
5. Izvēlieties “Pirmais augšpusē” vai “Pēdējais augšpusē”.
   

Absolūtā pozīcija

Vēl viena “Slāņu plūsmas” īpašība ir absolūta pozīcija, izņemot sakraušanas secību un virzienu. Šī funkcija ļauj novietot objektu, kur vien vēlaties, ignorējot rāmja robežas. Lūk, kā to iespējot:

1. Satveriet objektu un ievietojiet to rāmī.
   
2. Labās puses izvēlnē blakus “X” un “Y” vērtībām pieskarieties ikonai, kas atgādina kvadrātu bez malām ar pluszīmi iekšpusē.
   
3. Pārvietojiet objektu pa rāmja līnijām.
   

Atstarpes iestatīšana

Ir dažas funkcijas, kuras varat pielāgot, kad runa ir par atstarpēm, piemēram, atstarpi. Ir divi veidi, kā mainīt atstarpi: automātiski un ierakstot noteiktu atstarpi. Ja vēlaties, lai atstarpe būtu pēc iespējas lielāka, izvēlnē Auto Layout ir jāizvēlas automātiskais iestatījums. Bet, ja vēlaties ievadīt vērtības, ierakstiet tās piešķirtajos lodziņos.

Turklāt atstarpes iestatījumu var iestatīt visos virzienos. Ja jūsu ikonas ir tikai horizontālas un vertikālas, varat izvēlēties starp tām horizontālu atstarpi. Tomēr, ja tie atrodas aptīšanas pozīcijā, varat pielāgot vertikālās un horizontālās atstarpes iestatījumus.

Izlīdzināšanas iestatījums

Kad esat iestatījis virziena, polsterējuma un atstarpes funkcijas, varat pielāgot bērna objekta līdzinājumu savā rāmī, jo šī funkcija ir atkarīga no atstarpes iestatījumiem. Jūs nevarat mainīt katra objekta izlīdzināšanu, bet izvēlieties Auto Layout izvēlnē piedāvāto modeli. Izvēlnē varat noklikšķināt uz 3 × 3 režģa un atlasīt vajadzīgo līdzinājumu. To var izdarīt, izmantojot tastatūras bulttaustiņus vai WSAD pogas.

Turklāt šeit varat izvēlēties automātisko iestatījumu, lai pārslēgtu horizontālo un vertikālo līdzinājumu kā rindu. Izmantojot noteiktas vērtības, jums var būt visas deviņas opcijas (augšējais kreisais, apakšējais kreisais, pa kreisi, pa labi pa kreisi, apakšā pa labi utt.).

Varat arī pielāgot teksta līdzinājumu, izvēlnē iespējojot šo opciju un turot nospiestu pogu “B”.

Izmēru maiņa

Automātiskā izkārtojuma izmēru maiņas opcijām ir daudz papildu rekvizītu, piemēram, apskaušanas saturs, konteinera aizpildīšanas opcija, platuma un augstuma pielāgošana, izmēri utt. Varat atlasīt automātisko opciju, ja vēlaties, lai vērtības tiktu fiksētas, taču tas ierobežo iespējas. Lai mainītu izmērus, ieteicams iestatīt vērtības.

Varat izvēlēties fiksētu vērtību vai iestatīt to uz maksimālo vai minimālo iespējamo platuma un augstuma izmēru. Apskāvienu saturs ļauj pielāgot rāmja izmēru, pamatojoties uz pakārtoto objektu, savukārt aizpildīšanas konteinera opcija maina objekta izmērus atbilstoši vecākrāmam.

Izveidojiet unikālus rāmjus ar automātisko izkārtojumu

Automātiskais izkārtojums, kas ir viena no būtiskām Figma funkcijām, var pielāgot rāmi un tajā esošos objektus un nodalījumus atbilstoši jūsu vēlmēm. Tās īpašības un īpašības ir vairākas, kas ļauj jums izveidot pareizu un glītu produktu. Automātiskais izkārtojums ir būtisks rīks, kas jāapgūst, pirms sākat strādāt programmā Figma.

Kuru automātiskā izkārtojuma funkciju jūs izmantojat visbiežāk? Paziņojiet mums tālāk komentāru sadaļā.