Share
Hvordan bruker profesjonelle Adobe Muse? Jeg tok ti minutter å spørre Robert Tait, mannen bak 910Zen's SnoValuation, om hans Adobe Muse-arbeidsflyt.
Beskriv designprosessen din når du bruker Adobe Muse. Hva er det aller første du gjør? Skiser du med papir og blyant? Er din arbeidsflyt for Internett forskjellig fra andre medier?
Min arbeidsflyt er vanligvis avhengig av prosjektet og hvor kreativ klienten lar oss være. Hvert prosjekt starter med et detaljert spørreskjema som hjelper oss med å komme inn i ballparken før vi noen gang begynner å spille med design, layout eller brukergrensesnitt.
Jeg starter vanligvis med blyant og papir og begynner å skissere ut små miniatyrbilder. Disse ideene til slutt blir større og mer raffinert. Når jeg er fornøyd med hvor de ulike alternativene går, tar jeg gjengen for å gjøre dem i full størrelse (nettsteder i dette tilfellet) comps i Photoshop. Noen ganger er interaktiviteten en viktig del av nettstedet, så det er lett å hoppe inn i Muse for å vise hvordan ulike ting kan fungere.
Jeg har designet og planlagt nettsteder i over 15 år, og Adobe Muse har fullstendig endret prosessen. Det pleide å være at vi skulle designe et flatt nettsted og levere disse comps eller kunstverk til kodene for å sette alt sammen. Det var som å designe og skape alle deler av en bil, men da måtte du gi alle deler til en mekaniker for å sette sammen. Nå kan du designe, lage og samle alt på en gang. Det er virkelig revolusjonerende.
Nå kan jeg la Muse være en del av utforskningen min. Jeg finner meg selv å bygge mer interaktivitet i nettsteder siden jeg kan prøve ut ting i sanntid og se resultatene. Plutselig er et flatt, statisk nettsted ikke så spennende som det pleide å være.
Når jeg jobber med andre prosjekter, for eksempel logoer eller brosjyrer, endrer arbeidsflyten min ikke så mye. Ideene må komme fra et sted, og jeg finner det mest fritt å starte med blyant og papir. Hvis du hopper på datamaskinen og bare begynner å klikke unna, er du plutselig bundet av datamaskiner, programvare og hvert program unike begrensninger. Jeg finner at først etter at jeg har funnet passende løsninger på papir, kan jeg velge riktig programvare for å skape visjonen min.
Hvor sterkt stoler du på andre designprogrammer, for eksempel Photoshop, Illustrator, Cloud Synchronization, for eksempel?
Photoshop, Illustrator og Muse er mine store tre. Med disse tre programmene kan jeg gjøre nesten alt jeg kan tenke på som webdesigner. Synkroniseringen av Creative Cloud har lagt til et ekstra komfortnivå. Plutselig har den bærbare datamaskinen og skrivebordet dine samme preferanser. Du kan ta tak i alle Adobe-programmer (og det er mye) når du trenger og installerer det. Oppdateringer er raske og smertefrie, og du kan til og med laste opp filer du arbeider med for å sørge for at du aldri legger en viktig fil på din andre datamaskin.
Alt i alt har Creative Cloud endret måten jeg jobber på, noe som gjør alt langt mer sømløst og praktisk enn noen gang før.
Hvordan fant du Muse-prosessen fra statisk design til interaktivitet i en nettleser?
Når jeg designer et nettsted, prøver jeg alltid å planlegge på unike måter å engasjere brukeren med noe nivå av interaktivitet. De gjør ikke alltid kuttet, og du må være oppmerksom på målet ditt demografisk, slik at noen ideer kommer igjen på kappegulvet.
I dette tilfellet måtte vi hylle mer interaktivitet, da hans målgruppe er skihytteeiere eller bankfolk. De pleier å være på stedet for fakta alene. Jeg er faktisk overrasket over at jeg var i stand til å komme seg bort med designnivået som jeg var, med dette prosjektet. Heldigvis, eieren av nettstedet skjer for å være ganske ung og hip. Hvis du ser på en håndfull nettsteder i denne bransjen, ser de alle ut som de ble designet på midten av 90-tallet i Microsoft Word. Dette nettstedet skiller seg virkelig ut fra mengden.
På nettsteder der mer interaktivitet er velkommen, finner jeg Adobe Muse et fantastisk verktøy, da det gir en mengde verktøy "In The Box" (så å si), som lar deg prøve ting på fluen og se hva som fungerer og hva gjør det ikke " t.
Det er forfriskende å ikke være avhengig av en koder for å oversette visjonen til virkelighet.
Hvordan har du tenkt / utformet interaktive elementer som veipunktseffekter, der elementene er animert inn som siden ruller?
Jeg kunne ikke bruke noen av disse effektene på dette nettstedet, men det er flott å ha alle slags triks opp i ermet. Du vet aldri når en klient kommer til å be om noe eller trenger å få sokkene deres blåst på et tidspunkt. Alle parallaxrullingsalternativene er fantastiske og dekker et så bredt spekter at det er lett å introdusere litt bevegelse for å vise frem et produkt, holde brukeren interessert eller bare ha det gøy.
Var det noen aspekter av nettstedet ditt som du fant spesielt utfordrende å bygge med Adobe Muse?
Den mer kompliserte Parallax-rulle kan ta litt eksperimentering for å få tak i, men ingenting ser virkelig ut som å være for utfordrende å bygge i Muse.
På SnoValuation ble jeg opprinnelig benyttet faner for å bytte mellom to google kart (vestkysten og østkysten), men da jeg vendte mellom kartene i en hvilken som helst nettleser, ville kartet (opprinnelig gjemmer seg bak den andre) aldri bli sentrert korrekt. Jeg fant til slutt ut som var en Google Map-feil og hadde ingenting å gjøre med Adobe Muse. Vi har til slutt bare slettet det andre kartet som brukeren enkelt kan navigere til hvor de vil i ett kart.
Hvor mye designfrihet ble du gitt når du brukte hyllekomponenter, for eksempel kontaktskjemaer, karuseller, kart osv..?
Igjen, dette nettstedet er i hovedsak designet for skihytteeiere og bankfolk, så jeg hadde ikke akkurat fri regjering, men jeg var heldig nok til å ha en progressiv klient som ikke ønsket et "typisk" vurderingssted.
De innebygde komponentene og det faktum at det er lett å legge inn kode hvor du vil, gjør det utrolig fleksibelt. Hvis du ikke finner det du trenger i en widget (og det er mange alternativer), kan du vanligvis bare legge inn koden fra et tredjeparts nettsted.
Medfølgende widgets er flotte og blir bedre med hver oppdatering.
Jeg var i stand til å bruke den innebygde skjemaet for kontakt siden, og legge inn google maps direkte. Det er flott å ha disse elementene som en del av søknaden, og hver ny versjon av applikasjonen inneholder flere og flere nyttige muligheter.
På overflaten ser noen av disse widgetene seg for enkle, men det er utrolig hva du kan gjøre, med standard sett med verktøy, med litt kreativitet.
Jeg har allerede vært i samtaler med eieren av nettstedet for å lage nye oppdateringer som vil inneholde en haug med de nye in-the-box-funksjonene. Jeg ser frem til fase to.
Brukte Adobe Muse utløser noen aspekter av designet som du kanskje ikke ellers hadde tenkt på / våget å forsøke?
Bruke Muse er nesten som å bruke Photoshop. Det er ikke uvanlig for meg å begynne å bygge den opprinnelige ideen i Photoshop, og deretter flytte noen av råelementene inn i Muse for noen sammenstilling. En gang i Muse kan elementene vendes, vendes, skaleres, animeres, bleknet ... Det er utrolig hva du kan gjøre, og skjønnheten er at "det du ser er hva du får".
Adobe Muse legger til en ekstra fase av kreativ frihet.
Å jobbe i Photoshop og levere filene til en koder følte seg alltid litt tomt ... som noe manglet. Nå kan du se at magien kommer til live og juster ting mens du går.
Nå er det ingen unnskyldning for designere å lage kjedelige nettsteder.
Har du eksperimentert med noen av Muses verktøy som du til slutt ikke trenger å bruke?
Jeg tester ALDRI de nye verktøyene når jeg har tid. Det er så mange tilgjengelige alternativer at du ikke muligens kan bruke alt på hvert nettsted. Det lønner seg å eksperimentere med hvert verktøy, fordi du aldri vet om ditt neste prosjekt skal komme til nytte av en av de medfølgende widgetene. Jeg liker å vite alle mine alternativer, før jeg tar noen beslutninger.
Jeg er alltid spent på en Muse-oppdatering, da de synes å ha en puls på de kommende trendene. Lære å bruke Muse er som å lære hva kundene dine er i ferd med å be om.
Når du hadde bygget det endelige produktet, følte du at utgangen behøvde å justere manuelt på noen måte?
Heldigvis gjør Muse en god jobb med å se og oppføre seg lignende på forskjellige nettlesere. Jeg vil alltid sjekke på så mange enheter som mulig for å sikre at det ikke er noen overraskelser nedover veien, men tweaking er vanligvis minimal.
Det eneste jeg trengte å justere var å gjøre tekstboksene i overskriften bredere da jeg fikk en merkelig pause eller to, men bortsett fra det, er det svært lite ikke-designrelatert tweaking.
Muse gir mulighet til å bygge en egen skjerm-, mobil- og nettbrettversjon av et design. Hvordan fant du å designe separate versjoner, og var sluttresultatet du hadde håpet på?
SnoValuation-nettstedet er ganske enkelt, så det er ikke mye tapt i downsizing til mobilversjonen. I denne spesielle situasjonen spurte SnoValuation ikke om en "tablett" -størrelse, og jeg følte at "desktop" -versjonen (som er standard tablettversjonen hvis en nettbrettversjon ikke er opprettet) oversatt godt nok til å la det være alene.
Du vet aldri hvilken enhet noen skal se på nettstedet ditt på. Så det er flott at Muse tilbyr de tre forskjellige versjonene. Det virker litt skremmende i starten, men det tar vanligvis ikke mye mer arbeid for å omforme nettstedet ditt for å bli optimalisert for de to andre alternativene. Det krever litt justering og eksperimentering, men det er verdt den ekstra innsatsen for å få meldingen på tvers av, uansett hvilken enhet brukeren ser på.
Ta en titt på de nyeste tilbudene og funksjonene fra Adobe Muse på Adobe Muse-hjemmesiden.
Accentsconagua