Disse 13 funktioner øger din produktivitet hos Gravit Designer

Efter hele tiden at arbejde og designe med Gravit Designer har jeg fået en masse erfaring, og nu vil jeg dele det med alle kan få en hurtigere designproces.

Matematik kan virkelig hjælpe dig

Vil du gøre en knap til 1/3 af den aktuelle størrelse? Det er let bare at bruge formler i felterne bredde / højde. Alle input fra Gravit understøtter denne form for operationer.

Matematik operationer.

Eksempel: Indtast 540/4, og tryk på Enter.
Resultatet bliver 135.

Du kan bruge disse operander:

/ at dele
* at formere sig
+ for at tilføje
- at trække fra

Brug lag i stedet for at gruppere

En fantastisk funktion hos Gravit Designer er lagsystemet. Det fungerer som en gruppe, men du behøver ikke at dobbeltklikke for at vælge et indvendigt objekt. Det er også muligt at give brugerdefinerede farver til hvert lag. Dette vil gøre det lettere at organisere dine lag.

Lag på Gravit Designer

Du kan aktivere dispositionstilstand til hvert lag for at flytte hele laget med dets indhold ved hjælp af lagvalgværktøjet eller vælge det på lagpanelet.

Brug af hovedsider i stedet for at kopiere indhold

Hvis du ønsker at simulere en popup-skærm, eller du har nogle header / navigationsmenuer, der altid vises, er den bedste løsning at bruge hovedsider i stedet for at duplikere alt indhold. Det har mange fordele. Alt forbliver synkroniseret. Du kan oprette en hovedside, der er knyttet til hinanden, og selve designet arbejder hurtigt, fordi det har mindre objekter.

Mastersider gør designprocessen hurtigere og sømløs.

Brug af stilarter

I den sidste version af Gravit har vi introduceret stilarter, men der er nogle ting, som du ikke kender endnu. =)
Du kan lave stilarter til udseende, udfyldning, kanter, effekter og tekst.

I dette eksempel bruger jeg en stil med et bundt effekter til hurtigt at replikere min effektliste til en masse forskellige objekter på en gang.

Efter oprettelse af din stil anvendes den kun på det ønskede objekt. Du kan stadig ændre dens stil, og ved at trykke på knappen Synkroniserer den alle andre objekter.

Arranger og rediger dine stilarter hurtigt.

Stilarter kan omdøbes, ombestilles og få deres egenskaber ændret i stileditoren. Gå dertil ved at klikke på organiseringsstil og derefter på knappen Indstillinger.

Simulere knaptilstande med flere udfyldnings- og rammer

I skærmdesign er en af ​​de sværeste dele at simulere alle knappetilstander.
På Gravit ved hjælp af flere fyld & grænser kan du oprette en stil med alle tilstande inde i og derefter bare vise / skjule fylder / rammer, der simulerer de nye tilstande.

Stilarter med flere udfyldninger kan simulere tilstande.

Mastering ankerpunkter

Ankerpunkter blev introduceret med stilopdateringerne. Det er meget vigtigt at fremstille skærmdesignkomponenter, der fungerer lydhøre og teste dine designs i flere skærmbredder uden at skulle tegne det igen.

Hvad folk ikke ved, er, at ankerpunkter kan have containere i stedet for at arbejde med sider.

Prøvefil til undersøgelse: https://tinyurl.com/lzz3nft.

Så hvis du indstiller et ankerpunkt til et enkelt objekt, fungerer containeren som dokumentsiden.

Men genstande inde i andre med en klipning vil respektere området med det højere niveauobjekt som ankerpunktbeholder.

Tekstredigering

Nogle tekstfunktioner er skjult i UI, men de er stadig der.

Streg gennem med: Cmd / Ctrl + S
Understreg med: Cmd / Ctrl + U
Kursiv med: Cmd / Ctrl + I
Fed med: Cmd / Ctrl + B

Skift tekststil hurtigt uden at klikke på.

Beskæring af billeder og oprettelse af mønstre

En af de mest almindelige handlinger inden for skærmdesign er beskæringsbilleder, på gravit kan du hurtigt gøre det ved at dobbeltklikke på det.

Hurtigt billede beskæring på Gravit.

Hvis du vil lave et billede baggrundsudfyldning på et objekt, der altid passer til designet, kan du bruge mønsterudfyldningen og få det til at strække sig til formen.

Du kan også hurtigt oprette et brugerdefineret mønster ved at kopiere det ønskede mønsterobjekt i editoren og derefter trykke på pasta-knappen inde i mønsterfarvevælgeren.

Oprettet et tilpasset mønsteroverlejringslag.

Fyld kan trækkes og slippes på hinanden for hurtigt at blive replikeret.

Eksempel på udfyld træk og slip.

Tekst på sti

Én ting, som brugerne altid beder om, er, hvordan man laver tekst på stien i Gravit, så her er en hurtig forklaring, virkelig hurtig. :)

Tilføj tekst på stien ved blot at bruge tekstværktøjet i en sti.

Opret bare en tekst med tekstværktøjet på kanten af ​​det ønskede objekt og whoolaaa! Det fungerer.

Smart duplikering

På Gravit er duplikering af objekter virkelig let, men en dejlig funktion, som mange mennesker ikke kender, er, at hvis du trykker på cmd / ctrl + d for at kopiere objektet igen, vil det gengive den samme handling og bevægelse.

Eksempel på smart duplikering.

Hvis du bruger cmd / ctrl + shift + d, duplikeres objektet også på samme sted.

Redigering af billeder for at få dem til at se professionelle ud

Dette er meget vigtigt. Undertiden vil du placere en tekst over et billede, eller billedfarven passer ikke perfekt til layoutet. For at løse dette Gravit Designer har en masse effekter, der kan hjælpe dig med dette job uden at gå til et eksternt billedredigeringsværktøj.

Originalbillede:
Dette er det originale billede, som vi skal lege med.

Originalbillede.

Skærmoverlay:
Du kan bruge det til at blande billeder til alfa eller blande en gradientfarve over det.

Skærmoverlay bruges til at give en gradient udseende.

Omfarv:
Genfarve bruges til at fremstille et billede i en enkelt farvetone.

Genfarvet billede til rød tone.

Slør med klip på:
Klip-indstillingen gør, at sløret kun anvendes inden i beholderen uden at gøre billedet uskarpt.

Uklart billede med klip tændt, kan du se de skarpe kanter.

Justere:
Der er mange standardbilledejusteringer som farvetone / mætning / lysstyrke / kontrast.

Spil med justeringsværktøjer for at fremstille en sort / hvid fotostil.

Brug af transformeringsværktøjet

Transformeringsværktøj handler ikke kun om at duplikere objekter. Der er nogle interessante ting for skærmdesignere. Ved du, hvornår du vil sikre dig, at alle komponenter har samme bredde? Det er let, bare vælg dem og gå derefter til transformeringsværktøj og klik i samme bredde.

Brug transformeringsværktøj til at verificere objekternes bredde.

Brug af hurtigtaster til zoom

Du kan hurtigt skifte mellem zoomniveauer ved hjælp af Cmd / Ctrl + numre.

Cmd / Ctrl + 1 = 100% zoom
Cmd / Ctrl + 2 = 200% zoom
Cmd / Ctrl + 3 = 300% zoom
Cmd / Ctrl + 4 = 400% zoom
Cmd / Ctrl + 8 = 800% zoom
Cmd / Ctrl + 5 = 50% zoom
Cmd / Ctrl + Alt + 0 = Monter alle

Jeg håber, det var nyttigt, og I har lært noget nyt i dag, der vil hjælpe med til at fremskynde din designproces.

For flere tutorials og artikler om Gravit Designer, hold dig informeret om vores blog og sociale medier nedenfor.

Facebook / Twitter / Forum