Hvernig á að búa til skrunanlega eign í Figma

Að gera efnið þitt skrunanlegt í Figma felur í sér að fletta í hliðarflipanum. Því miður birtist það ekki sjálfkrafa á aðal notendaviðmótinu. Skrunanlegt efni er gagnlegt þegar þú vilt kynna fullt af upplýsingum innan ramma hönnunar þinnar. Nokkur dæmi eru áfangasíður, forritaviðmót eða sprettigluggar.

Þessi grein mun útskýra hvernig á að gera Figma hönnunina þína skrunanlega.

Að passa texta sem hægt er að fletta í form

Við skulum byrja á því að búa til flettanlegan texta í einföldu formi. Þetta er algengasta dæmið um skrunanlegan texta og þú getur bætt við öðrum eiginleikum eins og litum, leturgerðum og útlínum eftir það.

Svona er það gert:

1. Búðu til grunnform. Fyrir þetta dæmi mælum við með að búa til lóðréttan rétthyrning. Þú getur gert það með því að velja rétthyrningatólið á vinstri hliðarstikunni eða nota „R“ skipunina. Haltu vinstri, smelltu á strigapunkt og teiknaðu lögunina.
   
2. Á hægri hliðarstikunni, undir hönnunarflipanum, settu hak við hliðina á „bútefni“ valkostinum.
   
3. Veldu textatólið til að búa til textareit og settu hann innan flettanlegs ramma. Sláðu inn eða copy-paste hvaða efni sem þú ert að nota.
   
4. Veldu rammann og farðu í frumgerðaflipann hægra megin á viðmótinu þínu. Veldu síðan „flæðisskroll“ valkostinn og stílinn sem þú kýst. Hér munum við velja „lóðrétt flun“.
   

Þegar þú hefur smellt á yfirflæðisvalmöguleikann á frumgerðaflipanum eru til margir stílar. Við veljum þann lóðrétta þar sem við erum að nota lóðréttan rétthyrning sem dæmi. Þetta gerir þér kleift að lesa í gegnum textann frá toppi til botns. Sumir af öðrum stílum eru:

• Lárétt skrunun - Notendur geta látið textann fletta frá vinstri til hægri í sumum dæmum. Þessi valkostur er æskilegur ef þú ert að búa til hönnun í landmótunarsniði.
• Engin skrun – Ef þú vilt læsa efnið þitt á sínum stað skaltu velja valkostinn án skrununar.
• Báðar áttir - Búðu til hönnun með miklu efni og flettu bæði lóðrétt og lárétt.

Þú ættir að nota skrunanlega eiginleika innan hönnunarinnar þinnar til að lágmarka fyrirhöfnina (smellina) sem lesandinn þinn notar meðan hann hefur samskipti við efnið. Þeir geta strjúkt eða notað músarhjólið í stað þess að smella eða pikka í gegnum fullt af texta.

Hvernig á að hanna skrunanlegu íhlutina þína

Það fer eftir vörunni þinni, þú þarft að hanna innihaldsrammann þinn og innihaldið sjálft. Ferlið felur í sér að bæta litum, leturgerðum og hugsanlega öðrum hlutum við heildarhönnunina. Það er auðvelt að breyta þessum þáttum, en að velja rétta fagurfræði krefst vandlegrar íhugunar.

Hvernig á að breyta leturgerðinni á skrunanlegu hönnuninni þinni

Það fyrsta sem þú þarft að gera er að breyta leturgerðinni á skrunanlegu hönnuninni þinni. Figma býður upp á mikið úrval af stílum sem þú getur valið úr. Hér er einfaldasta aðferðin:

1. Veldu efnið í flettanlegu rammanum sem þú vilt breyta.
   
2. Farðu í fellivalmyndina efst til vinstri og veldu hann.
   
3. Skrunaðu í gegnum leturgerðirnar þar til þú finnur það sem þú vilt nota.
   

Ef vörumerkið sem þú ert að hanna fyrir hefur ákveðna leturfræði, muntu líklega velja það sama svo það sé í samræmi við vörumerkið. Ef þú ert með meira svigrúm ættir þú að gera tilraunir með mismunandi dæmi áður en þú velur það rétta.

Nokkur atriði eru meðal annars:

• Hönnunarásetning - Að velja leturgerð ætti að passa við ásetning hönnunar þinnar. Ef þú vilt koma miklum upplýsingum á framfæri á skýran hátt skaltu miða við minna skrautlegt en glæsilegt leturgerð.
• Aðrir íhlutir - Leturgerðin þín er sjónræn þáttur eins og hver annar í hönnun þinni. Það ætti að passa við rammann og aðra hluti sem þú hefur með.
• Heildar fagurfræði og vörumerki - Almenn tilfinning vörumerkisins ætti einnig að hafa áhrif á valið leturgerð. Til dæmis mun blómafhendingarþjónusta ekki hafa sama leturgerð og SAAS áfangasíða.

Þó að það gæti þurft nokkrar tilraunir að velja rétt leturgerð, eru nokkur áþreifanleg leturgerð áreiðanlegustu valmöguleikarnir:

• Roboto - Ef þú vilt spila það öruggt, notaðu þá Roboto. Það er talið fjölhæft og hlutlaust leturgerð með mörgum forritum. Þar sem það er svo auðvelt að skilja, velja margir Roboto fyrir leiðbeiningar og áfangasíður.
• Poppins - Veldu Poppins fyrir vinalega en nútímalega og hreina aðdráttarafl. Þetta letur er ávalara og gerir textann aðlaðandi og auðlesinn.
• Raleway - Þegar þú ert að hanna fyrir háþróað lúxusmerki gætirðu viljað íhuga Raleway. Það er yfirleitt þunnt en hefur mismunandi þyngdarafbrigði og glæsilegt útlit.
• Lato – Vingjarnlegur, áreiðanlegur og alvarlegur eru réttu orðin til að lýsa þessari leturgerð. Hönnuðir geta notað Lato fyrir fyrirsagnir og málsgreinatexta þar sem læsileiki og skýrleiki eru aðalatriði.

Þú munt líka vilja íhuga valið leturstærð og textastíl. Almennt er feitletrað notað fyrir fyrirsagnir eða áherslur á hluti, en skáletrun er notuð fyrir tilvitnanir.

Breyting á lit rammaformsins

Fyrir utan að breyta leturgerðinni þarftu líka að breyta lit rammaformsins. Enn og aftur mun nákvæmur liturinn ráðast af vörumerkinu sem þú ert að hanna fyrir eða fagurfræði þinni. Sem betur fer gerir viðmót Figma auðvelt að velja lit.

Svona geturðu breytt rammalitunum þínum:

1. Veldu rammann sem þú vilt breyta.
   
2. Lagið mun birtast á hægri hliðarstikunni. Farðu í hlutann „fylla“.
   
3. Veldu „+“ til að bæta við fyllingu.
   
4. Litavalsgluggi opnast. Veldu fyllingarlit og halla. Þú getur líka slegið inn hex kóða ef þú veist nákvæmlega litblærinn.
   

Eins og með aðra hönnunarþætti gætir þú þurft að gera tilraunir með mismunandi liti og hvernig þeir líta út með letri sem þú hefur valið.

Algengar spurningar

Er til textaskipun sem hægt er að fletta í Figma?

Því miður er engin skipun til að gera texta skrunanlegan innan Figma. Hins vegar geturðu lokið ferlinu með örfáum smellum með því að nota ofangreinda aðferð.

Hvernig ákveð ég hvaða yfirfallsmöguleika ég vil?

Það fer eftir tegund texta sem þú notar, heildarhönnun og virkni hans. Lóðrétti stíllinn er yfirleitt góður til að fletta í gegnum stóra texta.

Hvaða tækjaviðmót þarf venjulega skrananlega textahönnun?

Gott dæmi væri hönnunarlíkingar fyrir app. Notendur geta búið til síma sem almennan ramma, en skrunanlegi textinn getur verið viðmót appsins.

Er Figma besti kosturinn til að gera fletjandi hönnun?

Figma er eitt besta tólið til að búa til fjölbreytt úrval af formum, þar á meðal fletjandi hönnun. Enn betra, Figma er ókeypis. Hins vegar gætir þú haft ákveðnar persónulegar óskir. Prófaðu að gera tilraunir með nokkra vettvanga, eins og Adobe Illustrator, þar til þú finnur tólið sem hentar þér best.

Gerðu hönnunina þína skrunanlega og notendavæna

Það er auðvelt að búa til hvaða texta sem er innan ramma í Figma. Veldu einfaldlega rammann og farðu síðan í innihaldsvalkostinn. Þegar því er lokið geturðu valið valmöguleika þína fyrir flæðisskroll. Sömuleiðis ættir þú ekki að vanrækja aðra mikilvæga hönnunarþætti, svo sem rammalit og lögun og leturgerð texta. Að gera hönnunina þína skrunanlega er frábært val fyrir áfangasíður, forritaviðmót og sprettiglugga. Það gerir texta auðveldara að fletta í gegnum í stað þess að smella, og eykur að lokum notendaupplifunina.

Fannst þér auðvelt að gera efnið þitt skrunanlegt í Figma? Hvað með að velja rétt leturgerð? Láttu okkur vita í athugasemdahlutanum hér að neðan.