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 – //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.