Gratis bok: designerens guide til å bli piksel perfekt

beste squarespace mal for designportefølje

De Pixel Perfect Precision (PPP) håndbok fra ledende byrå for digital design ustwo har kommet langt siden den ble gitt ut for fire år siden. Det som startet som en enkel side på 108 sider for beste praksis med piksler og Photoshop, har vokst til PPP3 - en hel 214-siders designerbibel.

Da ustwo-teamet lanserer PPP3 i dag, tok vi kontakt med skaperen og usto ledende visuell designer Matt Gypps aka Gyppsy for å finne ut mer.



Gratulerer med PPP3! Hva inspirerte skapelsen i utgangspunktet?

Takk! Den opprinnelige OPS ble virkelig født av nødvendighet. Tilbake i disse dager mottok jeg en e-post hvert par uker hvor jeg spurte hvordan jeg skulle sette opp fargeprofiler slik at det ikke ble fargeskift når jeg lagrer ut av Photoshop. Etter å ha videresendt den opprinnelige forklaringsmailen et par ganger, skjønte jeg at informasjonen skulle legges i en PDF for å spare tid.

Da jeg begynte å lage det, var det noen andre ting jeg måtte fortsette å påpeke for folk - pikselnøyaktige ting, som uskarpe gjenstandskanter, feiljustering osv. - så inkluderte de også. Det endte med at det var ganske terapeutisk, fikk alle disse små irritasjonene ned på papiret og til slutt viste løsningen.

Hva var den viktigste tilbakemeldingen fra den andre versjonen? Og har du implementert mye av det i denne iterasjonen?

Tilbakemeldingene vi hadde fra v2 har vært så positive at det generelle temaet ser ut til å være 'fortsett det gode arbeidet'. Så det er akkurat det som er blitt gjort.

Få oppmerksomhet med høy kontrast og stor, dristig type, eller skyv gjenstandene tilbake med lavere kontrast og mindre, lettere type. Fornuftige råd fra ustwo-teamet

Få oppmerksomhet med høy kontrast og stor, dristig type, eller skyv gjenstandene tilbake med lavere kontrast og mindre, lettere type. Fornuftige råd fra ustwo-teamet

Bortsett fra det nye kapittelet om design og utvikling, hvilke områder har man utvidet?

Det andre ekstrainnholdet er ganske jevnt fordelt mellom Pixel Perfect Principles, Accessibility og Photoshop-kapitlene i håndboken. Tildelingen av det nye innholdet er basert utelukkende på nye ting jeg lærer, eller, som med mye av Photoshop-kapittelet, nye funksjoner som Adobe introduserer.

Tildelingen av det nye innholdet er basert kun på ting jeg lærer, eller nye funksjoner som Adobe introduserer

Det eneste kriteriet for oppføring er at informasjonen er nyttig. Jeg holder en enkel å gjøre-liste der jeg vil notere nye sider jeg vil legge til når jeg kommer over ny kunnskap eller tips. Når det gjelder å legge til nytt innhold, går jeg bare gjennom listen og får så mye av det der som det er tid til. For denne utgivelsen har jeg klart å krysse av for hvert element der inne.

Var det nye design- og utviklingskapittelet inkludert etter tilbakemeldinger eller bare ting du ønsket å dele?

Det siste helt sikkert. Mye av det som er lagt til i håndboken, er basert på våre erfaringer som studio, og områder der vi tidligere har hatt smertepunkter. Og hvis vi treffer disse problemene, er det en ganske sikker ting at andre der ute også er.

Selv om det er et massivt offentlig aspekt av håndboken, bruker vi den fortsatt som internt læringsverktøy, og for å informere nye forretter om hvordan vi jobber som et studio. Så all kunnskap vi kan gi for å komme raskt i gang er til stor hjelp. Arbeidet med utviklere, både internt og eksternt, har lært oss mye om hvordan vi skal nærme oss overgangen fra design til kode.

hvordan lage overganger i ettereffekter

Ingen mann er en øy, og oftest vil ikke filene dine være det heller! God organisering er viktig, da det sparer mye tid for andre mennesker på prosjektet

Ingen mann er en øy, og oftest vil ikke filene dine være det heller! God organisering er viktig, da det sparer mye tid for andre mennesker på prosjektet

Dere er veldig åpne om arbeidsprosessene deres. Håper du guiden din og tilnærmingen din til å dele ting vil oppmuntre andre til å gjøre det samme?

Helt sikkert. Det er mange selskaper der ute som allerede gir bort store ressurser gratis, og vi bruker mange av dem. Vi leter kontinuerlig etter måter å forbedre våre egne prosesser og verktøy på, og disse delte prosjektene er en god informasjonskilde, så la oss se flere av dem der ute. OPS er vår måte å gi noe tilbake.

hvordan komme seg ut av magnetisk lasso

Vi leter kontinuerlig etter måter å forbedre våre egne prosesser og verktøy på

Det er egentlig ikke nødvendig å føle seg truet med å gi bort denne typen kunnskap. Det kan aldri erstatte erfaring og trening i et felt, bare supplere det og gi de som starter en hjelpende hånd.

Sliter du noen gang med å forklare så komplekse emner på en så minimal måte?

Ja, ganske mye av tiden! Nesten alle sider som fyller de to kolonnene med tekst, må ordene og setningene hugges ned for å passe. Jeg vil dele emnet på flere sider og underpunkter hvis det er fornuftig, eller alternativt referere til en ekstern side hvis det er reelle detaljer som jeg ikke vil dykke inn i - for eksempel eksportsyntaks for Photoshop's Generator-verktøy.

Men den grensen er hvor moroa ligger, og holder håndboken tro mot sine røtter. Jeg liker virkelig utfordringen med å få fram en melding så enkelt som mulig, og prøver å gjøre punktene i håndboken forståelige ut fra bildene alene. Designere er visuelle mennesker, så målet er å unngå tekst så mye som mulig.

PPP3 bruker enkel grafikk og så lite tekst som mulig for å få budskapet videre

PPP3 bruker enkel grafikk og så lite tekst som mulig for å få budskapet videre

Er du fornøyd med denne siste utgivelsen? Hva har vært tilbakemeldingene så langt?

Vi er alle utrolig fornøyde med hvordan det har kommet sammen. Studioet har gått gjennom en stor merkevare de siste månedene, og å se det som gjenspeiles i håndboken har vært veldig spennende for alle, siden det er et av de første produktene våre som får en oppdatering. Vi gleder oss veldig til å få det ut til designmiljøet nå.

Likte dette? Les disse!