Schetsbibliotheken gebruiken eenvoudige samenwerking

In deze tutorial leer je alles over een geheel nieuwe Sketch-functie genaamd "libraries". Bibliotheken zijn onlangs geïntroduceerd, in versie 47, en verbeteren echt de manier waarop we met assets en andere teamleden werken.

Bekijk Screencast

 

Introductie van Sketch Libraries

Een Sketch-bibliotheek is essentieel een Sketch-bestand met een aantal symbolen. Waar bibliotheken van elkaar verschillen, is dat de symbolen binnen hen beschikbaar zijn vanuit de Sketch-app zonder dat u het document hoeft te openen waarin ze zijn opgeslagen. U kunt uw bibliotheekactiva importeren in elk Schetsdocument dat u bevalt.

Open Sketch 47 voor de eerste keer en u zult meteen zien dat er een bibliotheek beschikbaar is die u kunt gebruiken, onder de invoegen of de Symbool menu. De "iOS UI Design-bibliotheek" heeft een breed scala aan items die u rechtstreeks in uw tekengebied kunt plaatsen.

Hoe u uw eigen schetsbibliotheek kunt maken

Om dit aan te tonen, ga ik een bibliotheek met kleurstalen maken. Eerst maken we een pagina, vervolgens plaatsen we op die pagina een paar kleurstalen (rechthoeken van elke gewenste kleur). De ... gebruiken Creëer symbolen optie geven we een naam, beginnend met kleur/ om ze in het symbolenmenu te groeperen. 

Dit specifieke document wordt permanent opgeslagen op een geschikte locatie en functioneert al effectief als een bibliotheek van soorten. Maar nu moeten we het toevoegen aan Sketch zelf.

Ga naar Schets> Voorkeuren> Bibliotheken en klik Bibliotheek toevoegen. Wijs dan naar het bestand dat we nodig hebben (ons kleurenbestand in dit geval) en kijk hoe het beschikbaar wordt in de lijst met bibliotheken.

Whoomp! (Daar is het)

Nu hebben we toegang tot onze kleur symbolen van de Symbolen menu waar we ook andere bibliotheken zien.

Symbolen en bibliotheken bijwerken

Belangrijk is dat er op dit punt in het proces een waarschuwing verschijnt onderaan ons oorspronkelijke kleurenbestand:

Alle wijzigingen die we aanbrengen in de symbolen in dit bestand, komen rechtstreeks overeen met de bibliotheek en dus met alle andere bestanden die gebruik maken van de bibliotheek. Als we ervoor kiezen een update uit te voeren, worden we gewaarschuwd in andere bestanden die gebruik maken van de bibliotheek (zie rechtsboven in het venster):

klikken Bibliotheek-update beschikbaar zal een dialoog openen die precies laat zien welke veranderingen zijn aangebracht voordat je ze gebruikt.

Conclusie

Stel je voor dat de krachtbibliotheken jou en je ontwerpteam kunnen geven. Overweeg de bovenstaande situatie en de kleuren van uw eigen ontwerpen: u wijzigt één kleurstaal in uw hoofdbibliotheek voor branding en ziet dat deze effect heeft op al uw componenten. En dit geldt ook voor allerlei symbolen; typografie symbolen, pictogrammen, stijlen ... geweldig!

Bekijk de screencast hierboven voor meer details en blijf op de hoogte voor verdere Sketch-updates en -tricks.