När man designar för både dator och mobil börjar du vanligtvis designa för en plattform – vissa börjar med dator, andra med mobil. Nu, i senaste uppdateringen av hur XP Studio hanterar responsiv styling, spelar det ingen roll var du börjar.
Vi har infört en ny logik för enhetsspecifika inställningar som ökar hastigheten på ditt arbetsflöde och ger dig mer kontroll:
🔄 Så här fungerar det
Om du tidigare ville utforma ett element (t.ex. en knapp) på både dator och mobil var du tvungen att manuellt mata in samma inställningar – t.ex. färger, avstånd eller skuggor – under båda enhetsinställningarna. Efter den nya uppdateringen behöver du bara styla en enhet. De andra kommer automatiskt att följa dessa inställningar, såvida du inte specifika justeringar.
Till exempel:
Du utformar en knapp till mobilen med en bakgrundsfärg, textfärg, avstånd och en skugga. Datorversionen använder då samma stilar som standard. Vill du ha större text på datorversionen? Ändra bara teckenstorleken så synkroniseras fortfarande resten av inställningarna.
👁️🗨️ Bättre visuell översikt
Vi har också uppdaterat de responsiva ikonerna bredvid varje inställning. De visar nu tydligt vilken enhet en inställning har anpassats för. Detta ger dig en mycket tydligare överblick över din interaktiva design och hjälper dig att snabbt hitta enhetsspecifik styling.
📌 Sammanfattning
Utforma en gång – Dina ändringar överförs automatiskt till den andra enheten.
Gör färre inställningar – Anpassa detaljer utan att börja om från början.
Visuell översikt – Du ser direkt vilken enhet varje inställning gäller för.
Den här uppdateringen gör det snabbare att bygga upplevelser för flera enheter och mycket enklare att upprätthålla en ren och konsekvent design.