I 2011 sendte Adobe sjokkbølger gjennom designmiljøet ved å introdusere Adobe Muse: design programvare som laget nettsteder. Du kan forestille deg spenningen min, så vel som andre ikke-kodere over hele verden. De opprettet denne WYSIWYG-editor blandet med InDesign som kunne produsere ekte live-nettsteder. Hvordan var dette mulig? Hva var begrensningene? Hva tok dem så lenge?

Jeg må innrømme at jeg prøvde Muse når den var i beta og egentlig ikke fikk det fordi det ikke virkelig følte seg naturlig nok. Siden da hadde jeg bare bodd vekk fra det til nylig. Min kollega viste meg et flott parallax nettsted han laget, og jeg spurte ham om han kunne lære meg hvordan å gjøre det. Han avslørte for meg, det var ikke så mye fordi han hadde gjort det i Adobe Muse. Jeg lastet ned Adobe Muse CC umiddelbart og har spilt med det siden.

Den beste delen om Muse er biblioteket fylt med widgets som du kan legge til på nettstedet ditt. Widgets spenner fra kontaktskjemaer, til lysbokser, til menyer, til lysbildeserier på fullskjerm. Etter at du har opprettet utformingen av nettstedet ditt, er disse funksjonene i biblioteket det som legger til pizzazz og funksjonalitet til nettstedet ditt. De er åpenbart viktige, så i dag har vi bestemt oss for å vise frem en mengde flotte Adobe Muse-widgets. Nyt!

Preloader (gratis)

Det er tider når det skjer mye med et nettsted. Noen ganger som designere, vil vi virkelig like disse tingene å laste før du får sjansen til å se dem. Det gjør en dristigere erklæring når hvert stykke vises sammen i stedet for å la det komme opp en om gangen. Denne Preloader-widgeten legger til en spinnende animasjon sammen med en egendefinert melding, synlig for leserne før de ser siden.

preloader

Navigasjonsbjelker (gratis)

Menyer er ganske enkle å lage i Muse, men de er blide rett ut widget-biblioteket. De er grå uten ekte stil og vil ta mye kreativitet for å gjøre noe morsomt og unikt. Denne widgeten tar gjetningen ut av å skape fargerike og interessante navigasjonsfelt ved å tilby 5 ferdige variasjoner.

navigasjon

Prototyper (gratis)

Det er ingen hemmelighet at å lage et nettsted i Muse er usedvanlig enkelt. Det er et spørsmål om å dra og slippe det du vil ha på plass. En ting som Muse mangler, er evnen til å få plassholdere til bilder når du bare har ideer eller kanskje bildene ikke er klare ennå. Muse har heller ikke noen type dummy tekstgenerator. Dette er en enkel widget som løser dette problemet ved å lage flere forskjellige prototyper og plassholdere som skal brukes når du bare lager ideer i Muse.

prototyper

FAQ Box (gratis)

Hvis du har brukt Muse, vet du at det finnes noen widgets som allerede er tilgjengelige, men når du vil bruke dem, må du gjøre mange stiler for dem for å få dem slik du vil. Denne FAQ Box-widgeten er en kombinasjon av forskjellige widgets som lager en standard FAQ-boks som avslører et spørsmål og svarer ved siden av den grafiske representasjonen. Dette er definitivt en praktisk widget for produkt- og forretningssider.

FAQ

Genius Gallery (gratis)

Genius Gallery er et forsøk på å lage et bildegalleri sammen med en lysbok for de av oss som ønsker å vise frem noen fotografering eller andre arbeidsstykker. Det er svært dekorert, men kan redigeres, noe som gjør det til et flott sted å starte for en bildeportefølje. Lysboksen inneholder god plass til å forklare et prosjekt og hvordan det ble gjort.

geni

Mobile Lite (gratis)

De fleste av widgetene på denne listen er måter å legge til estetikk på siden din. Denne er forskjellig fordi den legger til noe kode på siden din. Denne koden tillater at nettstedet ditt kan lastes ned på noen iPhones og sett på som en app på en mobil enhet. Dette er definitivt nyttig hvis du har et nettsted fullt av informasjon for leserne dine.

mobil

Social Media Icon Library (gratis)

Muse har widgets som følger med programmet som er dedikert til sosiale medier. Problemet med disse er at de ikke er ikoner, men mer som knappene knyttet til å følge eller likte hver konto. Hvis du ikke er interessert i det, men helst vil ha en kobling som tar til hver konto, så er dette widgeten for deg. Hvert ikon kommer som en sirkel, firkant eller formular.

sosial

Squarebox Slider (gratis)

Skyveknappene er litt av et conundrum i Muse, men det finnes arbeid rundt. Denne widgeten lager en glidebryter som bruker firkantede og blokkerte elementer. Dette betyr at skyvekontrollens bakgrunn kan være en solid farge, mens forskjellige objekter glir over bakgrunnen (for eksempel skjermbilder, appbilder og mer). Squarebox-glidebrytere passer perfekt til enhver type forretnings- eller mobilappwebside.

squarebox

Wireframe Library (gratis)

Vi snakker ikke mye om å bruke Muse som et verktøy for wireframing. Faktisk er det programmer og applikasjoner der ute som lager klikkbare wireframes for deg. Men hvorfor kaste bort penger ved å kjøpe et helt nytt program? Med denne widgeten, kan du lage wireframes som er bygget ut som fulle nettsteder.

wireframe

Animasjon Innledning (gratis)

Hvis du leter etter en kul måte å vise frem på ditt nettsted, kan dette være widgeten for deg. Det er en enkel introduksjon animasjon som ruller gjennom en haug med setninger før du laster opp hjemmesiden din. Med noen raske stylinger og kreativ tenkning, kan dette virkelig ta ditt nettsted over-the-top.

animasjon

Kodak Carousel Gallery (gratis)

Det er verktøytips i Muse som er veldig enkle. Dette Kodak Gallery lager en verktøytipsmeny som minner om noen Apple-produkter som endrer hele miljøet når du ruller over det. Det er en fantastisk ide og definitivt nyttig for nettsider som ønsker å vise mye informasjon på ett enkelt sted.

kodak

Lance sample MuCows (gratis)

Lance av Adobe Muse-teamet konfigurerte noen eksempler MuCOWs (Muse Configurable Options Widgets) i en opplæring av hans. I dag er disse widgets tilgjengelig for bruk til alle. De inkluderer noen ganske kule ting som linje stiler, skyve tekst og bilder og nåværende dato plass holdere. Det er noen veldig nyttige og enkle ting i disse widgetene.

mucow

Video Lightbox (gratis)

Videoboksen er en ganske enkel widget som lar deg se video når du klikker på et miniatyrbilde. Åpenbart er dette annerledes enn det enklere skjemaet, hvor du bare ser bilder. Dette er flott for de av oss som har en portefølje som viser en liten bit av videoarbeid.

lysboks

Smart Pie Charts ($ 9)

Dette er en fantastisk widget for de av oss som lager porteføljer, enkelsidede nettsteder eller rapporter som kan bruke noen infografiske / grafiske representasjoner. Disse Smart Pie-diagrammene er lett redigert og animert for å legge til en liten bevegelse på siden.

katalysatoren

Massiv Fotogalleri ($ 9)

I tilfelle du vil legge inn mer enn ett fotogalleri på en side, er denne widgeten for deg. Kanskje du har en rekke forskjellige kategorier med bilder du vil dele, eller kanskje du bare vil kondensere det du må passe et bestemt område. Dette utvidbare og sammenleggbare fotogalleriet hjelper deg med å organisere bildene dine.

massiv

Rollover JS ($ 9)

Muse lar deg opprette aktive og svevende stater for koblingene, men gjør det ikke mulig å legge til bilder av animasjoner til rolloverene dine. Denne widgeten bruker Edge-animasjoner for å lage rollovers for dine koblede bilder.

rull over

Klistremerke med klistremerke ($ 9)

Sticky Form-widgeten er usedvanlig nyttig for de som lager nettsteder med produkter eller tjenester som krever mye kontakt og støtte. Denne widgeten lager et skjema som er skjult til påkallet, men er festet til hver side av skjermen. Det er definitivt en av de mest funksjonelle bruken av et skjema og definitivt nyttig for Muse-brukere.

klissete

Muse Themes Widget Library ($ 39 per år)

Hvis du har $ 39 ekstra på flotte, profesjonelle widgets, er dette stedet for deg å være. Muse Temaer tilbyr over 60 + widgets som spenner fra glidere til fotogallerier og kontaktskjemaer. Dette biblioteket alene kunne spare deg for timer med stilisering og bygging i Muse for prosjekter. Dette biblioteket er en stor investering.

Adobe Muse Widgets Verktøy og ressurser - av Muse Temaer

Konklusjon

Hvis du noen gang har brukt Muse før, vil du vite at det er noen begrensninger på hva du kan gjøre alene i Muse. Nå, hvis du vet litt om koding, er Muse en fin måte å starte et nettsted som du kan redigere for å legge til flere. Disse tilleggene hjelper deg med å legge til funksjonalitet og noen trendy webdesign-brikker til ditt nye nettsted.

Adobe Muse er fortsatt ganske nytt, og etter hvert som tiden går videre, vil Adobe opprette nye oppdateringer og legge til nye funksjoner, mens widgetutviklere vil fortsette å lage. Fremtiden er lys for Muse.

Bruker du Adobe Muse for dine prosjekter? Har vi savnet en av dine favoritt widgets? Gi oss beskjed i kommentarene.