U fokusu: AI chat , igre poput Retra , mijenjač lokacija , Roblox deblokiran
U fokusu: AI chat , igre poput Retra , mijenjač lokacija , Roblox deblokiran
Dizajniranje korisničkih sučelja za web-stranice i mobilne aplikacije s vašim timom jednostavno je: uz Figma, snažan, besplatan alat za prototipiranje. Svatko može sudjelovati u procesu dizajna zahvaljujući naglasku na internetskoj suradnji i dodatnom sučelju u pregledniku. Jedini nedostatak su ograničenja besplatnog izdanja alata. To može biti ono najosnovnije što znamo o Figmi. Ovaj nam članak omogućuje da doznamo više čitajući ove detaljne recenzije Figmae.
Sadržaj
Dizajniranje korisničkih sučelja za web stranice i mobilne aplikacije s vašim timom jednostavno je: pomoću Figme, moćnog, besplatnog alata za izradu prototipova. Svatko može sudjelovati u procesu dizajna zahvaljujući naglasku na online suradnji i dodatnom sučelju temeljenom na pregledniku. Ograničenja besplatnog izdanja alata jedini su nedostatak.
Nadalje, program baziran na webu napravljen isključivo za izradu korisničkih sučelja naziva se Figma (UI). Razvila ga je 2015. mala skupina Googleovih programera koji su namjeravali stvoriti učinkovitiji pristup suradnji na projektima korisničkog sučelja. Mislili su da trenutni alati poput Photoshopa i Sketcha nisu dovoljno svestrani, što ih je razbjesnilo. Stoga su krenuli razvijati nešto novo kako bi ljudima omogućili brže dovršavanje više zadataka.
Štoviše, Figma, koja je bila rezultat, izašla je u javnost 2016. Od tada su je koristile tisuće stručnih dizajnera i preuzele su je milijune puta. Budući da kupcima pruža posebnu kombinaciju funkcija koje nedostaju drugom softveru, njegova je popularnost brzo porasla.
Profesionalni program za uređivanje fotografija Photoshop postoji već neko vrijeme. Dizajneri i fotografi uređuju fotografije pomoću Photoshopa kako bi podesili stvari poput izrezivanja, promjene veličine i boje. Potpuno nova web-aplikacija pod nazivom Figma predstavljena je 2016. Napravljena je da pomogne korisnicima u izradi okvira, prototipova i modela za web-mjesta i drugu digitalnu robu. Evo tri velika razloga zašto koristite Figmu umjesto Photoshopa.
◆ Jednostavna za upotrebu. Jedna od glavnih prednosti Figme njezina je jednostavnost korištenja. Nema zbunjujućih alatnih traka ili izbornika u kojima biste se izgubili. Umjesto toga, sve što trebate učiniti jest odabrati iz glavnog izbornika na vrhu zaslona.
◆ Nije potrebno prethodno iskustvo. Za razliku od Photoshopa, Figma ne zahtijeva prethodno znanje kako bi se naučila. Svatko je može odmah preuzeti i početi raditi.
◆ Figma je izvrsna za dizajnere jer nije namijenjena zamijeniti Photoshop. To je prateća aplikacija koja pomaže dizajnerima web-stranica da poboljšaju svoj rad.
Figma je besplatan alat s razumnom cijenom mjesečnih i godišnjih pretplata. Premium mjesečna i godišnja članarina za Figmu, besplatni program za dizajn sučelja, namijenjena je naprednim korisnicima. Naravno, besplatna verzija ima ograničenja. Korisnici mogu napraviti tri FigJam datoteke i tri Figma datoteke. Za obične potrošače, relativno male timove i neovisne dizajnere, to nije strašno.
Za korisnike koji su platili, dostupne su dvije nadogradnje. Timske biblioteke, audio razgovori i dodaci datotekama u Professionalu su neograničeni. Korisno ako trebate održati svoju marku dosljednom. Mjesečna naknada je $15, £14 ili 24 AUD po uredniku. Mjesečne cijene za urednike su $12, £11 ili 19 AUD za godišnje pretplate.
Organizacijski troškovi $45 / 41 GBP / 71 AUD po uredniku mjesečno uz godišnju pretplatu i uključuje sve što Professional radi, kao i knjižnice za cijelu organizaciju, analitiku i centralizirano upravljanje datotekama.
Svoje omiljene likove možete izložiti u pozama koje volite uz pomoć vrlo artikuliranih, ali još uvijek atraktivnih PVC akcijskih figura iz serije Figma. Osim toga, figure iz serije Figma, izrađene od ABS-a i PVC-a, su zglobne. Svaka figura dolazi s fleksibilnim postoljem. Visine figura su od 13 do 16 cm, ovisno o visini lika.
Pronađite više od 300 predložaka koje je izradilo naše osoblje kako bi vam pomogli da pokrenete ideju ili je pretočite u nešto novo. Započnite s gornjom navigacijom ili se pomaknite prema dolje da pregledate neke od naših omiljenih kategorija za ideje. Neki od najomiljenijih Figma predložaka od strane korisnika su sljedeći:
◆ Wireframe setovi. Naš komplet wireframeova temeljen na komponentama omogućuje vam brzo potvrđivanje ideja i ubrzavanje procesa dizajna web-stranice.
◆ Iskoristite naše predloške za razvoj proizvoda kako biste isplanirali sljedeću verziju. FigJam predlošci nude pouzdanu mapu puta od početka putovanja vašeg proizvoda do samog gotovog proizvoda, omogućujući vam da s povjerenjem preuzmete upravljač.
◆ FigJam može oživjeti planiranje proizvoda. Postupak planiranja koji rezultira konsenzusom, a ne kaosom, prvi je korak u stvaranju iznimnih proizvoda. Saznajte kako FigJam, internetska timska ploča (whiteboard), čini planiranje uključivijim, učinkovitijim i zabavnijim.
Dodatak Figma omogućuje vam da: Unesete ikone. Osim toga, možete povući i ispustiti datoteke ikona dodataka u Figmu. Brzo zamijenite odabranu ikonu. Za programere, pogledajte kod za uvezene ikone. Umetnite kod za uvoz jedinstvenog SVG-a. Također dekodira podatke: URI. Nenaplaćeno je! Iconify uvijek uvozi ikone kao SVG, za razliku od drugih dodataka koji daju više ikona, ali zahtijevaju novac za korištenje SVG-a. Open-source Iconify projekt isključivo nudi open-source skupove ikona.
Nadalje, dodatak prati posljednju stranicu koju ste posjetili, što olakšava pregledavanje ili pretraživanje simbola. Na stranici s opcijama uvijek možete resetirati dodatak. Kompaktni način rada također je dostupan u dodatku za korisnike s malim monitorima. Omogućite opciju male širine klikom na vezu izbornika (3 retka).
Jedna od najvažnijih Figminih značajki je Auto Layout, koja se izdvaja od sličnih funkcija u drugim dizajnerskim programima zahvaljujući svojoj prilagodljivosti. U biti, omogućuje vam izradu okvira i komponenti tako da se mogu automatski širiti, uzrokujući prilagodbu spremnika veličini svog sadržaja ili obrnuto.
Napravite Figma račun
Posjetite www.figma.com, kliknite Prijavite se i ispunite obrazac kako biste započeli s Figmom. Kada to završite, Figma će se pokrenuti s početnim zaslonom koji izgleda ovako. Za početak odaberite 'Nova datoteka', a zatim krenimo!
Istražite Figmino sučelje
Figma sučelje ima vrlo jednostavan izgled i dojam, ali skriva nekoliko snažnih mogućnosti.
◆ Alat. Alati koje ćete najčešće koristiti—okviri, oblici, tekst itd.—praktično su dostupni ovdje. (Ove alate obradit ćemo tijekom sljedećih nekoliko dana.)
◆ Opcije. Dodatne opcije za alat koji ste odabrali prikazane su u ovom odjeljku. Figma prikazuje naziv datoteke kada nije odabrana nijedna stavka (kao u gornjem primjeru). Kada je objekt odabran, ovdje se pojavljuju kontekstualne opcije.
◆ Slojevi. Svaka komponenta datoteke je popisana i razvrstana u Okvire i Grupe.
◆ Platno. Ovdje dovršavate i procjenjujete sav svoj rad.
◆ Inspektor. Za svaki odabrani objekt Inspektor prikazuje kontekstualne informacije i postavke. Na slici iznad možemo vidjeti opcije za samo Platno. O njima ćemo govoriti kasnije tijekom tjedna. Imajte na umu da Figma u Inspektoru nudi različite kartice (Dizajn, Prototip i Kôd).
Stvaranje okvira
Za odabir alata Frame pritisnite F. Ikona alata Frame nalazi se pod kategorijom Options na vrhu prozora, gdje ga također možete odabrati kao alternativu. Osim toga, možete pritisnuti A za Artboard ako ste navikli koristiti Sketch.
Uspostavite tekstualni sloj
Sada ćemo napisati malo sadržaja. Kako biste dodali sloj Text, kliknite bilo gdje unutar okvira za iPhone nakon što odaberete alat Text pritiskom na T. Upišimo Sign In jer će to biti dio dizajna gumba. Za izlaz iz alata Text pritisnite Escape.
Slojevi bi trebali biti raspoređeni u pravokutnik
Za odabir alata Rectangle pritisnite R. Nacrtajte pravokutnik u obliku gumba oko novo stvorenog teksta.
Poravnanje teksta i pravokutnika
Pritiskom na Escape ili V pobrinite se da je odabran alat Move prije nego što povučete marquee oko teksta i pravokutnika.
Izmijenite font
Možete posjetiti Inspectorove postavke dok je tekstualni sloj odabran za promjenu fonta i njegove veličine, težine i boje. Roboto se i dalje koristi, ali pisanje je sada podebljano i velikim slovima. Proučite svoje izbore!
Spremanje i imenovanje datoteke
Davanje naziva našoj datoteci posljednji je zadatak za danas; da biste to učinili, odaberite sve objekte—pomoći će Escape—i kliknite tamo gdje na vrhu prozora piše Untitled. Zatim unesite naziv. Na kraju pritisnite Save da završite.
| Planovi i cijena | Sučelje i iskustvo | Oblikovati | Online suradnja |
| 4.0 | 4.5 | 4.5 | 4.0 |
| 4.0 | 4.0 | 4.5 | 4.0 |
| 4.0 | 4.0 | 4.0 | 4.0 |
| 4.5 | 4.0 | 4.0 | 4.0 |
| 4.0 | 4.5 | 4.5 | 4.5 |
| 4.0 | 4.0 | 4.0 | 4.0 |
| 4.0 | 4.0 | 4.0 | 4.0 |
Je li Figma u kvaru?
Vaša Figma datoteka možda se ruši iz nekoliko razloga. Ponovno pokretanje računala je najčešće rješenje. Pokušajte ponovno učitati datoteku ili je otvoriti u drugom pregledniku ako to ne uspije.
Kako izrezati oblik u Figmi?
Kada odaberete Crop iz padajućeg izbornika Fill mode u gornjem lijevom kutu zaslona, Figma će dodati osam plavih ručica na rubove slike. Zatim možete odlučiti koliki ćete dio slike prikazati klikom i povlačenjem plavih ručica u bilo kojem smjeru.
Je li Figma jednostavna za učenje?
Figma je relativno jednostavan program za nove web dizajnere za naučiti. To je tako jer Figma korisnicima pruža ograničeno besplatno izdanje softvera bez ugrađenog vremenskog ograničenja, a alati su jednostavni za korištenje.
Zaključak
Iz ovog ćete posta dobro razumjeti FIGMA-u, zajedno s njezinim glavnim prednostima i nedostacima. FIGMA je platforma za timski razvoj softvera otvorenog koda za izradu web aplikacija. Ima uređivač koda, alat za testiranje i uređivač obogaćenog teksta. Model-View-Controller (MVC) je temelj FIGMA-e. Čak i ako ima određene nedostatke, Figmu možete lako naučiti slijedeći nekoliko gore navedenih jednostavnih koraka zahvaljujući njezinim prednostima. Nadamo se da će vam ovaj post dati sve pojedinosti.
Je li vam ovo pomoglo?
329 glasova
DAHvala što ste nas obavijestili!
NeHvala što ste nas obavijestili! 
Pixlr Editor Review: Za napredne korisnike i niske cijene
Uređivač slika
FastStone pregled: Uredite i pretvorite fotografije na jednostavan način
Photo Converter
Pregled aplikacije VSCO: Stvorite, izradite, uredite i objavite slike
Uređivač slika
Snapseed pregled i njegove alternative za profesionalnog uređivača
Uređivač slika
