Valokeilassa: tekoälychat , pelit kuten Retro , sijainninvaihtaja , Robloxin esto poistettu
Valokeilassa: tekoälychat , pelit kuten Retro , sijainninvaihtaja , Robloxin esto poistettu
Suunnittelutyö käyttöliittymille verkkosivustoja ja mobiilisovelluksia varten tiimisi kanssa on yksinkertaista: käytätte Figmaa, tehokasta ja ilmaista prototyyppityökalua. Kuka tahansa voi osallistua suunnitteluprosessiin verkkoyhteistyöhön keskittymisen ja selainpohjaisen käyttöliittymän ansiosta. Ainoa haittapuoli ovat työkalun ilmaisen version rajoitukset. Tämä voi olla yksinkertaisin asia, jonka tiedämme Figmasta. Tämä artikkeli auttaa meitä oppimaan siitä lisää lukemalla nämä yksityiskohtaiset Figma‑arvostelut.
Sisällysluettelo
Käyttöliittymien suunnittelu verkkosivustoille ja mobiilisovelluksille tiimisi kanssa on yksinkertaista: käyttämällä Figmaa, tehokasta, ilmaista prototyyppityökalua. Kuka tahansa voi osallistua suunnitteluprosessiin verkkoyhteistyön korostamisen ja ylimääräisen selainpohjaisen käyttöliittymän ansiosta. Työkalun ilmaisen version rajoitukset ovat sen ainoa haittapuoli.
Lisäksi yksinomaan käyttöliittymien luomiseen tehty web-pohjainen ohjelma on nimeltään Figma (UI). Sen kehitti vuonna 2015 pieni joukko Google-kehittäjiä, joiden tarkoituksena oli luoda tehokkaampi lähestymistapa käyttöliittymäprojektien yhteistyöhön. He ajattelivat, että nykyiset työkalut, kuten Photoshop ja Sketch, eivät olleet tarpeeksi monipuolisia, mikä raivostutti heidät. Joten he päättivät kehittää jotain uutta, jotta ihmiset voisivat suorittaa enemmän tehtäviä nopeammin.
Lisäksi tuloksena ollut Figma nousi pörssiin vuonna 2016. Sen jälkeen sitä ovat käyttäneet tuhannet asiantuntijasuunnittelijat ja ladattu miljoonia kertoja. Koska se tarjoaa asiakkaille erityisen yhdistelmän toimintoja, joita muilta ohjelmistoilta puuttuu, sen suosio on kasvanut nopeasti.
Ammattimainen kuvankäsittelyohjelma Photoshop on ollut olemassa jo jonkin aikaa. Suunnittelijat ja valokuvaajat muokkaavat valokuvia Photoshopilla muokatakseen esimerkiksi rajaamista, kokoa ja väriä. Vuonna 2016 esiteltiin upouusi verkkosovellus nimeltä Figma. Se on tehty auttamaan käyttäjiä kehysten, prototyyppien ja mallien tuottamisessa verkkosivustoille ja muille digitaalisille tuotteille. Tässä on kolme hyvää syytä, miksi käytät Figmaa Photoshopin sijaan.
◆ Helppokäyttöinen. Figma on helppokäyttöinen, mikä on yksi sen suurimmista eduista. Monimutkaisia työkalupalkkeja tai valikoita, joissa voisi eksyä, ei ole. Sinun tarvitsee vain valita vaihtoehdot näytön yläreunan päävalikosta.
◆ Ei vaadita aiempaa kokemusta. Toisin kuin Photoshop, Figma ei edellytä aiempaa osaamista. Kuka tahansa voi ottaa sen heti käyttöön ja alkaa työskennellä.
◆ Figma on erinomainen suunnittelijoille, koska sen ei ole tarkoitus korvata Photoshopia. Se on rinnakkainen sovellus, joka auttaa verkkosuunnittelijoita parantamaan työtään.
Figma on ilmainen työkalu kohtuuhintaisilla kuukausi- ja vuositilauksilla. Maksuttoman käyttöliittymäsuunnitteluohjelman Figman kuukausi- ja vuosijäsenyydet ovat tehokäyttäjille. Tietenkin ilmaisella versiolla on rajoituksia. Käyttäjät voivat tehdä kolme FigJam-tiedostoa ja kolme Figma-tiedostoa. Satunnaisille kuluttajille, suhteellisen pienille ryhmille ja riippumattomille suunnittelijoille se ei ole kauheaa.
Käyttäjille, jotka ovat maksaneet, on saatavilla kaksi päivitystä. Professionalin tiimikirjastot, äänikeskustelut ja tiedostojen lisäykset ovat rajattomat. Hyödyllinen, jos haluat pitää brändisi johdonmukaisena. Kuukausimaksu on $15, 14 puntaa tai 24 AUD toimittajaa kohden. Toimittajan kuukausihinnat ovat $12, 11 puntaa tai 19 AUD vuositilauksille.
Organisaatio maksaa $45 / 41 £ / 71 AUD toimittajaa kohden kuukaudessa vuositilauksella ja sisältää kaiken Professionalin tekemän, sekä organisaation laajuiset kirjastot, analytiikan ja keskitetyn tiedostojenhallinnan.
Voit esitellä suosikkihahmosi haluamissasi asennoissa Figma-sarjan erittäin artikuloitujen mutta silti houkuttelevien PVC-toimintahahmojen avulla. Lisäksi Figma-sarjan Figuurit, jotka on valmistettu ABS:stä ja PVC:stä, ovat nivellettyjä. Jokaisen figuurin mukana tulee joustava teline. Figuurien korkeus vaihtelee 13-16 cm hahmon pituudesta riippuen.
Löydä yli 300 henkilöstömme luomaa mallia, jotka auttavat sinua käynnistämään idean tai muokkaamaan siitä jotain uutta. Aloita yllä olevasta navigoinnista tai vieritä alaspäin selataksesi joitain suosikkiluokkiamme ideoiden saamiseksi. Jotkut käyttäjien rakastetuimmista Figma-malleista ovat seuraavat:
◆ Wireframe‑kitit. Komponenttipohjainen wireframe‑kittimme auttaa sinua nopeasti validoimaan ideasi ja nopeuttamaan verkkosivuston suunnitteluprosessia.
◆ Hyödynnä tuotekehitysmallipohjiamme seuraavan version suunnittelussa. FigJam‑mallipohjat tarjoavat selkeän tiekartan tuotesi matkan alusta valmiiseen tuotteeseen asti, jotta voit tarttua ohjaksiin luottavaisesti.
◆ FigJam voi elävöittää tuotesuunnittelua. Suunnitteluprosessi, joka johtaa yhteisymmärrykseen kaaoksen sijaan, on ensimmäinen askel erinomaisten tuotteiden luomisessa. Ota selvää, miten FigJam, tiimien verkkovalkotaulu, tekee suunnittelusta osallistavampaa, tehokkaampaa ja miellyttävämpää.
Figma-laajennuksen avulla voit: Tuoda kuvakkeita. Lisäksi voit vetää ja pudottaa liitännäiskuvaketiedostoja Figmaan. Vaihda valittu kuvake nopeasti. Kehittäjät: katso tuotujen kuvakkeiden koodi. Lisää koodi tuodaksesi yksilöllisen SVG:n. Se purkaa tiedot: URI samoin. Se on maksuton! Iconify tuo kuvakkeet aina SVG-muodossa, toisin kuin muut lisäosat, jotka antavat enemmän kuvakkeita, mutta vaativat rahaa SVG:n käyttämiseen. Avoimen lähdekoodin Iconify-projekti tarjoaa yksinomaan avoimen lähdekoodin kuvakesarjoja.
Lisäksi Plugin pitää kirjaa viimeisimmästä sivusta, jolla vierailit, mikä tekee symbolien selaamisesta tai etsimisestä helppoa. Asetukset-sivulla voit aina nollata laajennuksen. Kompakti tila on saatavana myös laajennuksessa käyttäjille, joilla on pieniä näyttöjä. Ota pieni leveys käyttöön napsauttamalla valikkolinkkiä (3 riviä).
Yksi Figman tärkeimmistä ominaisuuksista on Auto Layout, joka erottuu muiden suunnitteluohjelmien vastaavista toiminnoista mukautuvuuden ansiosta. Pohjimmiltaan sen avulla voit rakentaa kehyksiä ja komponentteja niin, että ne voivat laajentua automaattisesti, jolloin säiliö mukautuu sisällön kokoon tai päinvastoin.
Luo Figma-tili
Käy osoitteessa www.figma.com, napsauta Rekisteröidy ja aloita Figmalla täyttämällä lomake. Kun olet valmis, Figma käynnistyy aloitusnäytöllä, joka näyttää tältä. Aloita valitsemalla Uusi tiedosto ja sitten mennään!
Tutustu Figman käyttöliittymään
Figma-käyttöliittymä on hyvin yksinkertainen ulkoasu ja tuntuu, mutta kätkee useita vahvoja ominaisuuksia.
◆ Työkalu. Täältä pääset kätevästi käsiksi työkaluihin, joita todennäköisimmin käytät eniten – kehyksiin, muotoihin, tekstiin jne. (Käymme nämä työkalut läpi seuraavien päivien aikana.)
◆ Valinnat. Valitulle työkalulle lisäasetukset näkyvät tässä osiossa. Kun mitään kohdetta ei ole valittuna, Figma näyttää tiedoston nimen (kuten yllä olevassa esimerkissä). Kun objekti on valittuna, tähän ilmestyvät kontekstikohtaiset valinnat.
◆ Tasot. Jokainen tiedoston komponentti on listattu ja luokiteltu kehyksiin (Frames) ja ryhmiin (Groups).
◆ Piirtoalue. Täällä teet ja arvioit kaiken työsi.
◆ Tarkastelija. Tarkastelija näyttää minkä tahansa valitun objektin kontekstisidonnaiset tiedot ja asetukset. Yllä olevassa kuvassa näemme vaihtoehtoja itse piirtoalueelle. Keskustelemme näistä myöhemmin tällä viikolla. Huomaa, että Figma tarjoaa Tarkastelijassa eri välilehdet (Design, Prototype ja Code).
Kehyksen luominen
Valitse Frame‑työkalu painamalla F. Frame‑työkalun kuvake sijaitsee ikkunan yläreunan Valinnat-kohdassa, josta voit myös valita sen vaihtoehtoisesti. Lisäksi voit painaa A valitaksesi Artboard-työkalun, jos olet tottunut käyttämään Sketchiä.
Luo tekstitaso
Kirjoitetaan nyt hieman sisältöä. Lisää Teksti-taso klikkaamalla mihin tahansa iPhone‑kehystäsi sisällä sen jälkeen, kun olet valinnut Teksti-työkalun painamalla T. Kirjoitetaan Sign In, koska se tulee olemaan osa painikkeen suunnittelua. Poistu Teksti‑työkalusta painamalla Escape.
Kerrokset tulee järjestää suorakaiteen muotoon
Valitse Suorakulmio‑työkalu painamalla R. Piirrä uuden tekstin ympärille suorakulmio painikkeen muotoon.
Tekstin ja suorakulmion tasaus
Varmista painamalla Escape tai V, että Siirrä‑työkalu on valittuna, ennen kuin vedät marquee-valinnan tekstin ja suorakulmion ympärille.
Muokkaa fonttia
Voit siirtyä Inspectorin asetuksiin, kun tekstitaso on valittuna ja muuttaa fonttia ja sen kokoa, painoa ja väriä. Roboto on edelleen käytössä, mutta teksti on nyt lihavoitu ja isoilla kirjaimilla. Yritä tarkastella valintojasi!
Tiedoston tallentaminen ja nimeäminen
Viimeinen tehtävämme tälle päivälle on antaa tiedostollemme nimi; tätä varten valitse kaikki objektit – Escape riittää – ja klikkaa kohtaa, jossa ikkunan yläreunassa lukee Untitled. Syötä sitten nimi ja paina lopuksi Save.
| Suunnitelmat & Hinta | Käyttöliittymä ja kokemus | Design | Yhteistyö verkossa |
| 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 |
Onko Figma alhaalla?
Figma-tiedostosi saattaa kaatua useista syistä. Tietokoneen uudelleenkäynnistys on yleisin ratkaisu. Yritä ladata tiedosto uudelleen tai avata se toisella selaimella, jos se ei auta.
Miten rajaan (crop) muodon Figmassa?
Kun valitset näytön vasemmassa yläkulmassa olevasta Täyttötila-pudotusvalikosta Rajaa, Figma lisää kahdeksan sinistä kahvaa kuvan reunoihin. Tämän jälkeen voit päättää, kuinka suuri osa kuvasta näytetään napsauttamalla ja vetämällä sinisiä kahvoja mihin tahansa suuntaan.
Onko Figma helppo oppia?
Figma on suhteellisen helppo oppia uusille web-suunnittelijoille. Tämä johtuu siitä, että Figma tarjoaa käyttäjille rajoitetun ilmaisen ohjelmistoversion ilman sisäänrakennettua aikarajaa ja työkalut ovat helppokäyttöisiä.
Johtopäätös
Ymmärrät FIGMAn hyvin tästä viestistä sekä sen tärkeimmät edut ja haitat. FIGMA on avoimen lähdekoodin tiimipohjainen ohjelmistokehitysalusta verkkosovellusten luomiseen. Siinä on koodieditori, testaustyökalu ja rich text editor. Model-View-Controller (MVC) on FIGMA:n perusta. Vaikka sillä on tiettyjä haittoja, voit helposti oppia Figman noudattamalla muutamia yllä mainittuja yksinkertaisia vaiheita sen etujen ansiosta. Toivomme, että tämä viesti antaa sinulle kaikki yksityiskohdat.
Oliko tästä apua?
329 ääntä
JOOKiitos, kun kerroit meille!
EiKiitos, kun kerroit meille! 
Pixlr Editorin arvostelu: edistyneille käyttäjille ja edullisille
Kuvanmuokkausohjelma
FastStone Review: Muokkaa ja muunna valokuvia Easy Waylla
Photo Converter
VSCO App Review: Luo, tee, muokkaa ja lähetä kuvia
Kuvanmuokkausohjelma
Snapseed Review ja sen ammattimaiset toimittajavaihtoehdot
KuvanmuokkausohjelmaAll-in-one-videomuunnin, -editori, -tehostin, joka on skaalattu tekoälyllä.
