Share
Hoe gebruiken professionals Adobe Muse? Ik nam tien minuten de tijd om Robert Tait, de man achter SnOValuation van 910Zen, te vragen naar zijn Adobe Muse-workflow.
Beschrijf uw ontwerpworkflow wanneer u Adobe Muse gebruikt. Wat is het allereerste dat je doet? Schets je met papier en potlood? Verschilt uw workflow voor internet van die van andere media??
Mijn workflow hangt meestal af van het project en hoe creatief de klant ons zal laten zijn. Elk project begint met een gedetailleerde vragenlijst die ons helpt het ballpark binnen te komen voordat we ooit gaan spelen met het ontwerp, de lay-out of de gebruikersinterface.
Ik begin meestal met een potlood en papier en begin met het schetsen van kleine miniaturen. Die ideeën worden uiteindelijk groter en verfijnder. Wanneer ik tevreden ben met waar de verschillende opties gaan, zal ik de sprong wagen om ze in Photoshop op ware grootte (websites in dit geval) comps te maken. Soms is de interactiviteit een essentieel onderdeel van de website, dus het is gemakkelijk om Muse te bezoeken om te laten zien hoe verschillende dingen kunnen werken.
Ik ontwerp en ontwerp al meer dan 15 jaar websites en Adobe Muse heeft mijn proces volledig veranderd. Vroeger zouden we een platte website ontwerpen en die compilaties of illustraties aan de codeerders overhandigen om alles samen te voegen. Het leek op het ontwerpen en maken van alle onderdelen van een auto, maar dan moest je alle onderdelen aan een monteur geven om in elkaar te zetten. Nu kunt u alles in één keer ontwerpen, maken en monteren. Het is echt revolutionair.
Nu kan ik Muse laten deelnemen aan mijn verkenning. Ik merk dat ik meer interactiviteit bouw in websites, omdat ik dingen in realtime kan uitproberen en de resultaten kan zien. Plotseling is een platte, statische website niet zo spannend als vroeger.
Bij het werken aan andere projecten, zoals logo's of brochures, verandert mijn workflow niet zo veel. De ideeën moeten ergens vandaan komen en ik vind het het meest vrij om te beginnen met een potlood en papier. Als je op de computer springt en gewoon weg klikt, ben je plotseling gebonden aan computers, software en elk programma unieke beperkingen. Ik merk dat pas nadat ik de juiste oplossingen op papier heb gevonden, ik de juiste software kan kiezen om mijn visie te creëren.
Hoe zwaar vertrouw je op andere ontwerptoepassingen, zoals Photoshop, Illustrator, cloudsynchronisatie bijvoorbeeld?
Photoshop, Illustrator en Muse zijn mijn grote drie. Met deze drie programma's kan ik bijna alles doen wat ik kan bedenken als een webdesigner. De synchronisatie van de Creative Cloud heeft extra comfort toegevoegd. Opeens hebben je laptop en je bureaublad dezelfde voorkeuren. Je kunt elke Adobe-toepassing (en er zijn veel) op elk gewenst moment pakken en installeren. Updates zijn snel en pijnloos en u kunt zelfs bestanden uploaden waaraan u werkt om ervoor te zorgen dat u nooit een belangrijk bestand op uw andere computer achterlaat.
Al met al heeft de Creative Cloud de manier waarop ik werk veranderd, waardoor alles veel eenvoudiger en gemakkelijker is dan ooit tevoren.
Hoe vond je het Muse-proces van een statisch ontwerp naar interactiviteit in een webbrowser??
Wanneer ik een website ontwerp, probeer ik altijd op unieke manieren te plannen om de gebruiker te betrekken bij een bepaald niveau van interactiviteit. Ze maken niet altijd de snit en je moet rekening houden met je demografische doelgroep, dus sommige ideeën blijven achter op de vloer van de snijruimte..
In dit geval moesten we meer interactiviteit opbergen omdat zijn doelmarkt eigenaren van een skihut of bankiers zijn. Ze zijn meestal alleen op de site voor feiten. Ik ben eigenlijk verbaasd dat ik met dit project weg kon komen met het ontwerpniveau dat ik was. Gelukkig is de eigenaar van de site vrij jong en hip. Als je kijkt naar de handvol websites in deze branche, zien ze er allemaal uit alsof ze halverwege de jaren 90 in Microsoft Word zijn ontworpen. Deze site onderscheidt zich echt van de rest.
Op sites waar meer interactiviteit welkom is, vind ik Adobe Muse een geweldig hulpmiddel omdat het een schat aan hulpmiddelen "In The Box" biedt (om zo te zeggen), waarmee je dingen on the fly kunt proberen en kunt zien wat werkt en wat niet werkt. t.
Het is verfrissend om niet afhankelijk te zijn van een codeur om mijn visie te vertalen naar de realiteit.
Hoe hebt u interactieve elementen ontworpen of ontworpen, zoals de waypoint-effecten, waar elementen worden geanimeerd terwijl de pagina scrolt?
Ik kon geen van deze effecten op deze site gebruiken, maar het is geweldig om allerlei trucs voor de boeg te hebben. Je weet nooit wanneer een klant iets gaat vragen of op een gegeven moment zijn sokken moet laten afblazen. Alle parallax-scrolopties zijn fantastisch en beslaan zo'n breed bereik dat het gemakkelijk is om wat beweging te introduceren om een product te laten zien, de gebruiker geïnteresseerd te houden of gewoon wat plezier te hebben.
Waren er bepaalde aspecten van uw site die u bijzonder uitdagend vond om te bouwen met Adobe Muse?
Het ingewikkeldere Parallax-scrollen kan wat experimenteren om het onder de knie te krijgen, maar niets springt eruit als zijnde te uitdagend om in Muse te bouwen..
Op SnoValuation gebruikte ik oorspronkelijk tabbladen om te schakelen tussen twee google maps (westkust en oostkust), maar toen ik in elke browser tussen de kaarten draaide, zou de kaart (die zich oorspronkelijk achter de ander schuilhield) nooit correct gecentreerd zijn. Uiteindelijk kwam ik erachter dat dit een Google Map-bug was en niets met Adobe Muse te maken had. Uiteindelijk hebben we de tweede kaart gewoon gescrapt omdat de gebruiker gemakkelijk naar elke gewenste plek in één kaart kan navigeren.
Hoeveel ontwerpvrijheid werd u geboden als u standaardcomponenten gebruikte, zoals contactformulieren, carrousels, kaarten, enz..?
Nogmaals, deze site is in wezen ontworpen voor eigenaars en bankiers van skihutten, dus ik had niet echt vrij spel, maar ik had het geluk dat ik een vooruitstrevende klant had die geen "typische" taxatiesite wilde hebben.
De ingebouwde componenten en het feit dat code eenvoudig kan worden ingesloten waar je maar wilt, maakt het ongelooflijk flexibel. Als je niet kunt vinden wat je nodig hebt in een widget (en er zijn veel opties), kun je meestal gewoon de code van een externe site insluiten.
De meegeleverde widgets zijn geweldig en worden beter bij elke update.
Ik kon het ingebouwde formulier voor de contactpagina gebruiken en google-kaarten rechtstreeks insluiten. Het is geweldig om deze elementen als onderdeel van de toepassing te hebben en elke nieuwe versie van de toepassing bevat steeds meer bruikbare mogelijkheden.
Sommige widgets zien er op het eerste gezicht simplistisch uit, maar het is verbazingwekkend wat je kunt doen, met de standaard set tools, met een beetje creativiteit.
Ik heb al gesprekken gevoerd met de eigenaar van de site om nieuwe updates te maken die een aantal van de nieuwe in-the-box-functies bevatten. Ik kijk uit naar fase twee.
Gebruikte Adobe Muse bepaalde aspecten van het ontwerp die u anders misschien niet had bedacht of durfde te proberen?
Het gebruik van Muse lijkt bijna op het gebruik van Photoshop. Het is niet ongebruikelijk voor mij om het eerste idee in Photoshop te bouwen en enkele onbewerkte elementen in Muse te plaatsen voor wat montage. Eenmaal in Muse kunnen de elementen worden omgedraaid, omgedraaid, geschaald, geanimeerd, vervaagd ... Het is verbazingwekkend wat je kunt doen, en het mooie is dat "wat je ziet, is wat je krijgt".
Adobe Muse voegt een extra fase van creatieve vrijheid toe.
Werken in Photoshop en je bestanden overhandigen aan een coder, voelde altijd een beetje leeg ... alsof er iets ontbrak. Nu kun je de magie tot leven zien komen en de dingen aanpassen terwijl je gaat.
Er is nu geen excuus voor ontwerpers om saaie websites te maken.
Heb je geëxperimenteerd met tools van Muse die je uiteindelijk niet nodig had??
Ik test ALTIJD de nieuwe tools, als ik tijd heb. Er zijn zoveel beschikbare opties dat je niet alles op elke site kunt gebruiken. Het loont om met elk hulpmiddel te experimenteren, omdat je nooit weet of je volgende project zal profiteren van een van de meegeleverde widgets. Ik wil graag al mijn opties kennen, voordat ik beslissingen neem.
Ik ben altijd enthousiast voor een Muse-update omdat ze een impuls lijken te hebben voor de komende trends. Leren om Muse te gebruiken, is als te leren waar je klanten om vragen.
Nadat je het eindproduct had gebouwd, voelde je dat de uitvoer in elk opzicht handmatig moest worden aangepast?
Gelukkig kan Muse goed kijken en zich hetzelfde gedragen in verschillende browsers. Ik zal altijd zoveel mogelijk apparaten controleren om er zeker van te zijn dat er geen verrassingen op de weg zijn, maar de aanpassing is meestal minimaal.
Het enige dat ik moest aanpassen was om de koptekstvakken breder te maken terwijl ik een vreemde breuk kreeg of twee, maar behalve dat, is er heel weinig niet-ontwerpgerelateerd tweaken.
Muse biedt de mogelijkheid om een apart scherm, een mobiele versie en een tabletversie van een ontwerp te maken. Hoe vond je het ontwerpen van afzonderlijke versies, en was het eindresultaat waar je op had gehoopt?
De SnoValuation-site is vrij eenvoudig, dus er is niet veel verloren in downsizing naar mobiele versie. In deze specifieke situatie vroeg SnoValuation niet om een "tablet" -formaat en ik vond dat de "desktop" -versie (die de standaardtabletversie is als er geen tabletversie is) voldoende is vertaald om het alleen te laten.
U weet nooit op welk apparaat iemand uw website gaat bekijken. Het is dus geweldig dat Muse de drie verschillende versies biedt. Het lijkt in eerste instantie een beetje beangstigend, maar meestal kost het niet veel meer moeite om je website opnieuw te dimensioneren om te worden geoptimaliseerd voor de twee andere opties. Het vereist een beetje tweaken en experimenteren, maar het is de extra moeite waard om je boodschap over te brengen, ongeacht welk apparaat de gebruiker bekijkt.
Bekijk de nieuwste aanbiedingen en functies van Adobe Muse op de startpagina van Adobe Muse.
Accentsconagua