Lai padarītu saturu ritināmu programmā Figma, ir jāpārvietojas sānu cilnē. Diemžēl tas netiek automātiski parādīts galvenajā lietotāja saskarnē. Ritināms saturs ir noderīgs, ja vēlaties sniegt daudz informācijas sava dizaina ietvaros. Daži piemēri ietver galvenās lapas, lietotņu saskarnes vai uznirstošos logus.
Šajā rakstā ir paskaidrots, kā padarīt Figma dizainu ritināmu.
Ritināma teksta ietilpināšana formā
Sāksim, izveidojot ritināmu tekstu vienkāršā formā. Šis ir visizplatītākais ritināmā teksta piemērs, un pēc tam varat pievienot citas īpašības, piemēram, krāsu, fontus un kontūras.
Lūk, kā tas tiek darīts:
- Izveidojiet pamata formu. Šajā piemērā mēs iesakām izveidot vertikālu taisnstūri. To var izdarīt, kreisajā sānjoslā atlasot taisnstūra rīku vai izmantojot komandu “R”. Turiet pa kreisi, noklikšķiniet uz audekla punkta un uzzīmējiet formu.
- Labajā sānjoslā zem dizaina cilnes atzīmējiet izvēles rūtiņu blakus opcijai “klipa saturs”.
- Atlasiet teksta rīku, lai izveidotu tekstlodziņu, un ievietojiet to ritināmajā rāmī. Ierakstiet vai kopējiet un ielīmējiet jebkuru saturu, ko izmantojat.
- Atlasiet rāmi un atveriet prototipa cilni interfeisa labajā pusē. Pēc tam atlasiet opciju “pārpildes ritināšana” un vēlamo stilu. Šeit mēs izvēlēsimies “vertikālā ritināšana”.
Kad prototipa cilnē noklikšķināsit uz pārpildes ritināšanas opcijas, ir vairāki stili. Mēs izvēlamies vertikālo, jo kā piemēru izmantojam vertikālu taisnstūri. Tas ļauj lasīt tekstu no augšas uz leju. Daži citi stili ietver:
- Horizontālā ritināšana — dažos piemēros lietotāji var likt tekstam ritināt no kreisās puses uz labo. Šī opcija ir ieteicama, ja veidojat dizainu ainavas formātā.
- Bez ritināšanas — ja vēlaties bloķēt saturu, izvēlieties opciju bez ritināšanas.
- Abi virzieni — izveidojiet dizainu ar daudz satura un ritiniet gan vertikāli, gan horizontāli.
Lai samazinātu piepūli (klikšķus), ko lasītājs izmanto, mijiedarbojoties ar saturu, savā dizainā izmantojiet ritināmas funkcijas. Viņi var vilkt vai izmantot peles ritenīti, nevis noklikšķināt vai pieskarties daudzām tekstam.
Kā izveidot ritināmos komponentus
Atkarībā no jūsu produkta jums būs jāizstrādā satura ietvars un pats saturs. Process ietver krāsu, fontu un, iespējams, citu komponentu pievienošanu kopējam dizainam. Mainīt šos elementus ir viegli, taču, izvēloties pareizo estētiku, ir rūpīgi jāapsver.
Kā mainīt ritināmā dizaina fontu
Pirmā lieta, kas jums jādara, ir mainīt ritināmā dizaina fontu. Figma piedāvā plašu stilu klāstu, no kuriem izvēlēties. Šeit ir vienkāršākā metode:
- Ritināmajā rāmī atlasiet saturu, kuru vēlaties mainīt.
- Virzieties uz nolaižamo izvēlni, kas atrodas augšējā kreisajā stūrī, un atlasiet to.
- Ritiniet fontus, līdz atrodat to, kuru vēlaties izmantot.
Ja zīmolam, kuram plānojat, ir noteikta tipogrāfija, iespējams, izvēlēsities to pašu, lai tas atbilstu zīmola tēlam. Ja jums ir vairāk vietas, pirms izvēlaties pareizo, jums vajadzētu eksperimentēt ar dažādiem piemēriem.
Daži apsvērumi ietver:
- Dizaina nolūks — tipogrāfijas izvēlei ir jāatbilst jūsu dizaina nolūkam. Ja vēlaties skaidri nodot daudz informācijas, izvēlieties mazāk dekoratīvus, taču elegantus fontus.
- Citi komponenti — jūsu fonts ir vizuāls elements, tāpat kā jebkurš cits jūsu dizainā. Tam jāatbilst rāmim un citiem iekļautajiem komponentiem.
- Vispārējā estētika un zīmols — zīmola vispārējai izjūtai vajadzētu ietekmēt arī jūsu izvēlēto fontu. Piemēram, ziedu piegādes pakalpojumam nebūs tāds pats fonts kā SAAS galvenajā lapā.
Lai gan, izvēloties pareizo fontu, var būt nepieciešams eksperiments, daži konkrēti fontu piemēri ir visdrošākās iespējas:
izslēgt dzimšanas dienas paziņojumus facebook
- Roboto – ja vēlaties spēlēt droši, izmantojiet Roboto. Tas tiek uzskatīts par daudzpusīgu un neitrālu fontu ar daudzām lietojumprogrammām. Tā kā to ir tik viegli saprast, daudzi izvēlas Roboto, lai iegūtu norādījumus un galvenās lapas.
- Poppins — lai iegūtu draudzīgu, bet modernu un tīru pievilcību, izvēlieties Poppins. Šis fonts ir noapaļotāks un padara tekstu pievilcīgu un viegli lasāmu.
- Raleway — izstrādājot izsmalcinātu luksusa zīmolu, iespējams, vēlēsities apsvērt Raleway. Tas parasti ir plāns, taču tam ir dažādas svara variācijas un elegants izskats.
- Lato – draudzīgs, uzticams un nopietns ir īstie vārdi, lai raksturotu šo fontu. Dizaineri var izmantot Lato virsrakstiem un rindkopu tekstiem, kur lasāmība un skaidrība ir galvenās rūpes.
Apsveriet arī izvēlēto fonta lielumu un teksta stilu. Parasti virsrakstiem vai segmentu izcelšanai tiek izmantots treknraksts, savukārt citātiem tiek izmantots slīpraksts.
Rāmja formas krāsas maiņa
Papildus fonta maiņai vēlēsities mainīt arī rāmja formas krāsu. Atkal, precīzs tonis būs atkarīgs no zīmola, kuram plānojat, vai jūsu estētikas. Par laimi, Figma interfeiss atvieglo krāsas izvēli.
Tālāk ir norādīts, kā varat mainīt rāmja krāsas.
- Atlasiet rāmi, kuru vēlaties rediģēt.
- Slānis parādīsies labajā sānjoslā. Dodieties uz sadaļu “Aizpildīt”.
- Atlasiet “+”, lai pievienotu aizpildījumu.
- Tiks atvērts krāsu atlasītāja logs. Izvēlieties aizpildījuma krāsu un gradientu. Varat arī ievadīt heksadecimālo kodu, ja zināt precīzu nokrāsu.
Tāpat kā ar citiem dizaina elementiem, iespējams, vajadzēs eksperimentēt ar dažādām krāsām un to, kā tās izskatās ar izvēlēto fontu.
BUJ
Vai programmā Figma ir ritināma teksta komanda?
Diemžēl nav komandas, kas Figmā padarītu tekstu ritināmu. Tomēr, izmantojot iepriekš minēto metodi, procesu var pabeigt tikai ar dažiem klikšķiem.
Kā es varu izlemt, kuru pārpildes opciju es vēlos?
Tas ir atkarīgs no izmantotā teksta veida, vispārējā dizaina un tā funkcijas. Vertikālais stils parasti ir piemērots lielu tekstu pārlūkošanai.
Kādai ierīces saskarnei parasti būs nepieciešams ritināms teksta dizains?
Labs piemērs varētu būt lietotnes dizaina maketi. Lietotāji var izveidot tālruni kā vispārējo rāmi, savukārt ritināmais teksts var būt lietotnes saskarne.
Vai Figma ir labākā izvēle ritināmu dizainu veidošanai?
Figma ir viens no labākajiem rīkiem, lai izveidotu plašu formu klāstu, tostarp ritināmus dizainus. Vēl labāk, Figma ir bezmaksas. Tomēr jums var būt noteiktas personīgās izvēles. Mēģiniet eksperimentēt ar dažām platformām, piemēram, Adobe Illustrator, līdz atrodat sev vispiemērotāko rīku.
Padariet savus dizainus ritināmus un lietotājam draudzīgus
Programmā Figma ir viegli izveidot jebkuru tekstu rāmī. Vienkārši atlasiet rāmi un pēc tam pārejiet uz klipa satura opciju. Kad esat pabeidzis, varat izvēlēties pārpildes ritināšanas opcijas. Tāpat nevajadzētu atstāt novārtā citus būtiskus dizaina elementus, piemēram, rāmja krāsu un formu un teksta fontu. Ritināma dizaina izveide ir lieliska izvēle galvenajām lapām, lietotņu saskarnēm un uznirstošajiem logiem. Tas atvieglo tekstu pārlūkošanu, nevis noklikšķināšanu, galu galā uzlabojot lietotāja pieredzi.
kā nomainīt uzdevumjoslas krāsu logus
Vai jums bija viegli izveidot savu saturu ritināmu programmā Figma? Kā ar pareizā fonta izvēli? Paziņojiet mums tālāk komentāru sadaļā.