Adobe Muse, crie sites profissionais sem precisar programar

Adobe Muse, crie sites profissionais sem precisar programar

Se você quer criar sites profissionais com liberdade de criação, de forma responsiva e sem precisar sequer digitar uma linha de código, então você precisa aprender o Adobe Muse.

Adobe Muse
Adobe Muse

Lan√ßado em 2011 o Adobe Muse foi sofrendo diversas modifica√ß√Ķes ¬†e melhorias at√© a vers√£o atual onde permite que se defina o layout de forma responsiva, de forma bem mais facilitada.

Para quem j√° est√° familiarizado com as demais ferramentas Adobe¬†(Photoshop, Illustrator, InDesign, etc.),¬†a curva de aprendizado ser√° muito mais r√°pida, j√° que as principais ferramentas seguem o mesmo padr√£o. √Č poss√≠vel ainda uma boa integra√ß√£o com¬†outros programas da Creative Cloud; a importa√ß√£o e exporta√ß√£o de arquivos tamb√©m pode ser feita. Exemplo √© ao criar seu layout no Photoshop, o Muse entender as mesmas camadas ao importar.

Exemplo de Integração entre Adobe Illustrator e Adobe Muse

Fluxo de Trabalho

O Fluxo de trabalho no¬†¬†Adobe Muse segue¬†4 etapas: Planejamento, Design, Pr√©-visualiza√ß√£o e Publica√ß√£o. Ele possui uma tela que permite ver de forma f√°cil o Workflow, desta forma n√£o ser√° necess√°rio um outro aplicativo para esta fun√ß√£o. O Design pode ser feito diretamente nele, ou ent√£o importado de outro aplicativo como Adobe Photoshop ou Illustrator, permite que se pr√©-visualize o seu web site em tempo real e possui ferramentas que facilitam a publica√ß√£o. Ap√≥s a publica√ß√£o √© poss√≠vel atrav√©s de um endere√ßo especifico protegido por login e senha que se fa√ßam altera√ß√Ķes de texto e imagens remotamente, e o mais bacana, ao abrir novamente o projeto no Adobe Muse, ele avisa que ocorreram altera√ß√Ķes e pergunta se voc√™ quer atualizar o projeto.

Workflow Adobe Muse
Workflow Adobe Muse

 

Adaptativo x Responsivo

At√© a vers√£o 2014 o Adobe Muse permitia a cria√ß√£o de sites adaptativos, ou seja,¬†obrigava a produ√ß√£o de p√°ginas separadas para cada dispositivo ‚Äď desktop, tablet e mobile.

Layout adaptativo nas vers√Ķes anteriores do Muse
Layout adaptativo nas vers√Ķes anteriores do Muse

Na nova vers√£o podemos criar uma √ļnica p√°gina web, com layout fluido, no qual os objetos ser√£o redimensionados e/ou posicionados conforme a largura do navegador. √Č poss√≠vel come√ßar um novo projeto como layout fluido ou converter um site j√° criado como layout fixo em fluido. Desta forma basta iniciar o seu projeto e definir os¬†breakpoint e scrubber que o Adobe Muse possui.

Layout fluido no Adobe Muse
Layout fluido no Adobe Muse

Bibliotecas e Transi√ß√Ķes

Um outro grande recurso do Adobe Muse é a integração de diversas bibliotecas que ele permite, sendo elas nativas do programa, ou desenvolvidas por terceiros, estas bibliotecas auxiliam bastante na criação de seu projeto. São bibliotecas para formulários, menus, Janelas Modal, efeitos, integração com redes sociais, etc.

Exemplo de biblioteca para Loja virtual
Exemplo de biblioteca para Loja virtual

Com a tecnologia do Adobe Muse √© poss√≠vel adicionar efeitos de Paralax e Scrolling em seus sites,¬†por exemplo, colocar objetos que ‚Äúcaem‚ÄĚ na tela junto com o movimento da barra de rolagem. Isso pode ser feito com caixas de conte√ļdo ou imagens que sejam importantes para a p√°gina.

Exemplo de scrolling

E sempre tem mais novidades.¬†Um recurso t√≠pico da web √© a mudan√ßa da apar√™ncia de objetos e bot√Ķes conforme o evento (mouse ou touch) aplicado. O Adobe Muse cuida da¬†apar√™ncia dos objetos, atrav√©s do painel States¬†com as op√ß√Ķes Normal, Rollover, Mouse Down e Active.

Adobe Muse - States
Adobe Muse – States

Sites Muse

Diversas empresas e profissionais tem usado o Adobe Muse para criação de seus sites.

Abaixo alguns exemplos:

A pr√≥pria Adobe mant√©m um reposit√≥rio para que os desenvolvedores possam encaminhar os Web Sites –¬†http://resources.muse.adobe.com/collections/site-of-the-day

Desta forma é visto como o Adobe Muse é um ótimo aplicativo para desenvolvedores e Web Designers. Devido a sua facilidade e profissionalismo, com poucos passos, um site já pode ser criado.

Quer conhecer e aprender como utilizar o Adobe Muse para criar seus projetos de forma responsiva e profissional, Entre em contato conosco.

 

Share this post


× Whatsapp