Priručnik za dizajn Figma (P.t 1)

Kako započeti svoje putovanje kao dizajner s Figmom

Dizajnerska serija na Figmi

Ovaj je članak namijenjen upoznavanju alata na Figmi. Započnimo s prvim alatom koji će vam trebati da napravite responzivan dizajn.

  1. Alat za okvir: Alat za okvir stvara umjetničku ploču za vaše dizajne. Nalazi se u gornjem lijevom kutu zaslona i kada kliknete na njega, na desnoj alatnoj traci prikazuje nekoliko veličina zaslona. Figma ima nekoliko veličina zaslona što olakšava početak dizajna. Od pametnih telefona do prijenosnih računala do banera na društvenim mrežama, satova i veličine papira.

2. Alat za rezanje: Alat za rezanje omogućuje vam da podijelite sliku na manje dijelove koji se međusobno uklapaju poput slagalice (ali s ravnim rubovima). Rezanje slike korisno je ako imate veliku sliku tako da je razbijete na dijelove. Dijelovi slike će se najprije početi učitavati, javljajući korisniku da sazna više. Ovo je korisno za korisnike s sporom vezom.

Okvir s kriškom

3. Oblici alata: izbornik alata za oblikovanje pokazuje 6 različitih alata. Ovi alati omogućuju vam stvaranje bilo kojeg geometrijskog oblika koji se može zamisliti. Mogu se stvoriti kvadrati, trokuti, rombi, trapezi i šesterokutnici. Mogu se koristiti kao gumbi i druge komponente korisničkog sučelja.

mogućnosti oblika na Figma

Savjeti i trikovi:

  • Držite tipku Shift dok povlačite oblike za savršene kvadrate, krugove i poligone.
  • Držite tipku Option dok povlačite oblike da biste ih postavili po sredini.

4. Alati za olovke i olovke: Alat za olovke je najbolji alat za oblikovanje vektora. Omogućuje vam definiranje vlastitih točaka sidra, kao i podešavanje krivulje povezane s tim sidrima, manipuliranjem dvije kontrolne točke povezane sa svakim sidrom. Alat olovke je više ilustriran ilustracijom jer se koristi za crtanje slobodnih linija povlačenjem kursora duž pozornice. Može se postaviti tako da crta ravne linije i glatke krivulje.

Vektorska obrada sa Figma

5. Tekstni alat: Alat za tekst je jedan od najmoćnijih alata u vašem alatu za alat jer otvara vrata mnoštvu unaprijed dizajniranih biblioteka fontova. Figma je kompatibilna s bilo kojim google fontom jer su oni već uvezeni na vašu ploču. Ako koristite aplikaciju za radnu površinu, mogu se koristiti vanjski fontovi ako imate font instaliran na računalu. Ali morate imati instaliran paket za pomoć fontom Figma ako koristite web verziju.
Za postavljanje teksta na vaše platno morate samo odabrati alat s tekstom iz okvira s alatima i kliknuti na njegovo područje u području na kojem želite da se tekst pojavi. Kada to učinite, na desnoj će se stranici pojaviti tekstualna alatna traka koja se može koristiti za promjenu fonta, veličine fonta, visine retka, razmaka redaka, razmaka odlomka, obrazloženja i drugih tekstualnih opcija.

6. Alat za komentare: Figma ima alat za komentare u aplikaciji koji vam omogućuje prikvačivanje komentara da biste ih izravno dizajnirali. To omogućava klijentima da komuniciraju s dizajnerima u stvarnom vremenu, što dovodi do brže isporuke proizvoda. Da biste to iskoristili, kliknite na alat za komentare ili dodirnite "c" i zakačite ikonu komentara na sloj koji želite komentirati. Ako su na ploči više dizajnera i klijenata, možete sortirati poruke pomoću @mentions-a da biste lako privukli pažnju ljudi; jednostavno upišete simbol "@", a zatim ime osobe i oni dobivaju obavijest e-poštom, a također i obavijest na Figmi.

7. Alat za pomicanje i skaliranje: Alat za pomicanje omogućuje vam pomicanje odabira ili čitavog sloja povlačenjem mišem. To je prvi alat na alatnoj traci, a može ga se odabrati i pritiskom na „v”. Prema zadanim postavkama, ako je odabrano područje, izbor će se premjestiti, inače će se premjestiti cijeli sloj. Alat za pomicanje može se koristiti za ostale funkcije kao što su kopiranje slojeva plus odabir i poravnavanje više slojeva. Da biste poravnali više slojeva, odaberite ih i upotrijebite traku za poravnanje u gornjem desnom kutu za poravnavanje slojeva.

Traka poravnanja

Alat za mjerenje koristi se za povećanje veličine sloja, a zadržava iste proporcije. Recimo da imate krug od 35x35px, alat za skaliranje može povećati i smanjiti krug tako da može biti samo 25x25px, a ne 25x26px.

S ovim alatima trebali biste biti u mogućnosti pokrenuti dizajn s Figmom, pa počnite vježbati. Moj sljedeći članak govori o malo složenijim alatima i uporabi ograničenja na Figmi.

Možete nam se pridružiti na Slack-u na https://figma-africa.slack.com, pratite nas na twitteru na https://twitter.com/figma_africa