Fókuszban: MI csevegés , Retrohoz hasonló játékok , helyszínváltoztató , Roblox feloldva
Fókuszban: MI csevegés , Retrohoz hasonló játékok , helyszínváltoztató , Roblox feloldva
A weboldalakhoz és mobilalkalmazásokhoz készített felhasználói felületek tervezése a csapatoddal egyszerű: használd a Figma-t, egy hatékony, ingyenes prototípuskészítő eszközt. Bárki részt vehet a tervezési folyamatban az online együttműködésre helyezett hangsúlynak és a böngészőalapú felületnek köszönhetően. Az egyetlen hátránya az eszköz ingyenes kiadásának korlátozása. Ez lehet a legegyszerűbb dolog, amit a Figma-ról tudunk. Ez a bejegyzés lehetővé teszi, hogy többet tudjunk meg róla, ha elolvassuk ezeket a részletes Figma‑értékeléseket.
Tartalomjegyzék
Webhelyek és mobilalkalmazások felhasználói felületének megtervezése csapatával egyszerű: a Figma, egy hatékony, ingyenes prototípuskészítő eszköz használatával. Bárki részt vehet a tervezési folyamatban, köszönhetően az online együttműködésnek és egy további böngésző alapú felületnek. Az eszköz ingyenes kiadásának korlátai az egyetlen hátránya.
Továbbá egy kizárólag felhasználói felületek létrehozására készült web alapú program a Figma (UI). 2015-ben fejlesztette ki a Google fejlesztőinek egy kis csoportja, akik hatékonyabb megközelítést kívántak kialakítani az UI-projektekben való együttműködéshez. Úgy gondolták, hogy az olyan jelenlegi eszközök, mint a Photoshop és a Sketch, nem elég sokoldalúak, ami feldühítette őket. Ezért valami újszerű kidolgozását tűzték ki célul, hogy az emberek gyorsabban tudjanak elvégezni több feladatot.
Sőt, a Figma, amely az eredmény lett, 2016-ban tőzsdére került. Azóta szakértő tervezők ezrei használták, és milliószor töltötték le. Mivel olyan speciális funkciók kombinációját biztosítja az ügyfeleknek, amelyek más szoftverekből hiányoznak, népszerűsége gyorsan nőtt.
A Photoshop professzionális képszerkesztő program egy ideje létezik. A tervezők és a fotósok a Photoshop segítségével szerkesztik a fotókat, hogy olyan dolgokat módosíthassanak, mint a vágás, átméretezés és színezés. 2016-ban bemutatták a Figma nevű vadonatúj webalkalmazást, amely arra készült, hogy segítse a felhasználókat drótvázak, prototípusok és makettek előállításában webhelyekhez és más digitális termékekhez. Íme a három nagyszerű ok, amiért a Figmát használja a Photoshop helyett.
◆ Egyszerű használni. A Figma egyik fő előnye a könnyű használhatósága. Nincsenek zavaró eszköztárak vagy menük, amelyekben el lehetne tévedni. Ehelyett csak annyit kell tenned, hogy kiválasztasz valamit a képernyő tetején található főmenüből.
◆ Nincs szükség tapasztalatra. A Photoshop-pal ellentétben a Figma elsajátításához nincs szükség előzetes tudásra. Bárki azonnal használatba veheti, és elkezdhet dolgozni.
◆ A Figma kiváló a tervezők számára, mert nem a Photoshop kiváltására készült. Ez egy kiegészítő alkalmazás, amely segít a weboldaltervezőknek munkájuk javításában.
A Figma egy ingyenes eszköz, kedvező árú havi és éves előfizetéssel. A Figma, egy ingyenes felülettervező program prémium havi és éves tagsága a hatékony felhasználóknak szól. Természetesen az ingyenes verziónak vannak korlátozásai. A felhasználók három FigJam fájlt és három Figma fájlt készíthetnek. Az alkalmi fogyasztók, viszonylag kis csapatok és független tervezők számára ez nem szörnyű.
Azon felhasználók számára, akik fizettek, két frissítés áll rendelkezésre. A Professional programban a csapatkönyvtárak, a hangbeszédek és a fájlkiegészítések száma korlátlan. Hasznos, ha konzisztensnek kell lennie a márkaépítésben. A havi díj $15, 14 GBP vagy 24 AUD szerkesztőnként. A szerkesztők havi díja $12, 11 GBP vagy 19 AUD éves előfizetés esetén.
A szervezet költsége $45 / 41 GBP / 71 AUD szerkesztőnként havonta éves előfizetés esetén, és magában foglalja mindazt, amit a Professional, valamint a szervezetre kiterjedő könyvtárakat, elemzéseket és központi fájlkezelést.
A Figma sorozat rendkívül artikulált, mégis vonzó PVC-akciófigurái segítségével kedvenc figuráit tetszőleges pózban állíthatod ki. Ezenkívül a Figma sorozat ABS-ből és PVC-ből készült figurái csuklósak. Minden figurához rugalmas állvány tartozik. A figurák magassága 13-16 cm, a karakter magasságától függően.
Keressen több mint 300 sablont, amelyet munkatársaink készítettek, hogy segítsenek egy ötletet elindítani, vagy valami újat formálni belőle. Kérjük, kezdje a fenti navigációval, vagy görgessen lefelé, hogy ötleteket keressen kedvenc kategóriáink között. A felhasználók által legkedveltebb Figma-sablonok közül néhány a következő:
◆ Drótváz készletek. Az összetevőalapú drótvázkészletünkkel gyorsan validálhatod az ötleteidet, és felgyorsíthatod a weboldaltervezési folyamatot.
◆ Használd termékfejlesztési sablonjainkat a közelgő fejlesztés megtervezéséhez. A FigJam sablonok megbízható útitervet kínálnak a termékút elejétől egészen a kész termékig, így magabiztosan veheted át az irányítást.
◆ A FigJam felpezsdítheti a terméktervezést. A kivételes termékek létrehozásának első lépése egy olyan tervezési folyamat, amely káosz helyett konszenzust eredményez. Tudd meg, hogyan teszi a FigJam, az online csapattábla a tervezést befogadóbbá, hatékonyabbá és élvezetesebbé.
A Figma bővítmény lehetővé teszi a következőket: Ikonok behozása. Ezenkívül áthúzhatja a beépülő modulok ikonjait a Figmába. Gyorsan cserélje ki a kiválasztott ikont. A fejlesztők számára tekintse meg az importált ikonok kódját. Kód beszúrása egyedi SVG importálásához. Adatokat dekódol: URI-t is. Töltetlen! Az Iconify mindig SVG-ként importálja az ikonokat, ellentétben más beépülő modulokkal, amelyek több ikont adnak, de pénzt igényelnek az SVG használatáért. A nyílt forráskódú Iconify projekt kizárólag nyílt forráskódú ikonkészleteket biztosít.
Ezenkívül a Plugin nyomon követi az utoljára meglátogatott oldalt, így egyszerűvé válik a böngészés vagy a szimbólumok keresése. A beállítások oldalon bármikor visszaállíthatja a bővítményt. A kis monitorral rendelkező felhasználók számára a kompakt mód is elérhető a bővítményben. Engedélyezze az apró szélesség opciót a menü (3 sor) hivatkozásra kattintva.
A Figma egyik legfontosabb funkciója az Auto Layout, amely alkalmazkodóképességének köszönhetően kitűnik a többi tervezőprogram hasonló funkciói közül. Lényegében lehetővé teszi, hogy kereteket és alkatrészeket építsen fel úgy, hogy azok automatikusan kibővüljenek, vagy a tárolót a tartalom méretéhez igazítva, vagy fordítva.
Hozzon létre egy Figma-fiókot
Látogassa meg a www.figma.com webhelyet, kattintson a Regisztráció lehetőségre, és töltse ki az űrlapot a Figma használatához. Ha ezt befejezte, a Figma elindul egy ilyen kezdőképernyővel. Kezdésként válassza az "Új fájl" lehetőséget, majd induljon!
Fedezze fel a Figma felületét
A Figma felület nagyon egyszerű megjelenésű és érzetű, de számos erős képességet rejt.
◆ Eszköz. Itt érhetők el kényelmesen azok az eszközök, amelyeket a leggyakrabban fogsz használni – keretek, alakzatok, szöveg stb. (Ezeket az eszközöket a következő napokban részletesen tárgyaljuk.)
◆ Beállítások. Az általad kiválasztott eszközhöz tartozó további beállítások ebben a részben jelennek meg. A Figma a fájl nevét mutatja, ha nincs kijelölve elem (mint a fenti példában). Ha egy objektumot kijelölsz, itt jelennek meg a kontextuális opciók.
◆ Rétegek. Az egyes fájlok minden összetevője fel van sorolva, és Keretekre (Frames) és Csoportokra (Groups) van kategorizálva.
◆ Vászon. Itt végzed és értékeled az összes munkádat.
◆ Inspektor. Az Inspektor bármely kijelölt objektumhoz kontextuális információkat és beállításokat jelenít meg. A fenti képen magához a vászonhoz tartozó beállításokat láthatjuk. Ezekről a hét későbbi részében beszélünk. Kérjük, vedd figyelembe, hogy a Figma külön füleket biztosít az Inspektorban (Design, Prototype és Code).
Keret létrehozása
A Keret eszköz (Frame Tool) kiválasztásához nyomd meg az F billentyűt. A Keret eszköz ikonja az ablak tetején található Beállítások rész alatt látható, ahol alternatívaként szintén kiválaszthatod. Emellett megnyomhatod az A billentyűt is az Artboard-hoz, ha a Sketch használatához vagy szokva.
Hozzon létre egy szövegréteget
Most írjunk be egy kis tartalmat. Egy Szöveg-réteg hozzáadásához kattints bárhová az iPhone kereteden, miután a Szöveg eszközt a T megnyomásával kiválasztottad. Írjuk be a Sign In szöveget, mert ez része lesz a gombtervnek. A Szöveg eszközből az Escape megnyomásával léphetsz ki.
A rétegeket téglalapba kell rendezni
A Téglalap eszköz kiválasztásához nyomd meg az R billentyűt. Rajzolj egy gomb formájú téglalapot az imént létrehozott szöveg köré.
Szöveg és téglalap igazítása
Az Escape vagy a V megnyomásával győződj meg róla, hogy az Áthelyezés eszköz van kiválasztva, mielőtt egy kijelölőkeretet húznál a szöveg és a téglalap köré.
Módosítsa a betűtípust
Meglátogathatja az Inspector beállításait, miközben a szövegréteg kiválasztásakor módosítja a betűtípust, valamint annak méretét, súlyát és színét. A Roboto még mindig használatos, de az írás már félkövér és nagybetűs. Próbálj meg utánanézni a választásodnak!
Fájl mentése és elnevezése
A mai utolsó feladatunk a fájl elnevezése; ehhez jelölj ki minden objektumot – az Escape billentyű is megfelelő – és kattints a képernyő tetején arra a részre, ahol az Untitled felirat látható. Ezután írd be a nevet, majd a befejezéshez nyomd meg a Save gombot.
| Tervek és ár | Interfész és tapasztalat | Tervezés | Online együttműködés |
| 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 |
A Figma nem működik?
A Figma-fájl több okból is összeomolhat. A számítógép újraindítása a leggyakoribb megoldás. Próbálja újra betölteni a fájlt, vagy nyissa meg egy másik böngészőben, ha ez nem működik.
Hogyan lehet egy alakzatot körülvágni a Figma-ban?
Ha a képernyő bal felső sarkában található Kitöltés mód legördülő menüből a Vágás lehetőséget választja, a Figma nyolc kék fogantyút ad a kép széleihez. Ezután eldöntheti, hogy a kép mekkora részét jelenítse meg a kék fogantyúkra kattintva és bármely irányba húzva.
Könnyű megtanulni a Figma használatát?
A Figma egy viszonylag könnyen elsajátítható program az új webes tervezők számára. Ez azért van így, mert a Figma a szoftver korlátozott, ingyenes kiadását biztosítja a felhasználóknak, beépített időkorlát nélkül, és az eszközök használata egyszerű.
Következtetés
Ebből a bejegyzésből jól megérti a FIGMA-t, valamint fő előnyeit és hátrányait. A FIGMA egy nyílt forráskódú, csapatalapú szoftverfejlesztő platform webes alkalmazások létrehozására. Kódszerkesztővel, tesztelőeszközzel és rich text szerkesztővel rendelkezik. A Model-View-Controller (MVC) a FIGMA alapja. Még ha vannak bizonyos hátrányai is, az előnyeinek köszönhetően könnyedén megtanulhatja a Figmát, ha követi a fent említett néhány egyszerű lépést. Reméljük, hogy ez a bejegyzés minden részletet megad.
Hasznosnak találta ezt?
329 szavazat
IGENKöszönjük, hogy tudatta velünk!
NemKöszönjük, hogy tudatta velünk! 
Pixlr szerkesztő áttekintése: haladó felhasználóknak és alacsony költséggel
Képszerkesztő
FastStone áttekintés: Szerkessze és konvertálja a fényképeket Easy Way segítségével
Photo Converter
VSCO App Review: Képek létrehozása, készítése, szerkesztése és közzététele
Képszerkesztő
Snapseed Review és professzionális szerkesztői alternatívái
KépszerkesztőMinden az egyben videó konverter, szerkesztő, javító AI-val feljavítva.
