Håll perfekt versionskontroll med abstrakt

Sep 11, 2025
Hur
Login screen for Abstract, the version control tool for Sketch

Versionskontrollen var ursprungligen riktad mot utvecklare som arbetar med kod, som ett sätt för flera utvecklare att arbeta med samma kodbas samtidigt med möjligheten att rulla tillbaka till tidigare versioner om det behövs. Det betyder att flera versioner av kodbasen (tidigare och aktuella) inte är utspridda kring datasystemen för olika utvecklare utan ansvar och ingen klarhet om vem som arbetar med vad.

Och nu, Abstrakt har tagit denna funktionalitet till designers med hjälp av skiss. Men om versionskontroll har varit vanligt i åratal, varför får designers bara tillgång till det nu?

Designers har skytt bort från versionskontroll av ett antal skäl. För det första kräver Version Control vanligtvis att du lär dig att använda GIT och använda den med kommandorad (Windows) eller Terminal (MacOS), och eftersom designers tenderar att gynna användningen av GUI (grafiska användargränssnitt) har versionskontrollen varit positiv med mestadels utvecklare.

Sammanfattning löser dessa problem för designers. Så säg farväl att designa.Sketch, design2.sketch, .designfinal.sketch och designfinalfinal.sketch, och säg hej till abstrakt istället.

01. Skapa en organisation

Det första du vill göra är att skapa en organisation som etablerar en tydlig uppdelning mellan det arbete du gör i de olika lagen som du befinner dig i. Klicka på ditt användarnamn i toppmottområdet i skrivbordsappfönstret , välj sedan alternativet "+ Skapa ny organisation". Klicka på Skapa team när du är klar och sedan tillbaka till skrivbordsappen så att vi kan bjuda in vårt team.

02. Bjud in medlemmar

Abstract screenshot showing the various roles you can assign to team members

Bygg ditt designteam online genom att lägga till medlemmar i din grupp

Återgå tillbaka till användarnamnet och byt till den organisation som vi skapade (genväg: cmd + 2). Därefter, från sidofältet på vänster sida, klicka på knappen Bjud in.

Först, bestämma vilka typer av behörigheter de inbjudna användarna kommer att ha. Viewers kommer att kunna granska mönster, lämna kommentarer och exportfiler som är otroliga, medan bidragsgivare kan också skapa grenar, begå ändringar och redigera filer. Endast administratörer i organisationen (det är du) kan bjuda in bidragsgivare.

03. Skapa ett projekt

Projekt är de olika sakerna som din organisation arbetar med, till exempel en kunds webbplats eller en annan kunds IOS-app. Klicka på den nya projektknappen i det övre högra hörnet. Ge det ett namn, en beskrivning, en färg för att identifiera den med (vilket kan vara den primära hexkoden från själva designen).

04. Importera en skissfil

Projekt startas när du klickar på kortet och väljer antingen Importera en skissfil eller skapa skissfil. Sketch-filer som skapats i abstrakt kan exporteras ut ur abstrakt senare.

För att spåra och version dina .Schetch-filer måste du först öppna filen via abstrakt. För att undvika förvirring när du arbetar med importerade skissfiler rekommenderar vi att du flyttar originalet till någonstans där du inte kommer oavsiktligt öppna den och börja redigera utan att tänka. Sketch-filer som skapats i abstrakt versioneras automatiskt.

05. Skapa en gren

Abstract screen shot indicating the Create New Branch dialogue box brought up by the New Branch button in the top-right of the screen.

Skapa en gren för att representera den version du jobbar med

Innan vi kan börja utforma måste vi skapa en gren först. En gren sträcker sig från mästaren och representerar din version som du ska arbeta med. Klicka på den nya filialknappen i det övre högra hörnet eller, Alternativt, klicka på Redigera i Sketch, där du kommer att bli ombedd att skapa en ny gren ändå (du borde aldrig begå unrevected ändringar i mästaren).

Första saken är först, skriv namn och beskrivning för filialen. Grenar öppnas för experiment, så du skulle skapa en ny filial varje gång du arbetar med något nytt och de skulle bli namnet som "login-redesign" eller "social-länkar". Detta låter andra veta vad som händer och minskar riskerna med att ha två konfliktversioner av designen senare.

När du har lagt till ett filnamn och beskrivning öppnas filen i skiss, där vi kan arbeta med det.

06. Begär dina ändringar

När du är redo att säga "Jag är klar för nu", slå förhandsvisningen & amp; Commit-knapp som visas i den abstrakta verktygsfältet i skiss, där du kommer att bytas tillbaka till abstrakt automatiskt.

Ge projektet en titel och beskrivning som förklarar vad du har gjort i den här filialen och klicka sedan på knappen Commit ändringar.

07. Kommentar och granskningsfas

Nästa Klicka på rullgardinsmenyn Ingen status i det övre vänstra hörnet och ändra valet för att öppna för feedback om du behöver någon riktning eller redo för recension om du tror att den här filialen är redo att slås samman i mästaren (dvs du tror vad Du tänkt att göra i den här filialen har varit hedrad). Bidragsgivare och tittare kan sedan se i abstrakts huvuddashboard som denna filial behöver granska och snabbt kunna lägga till sina egna kommentarer.

08. Dela feedback

Lägg till kommentarer genom att klicka dig till filialen från instrumentpanelen, välja den aktuella sidan (enligt definitionen i skiss) och skriva en kommentar i kommentarens sidofält på höger sida. För att få kommentarer om en specifik aspekt av designen, klicka på ikonen Annotate (Genväg: A) längst ner i kommentarens sidofält och dra en region på designen. Därefter skriver du din kommentar och trycker på. Om du pratar med någon direkt, var noga med att @Mentera dem och de får en anmälan om det.

Se också till att kolla in historiens sidofält på vänster sida, för att se (visuellt) vad som exakt har förändrats.

09. Slå samman i Master

Abstract screen shot indicating how the merge worked-on branches with the master.

När tiden kommer, sammanfogar upparbetade grenar med mästaren

Klicka på Merge Branch i det övre högra hörnet av gränssnittet. Vi har nu utplacerat dessa förändringar i mästaren. Andra designers, om de skapar en ny filial från mästaren ringde, säger, "navigering-redesign", de kommer nu att ha tillgång till de förändringar du gjorde och kunna bygga på den. Befälhavaren bör bara innehålla ändringar som du skulle vara glad att låta andra designers använda och bygga på. Vår gamla filial existerar inte längre.

10. Svett inte misstag

Om du måste rulla tillbaka till en tidigare version, navigera till mästaren - eller till och med en tidigare kommitté i en filial, om du inte har slagit det ännu - klicka på fliken Bonar, passera genom historien och slå sedan återställningen ikon. Du kan återgå till äldre versioner av mästaren och även äldre versioner av filialer så länge de inte har blivit sammanslagna.

Denna artikel publicerades ursprungligen i utgåva 298 av Net, världens bästsäljande tidning för webbdesigners och utvecklare. Köp nummer 298 eller Prenumerera på nätet .

Vill du lära dig mer om hanteringen av din informativa arkitektur?

Generate NYC 2018

Abby Covert ger henne prata hur man känner till någon röra på Generera New York från 25-27 april 2018

Företagen spenderar mer tid och pengar på digitala än någonsin tidigare, och till synes mindre tid att utveckla tydlig kommunikation på det språk de använder och strukturer de skapar. Designers stöter på utmaningar med att slå samman dessa språk och strukturer, ofta från mer än en organisation och över flera kanaler.

I hennes prat på Generera New York från 25-27 april 2018 , Abby Covert, informationsarkitekt vid Etsy, visar dig flera sätt att närma sig dessa utmaningar och introducera dig till verktyg och begrepp som stärker din informationsarkitektur.

Generera New York äger rum från 25-27 april 2018. Få din biljett nu .

Relaterade artiklar:

  • Kom igång med Git Version Control
  • Strömma ditt Git-arbetsflöde med tornet
  • Master Version Control med git

Hur - Mest populära artiklar

Hur man ritar en ros: nybörjare och avancerade tips

Hur Sep 11, 2025

Hur man ritar en ros - Hur man ritar en rosa video - Hur man ritar en ros: nybörjare - Hur man ri..

Stoppa botsna med Google Recaptcha

Hur Sep 11, 2025

(Bildkredit: Framtida) Att hålla bots ut är alltid ett nummer spel - tyvärr, tillgängligheten av lättanvänd mas..

Gör gratis och snabba användarprov med Userlook

Hur Sep 11, 2025

Bild: Getty Images Förutsättningar är dåliga för företag. De är dåliga, för, av naturen, håller vi åsikter..

Hur man skapar tillgängliga webbformulär

Hur Sep 11, 2025

Former är en viktig del av webben eftersom de ansluter användare till ditt företag och hjälper dem att uppnå vad de kom till..

Lär dig att modellera en 3d person i Zbrush och Maya

Hur Sep 11, 2025

Sida 1 av 2: Sida 1 Sida 1 Sida 2 ..

5 tips för super-snabb CSS

Hur Sep 11, 2025

Har du tänkt på storleken på din webbplatss CSS? Om din stilark är ballong, kan det vara försenade sidåtergivning. ..

Hur man skapar tecknade tecken i Cinema 4D

Hur Sep 11, 2025

Med tillkomsten av mobila spel och indie Videospel , det har varit en stor tillströmning av illustratörer och an..

Snabba upp din textur arbetsflöde

Hur Sep 11, 2025

Krigaren är ett personligt projekt som jag hade glädjen att konstruera och designa. Jag ville skapa ett tecken som förkroppsli..

Kategorier