Hurtig Tips Hvordan lage perspektivmockups i skisse

Manipulering av grafikk i tre dimensjoner (legge perspektiv med et forsvinningspunkt, eller langs et isometrisk plan) kan være veldig nyttig for mockups. I dette raske tipset bruker vi et plugin som heter "Magic Mirror" for å hjelpe oss med å lage perspektiver i Sketch.

Se på Screencast

 

La oss si at du jobber med en iOS-app, og du vil ha et heltbilde på nettsiden til noen som holder en iPhone, i en vinkel, som vises utenfor app-brukergrensesnittet. Å oppnå dette gjennom tradisjonelle metoder i Sketch er raskt vanskelig, så vi skal ta en Sketch-plugin kalt Magic Mirror for å hjelpe oss.

Installer Magic Mirror

Det finnes et par måter å installere dette plugin på; enten laste ned og installere fra nettstedet, eller bruk Sketch Toolbox for å hjelpe deg med å administrere plugins mer intuitivt.

Når du er installert, går du tilbake i Sketch til Plugins> Magic Mirror 2> Aktiver Magic Mirror

Definer et område

Med alt oppsett må du nå definere et område innenfor Skisse, markere det, og spesifiser deretter et tavla i Magic Mirror-dialogboksen. Innholdet i det artikkelen vil da bli speilet i ditt valgte område. Ved hjelp av vårt iOS-appeksempel kan vi få noe slikt:

Område speilet med "iPhone 7 Plus" tavla

Med din tavle speilet nå i det valgte området kan du rotere og vende det, og til og med (i proppens pro-versjon) dikterer om det er @ 1 × eller @ 2 × oppløsning.

maler

Et fint aspekt av denne plugin er sine maler. Besøk nettsiden og du finner en hel del med tilgjengelige maler som er klare for deg å bruke. Noen av dem krever kjøp, men de fleste er gratis.

"Enhet og tre" er gratis

Innpakning

Slik kan du bruke Magic Mirror-pluginet for å bidra til å lage mockups med perspektiv. Jeg håper du fant dette nyttig, og ikke glem å sjekke ut hva som er varmt i kategorien Sketch maler på Themeforest!

Velg mellom rundt 100 skisse maler på Themeforest

Også: placeit

Placeit er en mockup generator; et nettbasert verktøy som lar deg legge inn dine egne design (være UI-design, logoer, andre merkevarer) i presentasjonsmiljøer. For eksempel kan du ha et appdesign som du vil plassere i en iPhone på et salongbord, eller overlegge logoen din på en modellskjorte. 

iPhone X Mockup

Kanskje du vil gjerne se designene dine innebygd i lagervideoer (seriøst må du se på videoene). Med nesten 3000 maler og telling, er Placeit sikkert å ha det du leter etter.

Nyttig lesing

  • Plugins, Resources og Freebies å Spice Up Sketch
  • Hurtig Tips: Slik bruker du skissens oppdaterte symboler
  • 10 + Nye Sketch Plugins for å forbedre design arbeidsflyten
  • Skisse maler på Themeforest
  • iPhone bilde av Alejandro Escamilla på Unsplash