Em 2011, a Adobe enviou ondas de choque através da comunidade de design, introduzindo Adobe Muse: software de design que fez sites. Você pode imaginar minha emoção e outros não-codificadores em todo o mundo. Eles criaram este editor WYSIWYG misturado com o InDesign que poderia produzir sites reais ao vivo. Como isso foi possível? Quais foram as limitações? O que os levou tanto tempo?

Eu devo admitir, eu tentei o Muse quando ele estava em beta e realmente não entendi porque não parecia natural o suficiente. Desde então, eu tinha ficado longe disso até recentemente. Meu colega estava me mostrando um maravilhoso site de paralaxe que ele fez e eu perguntei se ele poderia me ensinar como fazê-lo. Ele revelou para mim que não era grande coisa porque ele fez isso no Adobe Muse. Eu baixei imediatamente o Adobe Muse CC e tenho jogado com ele desde então.

A melhor parte do Muse é a Biblioteca repleta de widgets que você pode adicionar ao seu site. Widgets vão desde formulários de contato, caixas de luz, menus, apresentações de slides em tela cheia. Depois de criar o design do seu site, esses recursos na Biblioteca são o que adicionam o toque especial e a funcionalidade ao seu site. Eles são obviamente importantes, então hoje decidimos mostrar um monte de widgets estelares do Adobe Muse. Apreciar!

Preloader (grátis)

Há momentos em que há muita coisa acontecendo em um site. Às vezes, como designers, gostaríamos que essas coisas fossem carregadas antes de você ter a chance de vê-las. Faz uma declaração mais ousada quando cada peça é mostrada em conjunto, em vez de permitir que ela apareça uma de cada vez. Este widget do Preloader adiciona uma animação giratória junto com uma mensagem personalizada, visível aos leitores antes de ver a página.

preloader

Barras de Navegação (grátis)

Os menus são muito fáceis de fazer no Muse, no entanto, eles são simples na biblioteca de widgets. Eles são cinzentos sem estilo real e vão ter muita criatividade para fazer algo divertido e único. Esse widget elimina o palpite da criação de barras de navegação coloridas e interessantes, fornecendo 5 variações prontas para uso.

navegação

Protótipos (grátis)

Não é segredo que criar um site no Muse é excepcionalmente fácil. É uma questão de arrastar e soltar o que você quer no lugar. Uma coisa que Muse está perdendo é a capacidade de ter espaços reservados para imagens quando você está apenas tendo ideias ou talvez as imagens ainda não estejam prontas. O Muse também não possui nenhum tipo de gerador de texto fictício. Esse é um widget simples que corrige esse problema criando vários protótipos e espaços reservados diferentes para serem usados ​​quando você está apenas criando ideias no Muse.

protótipos

Caixa de FAQ (grátis)

Se você já usou o Muse, você saberá que alguns widgets já estão disponíveis, mas quando você quiser usá-los, terá que fazer muitos estilos para eles, a fim de obtê-los da maneira que desejar. Este widget da Caixa de FAQ é uma combinação de diferentes widgets que cria uma caixa de Perguntas frequentes padrão que revela uma pergunta e resposta ao lado de sua representação gráfica. Este é definitivamente um widget útil para sites de produtos e negócios.

Perguntas frequentes

Galeria Genius (grátis)

A Genius Gallery é uma tentativa de criar uma galeria de imagens junto com uma mesa de luz para aqueles de nós que querem exibir algumas fotografias ou outros trabalhos. É altamente decorado, mas pode ser editado, o que o torna um ótimo lugar para começar um portfólio de imagens. A caixa de luz contém muito espaço para explicar um projeto e como ele foi feito.

gênio

Mobile Lite (grátis)

A maioria dos widgets nessa lista são formas de adicionar estética à sua página. Este é diferente porque adiciona algum código à sua página. Esse código permite que o seu site seja baixado em alguns iPhones e seja exibido de maneira muito semelhante a um aplicativo em um dispositivo móvel. Isso é definitivamente útil se você tiver um site cheio de informações para seus leitores.

Móvel

Biblioteca de ícone de mídia social (grátis)

O Muse possui widgets que acompanham o programa dedicado às mídias sociais. O problema com estes é que eles não são ícones, mas mais como os botões associados a seguir ou gostar de cada conta. Se você não está interessado nisso, mas prefere ter um link para cada conta, este é o widget para você. Cada ícone vem em forma de círculo, quadrado ou queda.

social

Squarebox Slider (grátis)

Sliders são um pouco problemáticos no Muse, mas existem alternativas disponíveis. Este widget cria um controle deslizante que usa elementos quadrados e de bloco. Isso significa que o plano de fundo do controle deslizante pode ter uma cor sólida, enquanto objetos diferentes deslizam pelo plano de fundo (como capturas de tela, de aplicativos e muito mais). Squarebox Sliders são ótimos para qualquer tipo de empresa ou site de aplicativos para celular.

caixa quadrada

Biblioteca de wireframe (grátis)

Nós não falamos muito sobre o uso do Muse como uma ferramenta para armação de arame. De fato, existem programas e aplicativos que criam wireframes clicáveis ​​para você. Mas por que desperdiçar dinheiro comprando todo um novo programa? Com este kit de widgets, você pode criar wireframes que são construídos como sites completos.

wireframe

Animação Introdução (grátis)

Se você está procurando uma maneira legal de mostrar seu site, este pode ser o widget para você. É uma animação de introdução simples que percorre várias frases antes de carregar sua página inicial. Com alguns estilos rápidos e pensamento criativo, isso pode realmente levar o seu site ao ponto.

animação

Galeria do carrossel da Kodak (grátis)

Existem dicas de ferramentas no Muse que são muito simples. Esta Galeria Kodak cria um menu de dicas de ferramentas que lembra alguns produtos da Apple que alteram todo o ambiente quando você rola por cima dele. É uma ideia maravilhosa e definitivamente útil para sites de uma única página que querem mostrar muitas informações em um único lugar.

kodak

Lance's Sample MuCows (grátis)

Lance da equipe do Adobe Muse configurou alguns exemplos de MuCOWs (Muse Configurable Options Widgets) em um tutorial dele. Hoje, esses widgets estão disponíveis para uso por qualquer pessoa. Eles incluem algumas coisas bem legais, como estilos de linha, texto e imagens deslizantes e data atual. Existem algumas coisas muito úteis e simples nesses widgets.

mucow

Video Lightbox (grátis)

O lightbox de vídeo é um widget bastante simples que permite visualizar o vídeo quando você clica em uma miniatura. Obviamente, isso é diferente da forma mais simples, onde você apenas visualiza imagens. Isso é ótimo para aqueles de nós que têm um portfólio que mostra um pouco do trabalho de vídeo.

mesa de luz

Smart Pie Charts (US $ 9)

Este é um maravilhoso widget para aqueles que criam portfólios, sites de páginas únicas ou até mesmo relatórios que podem usar alguns infográficos / representação gráfica. Estes Smart Pie Charts são facilmente editados e animados para adicionar um pequeno movimento à página.

catalisador

Galeria de fotos enorme (US $ 9)

No caso de você querer colocar mais de uma galeria de fotos em uma página, esse widget é para você. Talvez você tenha um monte de categorias diferentes de fotos que deseja compartilhar ou talvez queira apenas condensar o que você precisa para uma determinada área. Esta galeria de fotos expansível e recolhível ajuda a organizar suas fotos.

massivo

Rollover JS (US $ 9)

O Muse permite que você crie estados ativos e de foco nos seus links, mas não permite adicionar imagens de animações a suas sobreposições. Este widget usa animações de Borda para criar sobreposições para suas imagens vinculadas.

rolar

Aba do Formulário Adesivo ($ 9)

O widget Sticky Form é excepcionalmente útil para quem cria sites com produtos ou serviços que exigem muito contato e suporte. Esse widget cria um formulário que fica oculto até ser chamado, mas é fixado em cada lado da tela. É definitivamente um dos usos mais funcionais de um formulário e definitivamente útil para os usuários do Muse.

pegajoso

Muse Themes Widget Library (US $ 39 por ano)

Se você tem US $ 39 para poupar em grandes widgets profissionais, este é o lugar para você estar. O Muse Themes oferece mais de 60 widgets, desde sliders a galerias de fotos e formulários de contato. Essa biblioteca sozinha pode economizar horas de estilo e criação no Muse para projetos. Esta biblioteca é um ótimo investimento.

Ferramentas e recursos do Adobe Muse Widgets - por Muse Themes

Conclusão

Se você já usou o Muse antes, você saberá que existem algumas limitações para o que você pode fazer somente no Muse. Agora, se você sabe um pouco de codificação, o Muse é uma ótima maneira de iniciar um site que você pode editar para adicionar mais. Essas adições ajudam você a adicionar funcionalidade e algumas peças de design da Web mais modernas ao seu novo site.

O Adobe Muse ainda é relativamente novo e, com o passar do tempo, a Adobe criará novas atualizações e adicionará novos recursos, enquanto os desenvolvedores de widgets continuarão criando. O futuro é brilhante para o Muse.

Você usa o Adobe Muse para seus projetos? Perdemos um dos seus widgets favoritos? Deixe-nos saber nos comentários.