Share
Sketch is een grafische toepassing voor ontwerpers, die zichzelf heel goed leent voor de wereld van webdesign. Als je nieuw bent, ben je misschien niet op de hoogte van enkele van de trucs die Schets heeft, verborgen onder de oppervlakte. Vandaag zou ik graag enkele toptips willen doornemen om uw ontwerpworkflow te versnellen.
Vorig jaar ontving Sketch een frisse lik verf met versie 2, en sindsdien zijn steeds meer ontwerpers er naar overgestapt. De eenvoud maakt het aantoonbaar intuïtiever dan Photoshop (wat, niet te vergeten, oorspronkelijk werd gebouwd voor het bewerken en verwerken van afbeeldingen), terwijl zijn vectorgereedschappen Illustrator ruimschoots aankunnen. Sketch is geen tool voor het bewerken van bitmaps. Het bevat wel een pixelvoorbeeld, maar is ontworpen om u te helpen bij het ontwerpen van interfaces en pictogrammen.
Zeer recent heeft Tisho Georgiev een geweldige plug-in voor Sketch uitgebracht. Symbolen genoemd, het geeft ons de mogelijkheid om Smart Objects na te bootsen; een functie die Sketch momenteel niet ondersteunt.
Slimme objecten stellen u in staat om meerdere exemplaren van één object in uw document te hebben. Door een van de slimme objecten te bewerken en vervolgens op te drukken CMD + E, u ziet die wijzigingen in alle instanties.
Sketch ondersteunt veel sneltoetsen. Een voorbeeld hiervan is "Smart Guides".
Door een voorwerp te grijpen en vervolgens op te drukken ALT (of OPTIE), de slimme hulplijnen verschijnen en markeren de afstand tussen het geselecteerde object en de randen van het document. Als u de afstand tussen het geselecteerde object en een ander object wilt controleren, beweegt u het gewenste object en worden de slimme hulplijnen aangepast.
Het maken van een raster is eenvoudig, maar het kan nog eenvoudiger en schoner worden met Sketch!
Sketch heeft een functie, eenvoudigweg "Create grid". Klik op de vier vakken in de subwerkbalk (rechtsboven in de afbeelding weergegeven) om een pop-upmenu weer te geven, waarin u kunt definiëren hoeveel rijen en hoeveel kolommen u de geselecteerde objecten in wilt rangschikken.
Als u specifiek het gebied rond elk object wilt definiëren, evenals de afstand tussen, kunt u de boxed keuze.
Als je gebruikt tekengebieden (Schets heeft standaard een oneindig canvas) het is handig om vooraf ingestelde tekengebieden te gebruiken. Wanneer u op de knop Artboard op de werkbalk klikt, krijgt u de optie om presets in de subwerkbalk te selecteren.
Met presets kunt u uw werk organiseren met vooraf gedefinieerde dimensies. U kunt bijvoorbeeld een document met een reeks tekengebieden maken, zodat u niet alle verschillende favicon-formaten hoeft te onthouden die tegenwoordig nodig zijn!
Sketch is in staat om rechtstreeks vanuit een sjabloon een nieuw bestand te maken, via het menu-item Bestand> Nieuw van sjabloon, maar u kunt ook een huidig bestand als een sjabloon opslaan om elk project vanuit uw huidige fase te starten. Ga naar Bestand> Opslaan als sjabloon om dit te doen.
Dit kan erg handig zijn, bijvoorbeeld bij het ontwerpen voor iOS. U kunt een bestand met de statusbalk en de navigatiebalk maken en het vervolgens opslaan als sjabloon, zodat u het later kunt gebruiken in aankomende iOS-projecten..
Zoals eerder vermeld, biedt Sketch veel snelkoppelingen. Bekijk Sketch Shortcuts van Robert van Klinken en Jeffrey de Groot. Het bevat (bijna) alle snelkoppelingen van Sketch.
U kunt ook uw eigen snelkoppelingen maken via OS X Systeemvoorkeuren - enkele voorbeelden hiervan worden getoond aan de voet van de pagina Sketch Shortcuts.
Als u eenvoudig een kleur op elke plek op uw scherm wilt kiezen, drukt u gewoon op CTRL + C. Er wordt een loep geopend om u te helpen exact de kleur te kiezen die u beoogt. Heel eenvoudig. Echt effectief.
Laat me je snel de beste functie laten zien die bij Sketch wordt geleverd. Het helpt je om pixels te krijgen volmaakt gepositioneerd in uw ontwerp.
Als u bijvoorbeeld een laag hebt die pixelfragmenten in de breedte of hoogte bevat of niet erg goed gepositioneerd is, krijgt u meestal (in andere grafische pakketten) hoofdpijn die de gebroken pixels repareert om een perfecte perfectie te bereiken. Klik in Sketch op Bewerken> Rond naar de dichtstbijzijnde rand van de pixels (of maak er een aangepaste snelkoppeling voor) en de hele laag wordt opgeruimd.
Mogelijk moet u deze functie gebruiken nadat u pictogrammen in een schetsbestand hebt geïmporteerd, zorg er wel voor dat u ze rond de dichtstbijzijnde rand van een pixel plaatst om er zeker van te zijn dat ze pixel perfect zijn.
Notitie: Als je ontwerpt in @ 2x (voor schermen met hoge pixeldichtheid) en exporteert in @ 1x houd er dan rekening mee dat elke pixelpositie deelbaar moet zijn door twee, anders splits je pixels opnieuw en is de laag wazig in je @ 1x resultaat.
Let nogmaals op: Bekijk Meng To's artikel voor meer informatie over pixelperfectie.
Exporteren is een geweldige functie die met Sketch uit de doos komt. Ga gewoon naar Bestand> Exporteren en teken zoveel plakken als je nodig hebt. Je kunt ook exporteren als @ 2x, als je in @ 1x hebt ontworpen, en andersom.
Sketch biedt nog meer slicingcontrole. Met het menu-item Bestand> Segment toevoegen uit selectie u kunt een laag selecteren die u recent hebt gemaakt en vervolgens op dit item klikken om een segment te krijgen dat precies overeenkomt met de grootte van de selectie.
Er zijn veel handige functies, uitbreidingen en workflows beschikbaar voor Sketch. Gebruik de bovenstaande tips om uw workflow te verbeteren en laat ons uw eigen suggesties weten in de opmerkingen!
Accentsconagua