Flash Catalyst og Photoshop - Prosjektplanlegging

• Kan 19, 2024

Med utgivelsen av Adobe^R Blits^R Catalyst^TM beta, designere har et nytt verktøy for å lage Flash-prosjekter og ved hjelp av Photoshop^R eller illustratør^R, kan vi gjøre prosjektene våre mye mer visuelt tiltalende. For de av dere som ikke har lastet ned den gratis betaversjonen, ble Catalyst utviklet med designeren i tankene, og med sine visuelt baserte verktøy kan designeren legge til brukbare brukergrensesnittkomponenter til en UI-layout uten programmeringsferdigheter.

Så hvor kommer Photoshop inn i bildet? De fleste UI-utforminger begynner i Photoshop, når designeren oppretter en mockup. Etter at mockupen er godkjent, er det på tide å lage den faktiske grafikken for brukergrensesnittet. Dette gjøres vanligvis også i Photoshop. Nå, med Catalyst, kan vi også lage den endelige utformingen i Photoshop og importere den oppsettet til Catalyst, hvor vi vil legge til den Flash-baserte navigasjonen for vår portefølje. Alle lag, stiler og andre aspekter av Photoshop-bildet ditt vil fremdeles være der når filen åpnes i Catalyst. Det vakre med Catalyst er at vi kan bruke grafikken akkurat slik vi opprettet dem i Photoshop og gjøre dem om til UI-komponenter, for eksempel knapper, uten noen spesiell forberedelse.

I denne opplæringen lager vi grafikken for en liten portefølje av noen nettsteder som jeg har solgt på DIYeStores.com. Disse netttene er laget spesielt for nettstedets DIY nettsted byggherre. Utseendet og følelsen til hvert nettverk gjenspeiles i nettstedslogoen. For dette prosjektet bestemte jeg meg for å lage en portefølje av disse logoene. I forbindelse med denne opplæringen har vi bare tre logoer, men du vil sannsynligvis ønske å ha flere prøver i porteføljen din. Det første trinnet vårt er å bestemme hvilke logoer vi vil inkludere i porteføljen vår og rekkefølgen vi ønsker at de skal vises.

Logoene for nettsettene er alle 450 x 250 piksler for å samsvare med spesifikasjonene for nettstedbyggeren. Jeg bestemte meg for at den totale størrelsen på applikasjonen vil være 500 x 500 piksler. Dette vil gi bruk nok plass til en tittel øverst, logoene og miniatyrbildene under logoene, som blir knappene som styrer bildevisningsprogrammet. Vi må lage en 100 x 100 miniatyrbilde for hver av våre logoer. Hvis vi bare reduserer størrelsen på logoen til størrelsen på miniatyrbildene, vil mye av designet være for lite til å sette pris på. Det ville være bedre å velge en seksjon av hver logo som best representerer designet og bruken som for våre navigasjonsknapper. Nå som vi har alle eksemplene til porteføljen vår, er det på tide å bygge oppsettet for applikasjonen.

Copyright 2018 Adobe Systems Incorporated. Alle rettigheter forbeholdt. Adobes produktskjermbilder er skrevet ut på nytt med tillatelse fra Adobe Systems Incorporated. Adobe, Photoshop, Photoshop Album, Photoshop Elements, Illustrator, InDesign, GoLive, Acrobat, Cue, Premiere Pro, Premiere Elements, Bridge, After Effects, InCopy, Dreamweaver, Flash, ActionScript, Fyrverkeri, Bidra, Captivate, Flash Catalyst og Flash Paper er / er enten [a] registrert varemerke [s] eller et varemerke [s] fra Adobe Systems Incorporated i USA og / eller andre land.