Zarovnanie a distribúcia v Adobe XD

Keď začnete vytvárať veľa objektov v Adobe XD, musíte zvážiť polohu týchto objektov a ich vzájomný vzťah. Aby ste znížili šum vo svojom dizajne, chcete, aby boli ikony a text zarovnané a distribuované čistým spôsobom. Zarovnanie môžete skontrolovať niekoľkými spôsobmi, vrátane použitia mriežky alebo vodiacich líšt.

Zapína sa mriežka

Mriežku, ktorá je viditeľná iba pre vás, môžete zapnúť podľa týchto krokov:

Vyberte kresliace plátno kliknutím na kresliace plátno na paneli Vrstvy alebo kliknutím na názov Kresliace plátno nad kresliacim plátnom v pracovnej oblasti.

Začiarknite políčko Mriežka v spodnej časti panela Vlastnosti.

Zapnite funkciu Mriežka pre vaše umelecké plátno.

Ak uprednostňujete inú farbu mriežky, začiarknite štvorec napravo od mriežky a vyberte farbu z výberu farieb. Na zmenu úrovne nepriehľadnosti môžete použiť aj posúvač Priehľadnosť.

Ak chcete, zmeňte veľkosť mriežky zadaním hodnoty do textového poľa Veľkosť mriežky napravo od začiarkavacieho políčka.

Buďte múdri o svojich sprievodcoch

V predvolenom nastavení vám XD poskytuje sprievodcov, ktorí sa zapínajú podľa potreby. Nazývajú sa inteligentné príručky a mali by ste ich poznať, ak používate iné produkty Adobe.

Ak chcete použiť inteligentné vodidlá, jednoducho dávajte pozor na čiary a tieňované oblasti, ktoré sa zobrazujú pri práci. Všimnite si na obrázku nižšie, že keď potiahnete jeden diamant, zobrazí sa vodítko označujúce, že je zarovnaný s diamantom vľavo.

Na zarovnanie objektov môžete použiť inteligentné vodidlá.

Inteligentní sprievodcovia môžu pomôcť aj s distribúciou

Distribúcia objektov sa týka priestoru medzi ohraničujúcim rámčekom vytvoreným prvým objektom a posledným objektom. Tu vidíte nerovnomerné rozloženie niekoľkých diamantov naľavo a rovnomerné rozmiestnenie rovnakých objektov napravo. V tomto príklade je rozstup rovnomerne rozložený vodorovne.

Nerovnomerné rozloženie na ľavej strane a rovnomerné rozloženie na strane jazdy.

Keď umiestnite objekty, uvidíte, že sa objavia tieňované oblasti, ktoré označujú, kedy je priestor medzi objektmi rovnaký. Tento tip tieňovania sa objaví aj vtedy, keď ťahaním Alt/Option klonujete objekty.

Inteligentné vodidlá poskytujú nápovedu, keď je priestor medzi objektmi rovnomerný.

Pomocou funkcie Zarovnať a rozmiestniť

Funkcia Zarovnať a rozmiestniť, ktorá je dostupná v ponuke Objekt a na paneli Vlastnosti, vám môže pomôcť udržať položky zarovnané a rozmiestnené.

Ak vyberiete dve položky, môžete využiť funkcie zarovnania. Ak vyberiete tri alebo viac objektov, môžete použiť aj funkcie distribúcie.

Majte na pamäti trik na určenie horizontálneho a vertikálneho. Horizont je vodorovný. Všetko, čo na vašej stránke prechádza zľava doprava, by malo byť rozmiestnené vodorovne. Všetky predmety smerujúce zhora nadol by mali byť rozmiestnené vertikálne.