Kaip sukurti ir pridėti maketus prie savo „Figma“ dizaino naudojant papildinius

Jei esate dizaineris, kuris mėgsta demonstruoti savo dizainą naudodamas maketus, gali būti lengva juos sukurti „Figma“.

Užuot išsaugoję „Figma“ dizainą ir perėję į kitą programą, kad sukurtumėte maketą, galite lengvai atsisiųsti „Figma“ maketo papildinius. Yra daug įvairių stilių papildinių parinkčių, tačiau jas paprasta naudoti ir integruoti į didesnius dizainus.

Kaip rasti ir atsisiųsti „Figma“ papildinius

Papildinio atsisiuntimas ir įdiegimas „Figma“ yra vienodas, nesvarbu, ar naudojate programą, ar naršyklės versiją. Iš „Figma“ naršyklės pagrindinis puslapis, spustelėkite Bendruomenė > Papildiniai ir valdikliaiir ieškokite sąraše arba naudokite paieškos juostą.

Iš „Figma“ programa, pagrindiniame puslapyje bus pasiūlyta tokia pati parinktis kaip ir naršyklėje, norint patekti į bendruomenės puslapį. Bet jei esate dizaino puslapyje, galite spustelėti Figma logotipą Papildiniai. Jei jau įdiegėte papildinius, juos matysite čia.

Norėdami rasti daugiau, pasirinkite Naršykite papildinius bendruomenėje.

Taip pateksite į programos bendruomenės puslapį, kuriame galėsite ieškoti kitų papildinių.

Bendruomenės puslapyje rasite nedidelį kiekvieno papildinio surašymą, paskutinio atnaujinimo datą ir kiekvieno papildinio atsisiuntimo dažnumą. Norėdami gauti daugiau informacijos apie kiekvieną papildinį, pvz., naudotojų komentarus ir naudojimo vadovus, spustelėję jo pavadinimą pateksite į to papildinio informacijos puslapį.

Radę papildinį, kurį norite atsisiųsti, spustelėkite mėlyną Diegti mygtuką.

Jei nesate tikri, ko ieškoti, pateikiame penkis populiariausius maketų papildinius. Yra daug daugiau, bet verta nuo ko nors pradėti.

• 3D molio maketai
• Kampiniai maketai
• MockRocket – 3D maketai
• Maketas
• Vectary 3D elementai

Kaip naudoti modelių papildinius „Figma“.

Papildinių diegimo procesas yra vienodas, neatsižvelgiant į jūsų naudojamo papildinio tipą, tačiau gali būti tam tikrų skirtumų, kaip jie naudojami. Štai kodėl visada geriausia perskaityti atskiro papildinio bendruomenės puslapį, kad gautumėte papildomos informacijos.

„Figma“ galite pasirinkti paruoštus rėmelių dydžius konkretiems ekranams, pvz., „iPhone 13“ arba dideliam ar mažam „Android“. Turėtumėte sukurti dizainą pagal numatytą įrenginio dydį, o ne bandyti keisti dizaino dydį vėliau, kad atitiktų jūsų maketą, tačiau kai kuriuose maketuose bus galima naudoti šiek tiek kitokius dydžius su Nr iškraipymas.

Jūs netgi galite naudoti ekrano kopiją iš savo įrenginio, kurios dydis bus puikus to paties įrenginio maketui.

Maketai paprastai skirti statiniam ekrano dizainui, nors galite sukurkite vaizdo maketą „Photoshop“.. Daugiausia dėmesio skirsime „Figma“ rankinių įrenginių maketams, bet jūs galite sukurkite maketą nuo nulio „Photoshop“. kitiems įrenginiams. Kai ekrano dizainas yra baigtas, galite pereiti prie gaminio maketo kūrimo.

Parodysime, kaip naudoti tris mūsų siūlomus papildinius: Clay Mockups 3D, Angle Mockups ir Vectory 3D Elements. Įšokime tiesiai.

3D molio maketai

Atidarę dizainą pasirinkite rėmelį ir eikite į Papildiniai ir pasirinkti 3D molio maketai. Atidaromas langas, kuriame galite pasirinkti maketo įrenginį. Jūsų dizainas turėtų būti rodomas šio lango maketo ekrane.

Šiame lange galite pakeisti maketo kampą ir spalvą. Kai būsite patenkinti, kaip jis atrodo, spustelėkite Išsaugoti kaip paveikslėlį.

Galite bet kada grįžti ir pakeisti spalvą ar kitus aspektus spustelėdami Redaguoti maketą pagal Prijungti dešiniajame meniu. Dabar galite pridėti savo papildinį prie didesnio dizaino, pvz., pristatymų ar aplanko.

Kampiniai maketai

Norėdami naudoti „Angle Mockups“, turite sukurti „Angle“ paskyrą, kad galėtumėte atsisiųsti maketų biblioteką iš jų svetainės. Įjungta Angle svetainė, spustelėkite Prisijungti, kuriame bus parodytas iššokantis langas, kuriame galėsite spustelėti Registruotis ir pridėkite savo duomenis, kad sukurtumėte nemokamą paskyrą.

Prisijungę, norėdami atsisiųsti maketus, spustelėkite Maketai > Atsisiųsti pavyzdį. Norėdami gauti išsamesnį maketų rinkinį, galite sumokėti už aukščiausios kokybės prieigą, tačiau su nemokama paskyra siūlomas pavyzdys yra pakankamai geras.

Atsisiuntę išpakuokite failą. Čia yra pavyzdžiai, kuriuos galite naudoti „Figma“, „Sketch“ ir „Adobe XD“, taip pat kai kurie nemokami tapetai. Atviras KampasFigma. Rasite du vaizdo įrašus, padėsiančius naudoti maketus, taip pat keturis Figma failų rinkinius su įvairiais maketais.

Norėdami importuoti failus į savo Figma paskyrą, eikite į Figma naršyklę ir spustelėkite savo profilį. Tai galite pasiekti naudodami programą, apsilankę adresu Failas > Atidaryti failų naršyklę. Nuvilkite kiekvieną kampo failą į Figma. Tada atidarykite kampo failą dukart spustelėdami jį Figma naršyklės puslapyje.

Raskite įrenginio kampą, kurį norite naudoti maketui, ir nukopijuokite jį (Cmd + C „Mac“ arba Ctrl + C Windows). Įklijuokite (Cmd + V „Mac“ arba Ctrl + V „Windows“) į tą pačią piešimo lentą, kurioje yra jūsų pagrindinis dizainas.

Sluoksnių paletėje išplėskite maketo ekrano sluoksnius, kol pamatysite sluoksnį su paveikslėlio piktograma pavadinimu Padėkite piešinį čia. Pasirinkite tą sluoksnį. Tada eikite į Papildiniai > Kampo maketai ir iššokančiajame lange pasirinkite originalų dizainą.

Tai turėtų būti rodoma peržiūros lange maketo kampu, bet nebus rodomas maketo įrenginys. Spustelėkite Taikyti ir dabar ekranas turi būti ant įrenginio maketo tinkamu kampu.

Vectary 3D elementai

„Vectary 3D“ veikia panašiai kaip „Clay Mockups 3D“, nors turi mažiau įrenginių maketų parinkčių, nes taip pat siūlo įvairius 3D išteklius. Atidarykite dizainą, pasirinkite rėmelį ir eikite į Papildiniai > Vectary 3D Elements.

Iššokančiųjų langų bibliotekoje raskite maketą, kurį norite naudoti, tada spustelėkite Įkelti rėmelį. Kai jūsų dizainas pasirodys įrenginio ekrane, spustelėkite Eksportuoti vaizdą.

Dabar pasirinktame įrenginyje turite savo dizaino 3D maketą. Galite lengvai pridėti jį prie kito dizaino.

Kai jūsų maketas bus baigtas, galite jį išsaugoti kaip PNG failą, kad galėtumėte lengvai naudoti kitame dizaine. Spustelėkite Failas > Eksportuoti. Pasirinkite pasirinktą vaizdą, kurį norite eksportuoti, tada spustelėkite Eksportuoti jūsų galutiniam PNG.

Pridėkite tikroviškumo savo dizainui naudodami „Figma“ maketus

Yra daugybė būdų, kaip kurti maketus savo dizainui. Naudodami įvairius „Figma“ papildinius galite rasti daug įvairių stilių, su kuriais galite dirbti, pridėti prie savo pristatymų, aplanko arba sukurti tiesiog pramogai, kad parodytumėte savo dizaino darbus.

Dėl kelių taikymo skirtumų Figma maketo papildinius lengva pasiekti ir naudoti, tad kodėl gi to nepabandžius?

Kaip sukurti pagrindinius pristatymų šablonus „Figma“.

Skaitykite toliau