Snabbtips Hur man skapar perspektivmockups i skiss

Manipulera grafik i tre dimensioner (lägga perspektiv med en försvinnande punkt, eller längs ett isometrisk plan) kan vara mycket användbart för mockups. I det här snabba tipset använder vi ett plugin som heter "Magic Mirror" för att hjälpa oss att skapa perspektiv i Sketch.

Titta på Screencast

 

Låt oss säga att du arbetar med en iOS-app och du vill ha en hjältebild på webbplatsen för någon som håller en iPhone, i en vinkel som visar på app-användargränssnittet. Att uppnå detta genom traditionella metoder i Sketch är snabbt knepigt, så vi ska ta en Sketch-plugin som heter Magic Mirror för att hjälpa oss.

Installera Magic Mirror

Det finns ett par sätt att installera detta plugin; antingen ladda ner och installera från webbplatsen, eller använd Sketch Toolbox för att hjälpa dig hantera plugins mer intuitivt.

När du har installerat, går tillbaka inuti Sketch till Plugins> Magic Mirror 2> Aktivera Magic Mirror

Definiera ett område

Med allt setup måste du definiera ett område inom Sketch, markera det och ange sedan en tavla i dialogrutan Magic Mirror. Innehållet i den där tavlan kommer då att speglas inom ditt valda område. Med vårt iOS-appexempel kan vi få något av följande:

Område speglas med "iPhone 7 Plus" tavla

Med din tavla nu speglad i det valda området kan du rotera och vända det, och även (i pluginens pro version) dikterar om det är @ 1 × eller @ 2 × upplösning.

mallar

En trevlig aspekt av denna plugin är dess mallar. Besök webbplatsen och du hittar en hel sektion med tillgängliga mallar redo för dig att använda. Vissa av dem kräver inköp, men de flesta är gratis.

"Enhet och trä" är gratis

Avslutar

Så kan du använda Magic Mirror-pluginet för att skapa mockups med perspektiv. Jag hoppas att du fann det här användbart, och glöm inte att kolla vad som är varmt i Sketch templates-kategorin på Themeforest!

Välj bland cirka 100 skissmallar på Themeforest

Dessutom: Placeit

Placeit är en mockupgenerator; ett onlineverktyg som låter dig bädda in dina egna mönster (om de är UI-mönster, logotyper, andra varumärkesvaror) i presentationsmiljöer. Du kan till exempel ha en appdesign som du vill placera i en iPhone på ett soffbord, eller överla din logotyp på en modellskjorta. 

iPhone X Mockup

Kanske skulle du även vilja se dina mönster inbäddade i lagervideor (seriöst måste du titta på videon). Med nästan 3000 mallar och räkningar har Placeit säkert det du letar efter.

Användbar läsning

  • Plugins, Resources och Freebies till Spice Up Sketch
  • Snabbtips: Så här använder du skissens uppdaterade symboler
  • 10 + Nya Sketch Plugins för att förbättra ditt design arbetsflöde
  • Skissmallar på Themeforest
  • iPhone foto av Alejandro Escamilla på Unsplash