Hur man använder symboler i ditt Adobe XD-dokument

Om du upptäcker att du återanvänder objekt i ditt Adobe XD-gränssnitt bör du överväga att konvertera dem till symboler. Symboler är länkade objekt som kan återanvändas på alla ritytor i ett dokument. Eftersom de är dynamiskt länkade, återspeglas ändringar i en över alla instanser.

I den här nästa uppsättningen med steg använder du ikonbilden från denna LuckyTemplatesCCfiles-mapp . Du kan använda våra exempelfiler eller en av dina egna.

För att konvertera ett objekt till en symbol, följ dessa steg:

Öppna ett dokument som innehåller minst en rityta, en ikon och lite relaterad text. I det här exemplet öppnar vi filen från LuckyTemplatesCCfiles-mappen med namnet delivery-symbol-sample i Adobe XD.

Välj ett objekt och lite text som du vill återanvända. I det här exemplet är en av de grupperade Skicka-knapparna vald.

Högerklicka (Windows) eller Ctrl-klicka (Mac) och välj Skapa symbol från kontextmenyn.Hur man använder symboler i ditt Adobe XD-dokument

Leveranssymbol-samplefilen.

Om du gillar kortkommandon kan du välja ett objekt och trycka på Ctrl+K (Windows) eller ⌘ +K (Mac) för att konvertera det till en symbol.

Ett par saker händer när du konverterar objekt(er) till en symbol:

  • Om du tittar på panelen Lager har objektet som du konverterade till en symbol nu en symbolikon till vänster om namnet.Hur man använder symboler i ditt Adobe XD-dokument

    I panelen Lager har symbolen en ikon till vänster, vilket visar att det är en symbol.

  • Om du klickar på symbolikonen i nedre vänstra delen av XD-arbetsytan, ser du din symbol i en miniatyrvy.Hur man använder symboler i ditt Adobe XD-dokument

    Symbolen visas som en miniatyrbild i symbolpanelen.

Använd din symbol

Du kanske vill använda den här symbolen på en annan plats. Du kan göra det genom att följa dessa steg:

Om du använder leverans-symbol-sample- filen, ta bort Skicka-knappen på ritbrädan iPhone 6/7-2 (använd tangenterna Delete eller Backsteg för att radera). Om du skapar din egen fil är detta steg onödigt.

Se till att symbolpanelen är öppen genom att klicka på symbolikonen längst ned till vänster i XD-arbetsytan.

Klicka och dra den nyskapade symbolen från symbolpanelen till den andra ritytan. Placera om det vid behov.

Du kan också Alt/Alternativ-dra en symbol för att klona den till en annan plats.

Göra ändringar i din symbol

Här ser du hur redigeringar av en instans av din symbol omedelbart uppdaterar alla andra instanser. För att se hur detta fungerar, följ dessa steg:

Klicka på rektangeln i en av dina symbolinstanser.

I egenskapspanelen ändrar du fyllningen till en annan färg, kanske röd. Observera hur den förändringen sker direkt i båda instanserna av symbolen. Så är fallet med vilken fastighet som helst.

Dubbelklicka nu på texten i någon av symbolerna för att redigera den. Ändra ordet från Skicka till Skicka. Observera att denna textändring inte återspeglas i den andra instansen. Detta är en bra lösning när du vill ha konsistens i knappar men inte vill ha samma text i var och en.

Om textändringen är något som du vill ska återspeglas i alla symbolinstanser högerklickar du och väljer Uppdatera alla symboler.

Hur man använder symboler i ditt Adobe XD-dokument

En förändring i texten i din symbol återspeglas inte i andra fall.

Ta bort en symbol

Om du inte längre är intresserad av att hålla dina symbolinstanser länkade kan du högerklicka på symbolen i symbolpanelen och välja Ta bort symbol från kontextmenyn. Objekten på sidan raderas inte, men de är inte längre länkade till en symbol och kan redigeras oberoende. Om du bara vill ta bort en symbol för att ändra den utan att påverka alla instanser av symbolen, välj symbolen, högerklicka och välj Dela upp symbol.


Hur man tillämpar transparens på SVG:er

Hur man tillämpar transparens på SVG:er

Lär dig hur du tillämpar transparens på SVG-grafik i Illustrator. Utforska hur du matar ut SVG:er med transparent bakgrund och tillämpar transparenseffekter.

Arbeta med bilder i Adobe XD

Arbeta med bilder i Adobe XD

När du har importerat dina bilder till Adobe XD har du inte så mycket redigeringskontroll, men du kan ändra storlek och rotera bilder precis som du skulle göra med vilken annan form som helst. Du kan också enkelt runda hörnen på en importerad bild med hjälp av hörnwidgetarna. Maskera dina bilder Genom att definiera en sluten form […]

Hur man justerar textegenskaper i Adobe XD

Hur man justerar textegenskaper i Adobe XD

När du har text i ditt Adobe XD-projekt kan du börja ändra textegenskaperna. Dessa egenskaper inkluderar teckensnittsfamilj, teckenstorlek, teckensnittsvikt, justering, teckenavstånd (kerning och spårning), linjeavstånd (ledande), fyllning, kant (linje), skugga (skugga) och bakgrundsoskärpa. Så låt oss se över hur dessa egenskaper tillämpas. Om läsbarhet och typsnitt […]

Arbeta med ritytor i Photoshop CC

Arbeta med ritytor i Photoshop CC

Precis som i Adobe Illustrator ger Photoshop-ritytor möjligheten att bygga separata sidor eller skärmar i ett dokument. Detta kan vara särskilt användbart om du bygger skärmar för en mobilapplikation eller liten broschyr. Du kan tänka på en rityta som en speciell typ av lagergrupp skapad med hjälp av panelen Lager. Det är […]

Former och polygoner i InDesign

Former och polygoner i InDesign

Många av verktygen du hittar i panelen InDesign Tools används för att rita linjer och former på en sida, så du har flera olika sätt att skapa intressanta ritningar för dina publikationer. Du kan skapa allt från grundläggande former till invecklade ritningar i InDesign, istället för att behöva använda ett ritprogram som […]

Radbryt text i Adobe Illustrator CC

Radbryt text i Adobe Illustrator CC

Att slå in text i Adobe Illustrator CC är inte riktigt detsamma som att slå in en present – ​​det är enklare! En textbrytning tvingar text att lindas runt en grafik, som visas i den här bilden. Den här funktionen kan lägga till lite kreativitet till alla delar. Grafiken tvingar texten att lindas runt den. Skapa först […]

Hur man ändrar storlek på former i Illustrator

Hur man ändrar storlek på former i Illustrator

När du designar i Adobe Illustrator CC behöver du ofta en form som har en exakt storlek (till exempel 2 x 3 tum). När du har skapat en form är det bästa sättet att ändra storlek på den till exakta mått att använda panelen Transform, som visas i den här bilden. Välj objektet och välj sedan Fönster→ Omvandla till […]

Hur man skapar QR-koder i InDesign CC

Hur man skapar QR-koder i InDesign CC

Du kan använda InDesign för att skapa och ändra QR-kodgrafik. QR-koder är en form av streckkod som kan lagra information som ord, siffror, webbadresser eller andra former av data. Användaren skannar QR-koden med hjälp av sin kamera och programvara på en enhet, till exempel en smartphone, och programvaran använder […]

Hur man får ett nytt foto att se gammalt ut i Photoshop CS6

Hur man får ett nytt foto att se gammalt ut i Photoshop CS6

Det kan finnas en tid då du behöver ett nytt foto för att se gammalt ut. Photoshop CS6 har du täckt. Svartvit fotografering är ett nyare fenomen än man kan tro. Daguerreotyper och andra tidiga fotografier hade ofta en brunaktig eller blåaktig ton. Du kan skapa dina egna mästerverk i sepiaton. Tonade bilder kan skapa […]

Live Paint-funktionen i Adobe CS5 Illustrator

Live Paint-funktionen i Adobe CS5 Illustrator

Med hjälp av Live Paint-funktionen i Adobe Creative Suite 5 (Adobe CS5) Illustrator kan du skapa den bild du vill ha och fylla i regioner med färg. Live Paint-hinken upptäcker automatiskt områden som består av oberoende korsande vägar och fyller dem därefter. Färgen inom en viss region förblir levande och flyter automatiskt om någon […]