X Course Advisor FREE Course Advisor
(Close)
Watch Tutorials
macProVideo.com
Close

Acesso Premium Free

Acesso a nossa biblioteca completa de artigos Hub Premium, arquivos de projeto e os primeiros 10% de cada Tutorial-Video da Biblioteca Tutorial on-line .

Criar sua conta gratuita agora!

Comentário: 5 coisas que o amor sobre Adobe Muse (Codename)
Traduzido pelo Google Translate

Com o lançamento do Adobe InDesign CS5 fez uma mudança considerável no sentido de permitir designers para fazer documentos interativos sem, e este é o bit realmente importante, sem ter que primeiro aprender qualquer código que assim sempre. Pegue o objeto do painel Estados como um exemplo. De repente, um mundo de design interactivo SWF abriu as suas portas até mesmo para os designers mais imprimir hardcore. E assim a revolução, se é isso que é continua com o Muse software Beta codinome.

Muse é um pacote de edição HTML5 que utiliza os benefícios web design de CSS3, mas que requer nenhuma codificação. Na verdade, o software é tão não-código isso é o seu fluxo de trabalho básico, layout e terminologia está mais associada com o InDesign de Dreamweaver. E é que a emulação do InDesign que realmente abre Muse (working title) até Designers.

Há lotes de recursos muito interessantes no Muse que o tornam uma aplicação muito simples para qualquer pessoa com um conhecimento básico para InDesign se familiarizar com. Eu escolhi cinco dos meus recursos favoritos para você.


Característica 1 - Ver o plano

O plano é vista em muitas maneiras o equivalente ao Painel de Páginas no InDesign, apenas com a característica adicional de ser um web-site que está sendo montado como um mapa do site ao invés de um documento.

Plan View

Plano View.


Vamos começar por olhar para a estrutura e layout em primeiro lugar. Ao lado da primeira página (esta será a sua página de índice) você vai ver pequenos "" botões. Clicando no botão à direita da primeira página adiciona uma segunda página para o site.

An Added page.

Uma página adicionada.


As páginas são unidas por uma pequena linha de conexão. Essa linha será usada para gerar navegação, como você verá mais tarde. Continue clicando no botão para adicionar novas páginas, antes ou após as páginas de idade. Tão simples.

The bottom   button

O botão inferior


O botão na base de cada página tem um papel diferente. Ao clicar neste botão acrescenta Páginas Sibling. Páginas irmãos são páginas que só podem ser ligadas a partir da sua página de adicioná-los para.

The Sibling page

Uma página Sibling.


Usando os botões para formar uma estrutura de site significa que ele não leva muito tempo até que você tenha criado esse tipo de coisa.

Site Map

Mapa do Site.


Não é preciso muito esforço também. Assim como no InDesign páginas selecionadas podem ser eliminados utilizando no botão da lixeira também.


Recurso 2 - Master Pages

Como designer, você sabe o quão importante a consistência em seu projeto é para a experiência do usuário para ser uma boa, independente do meio. Usando páginas mestras nos Muse é uma ótima maneira de facilitar isso. Se você estiver familiarizado com Páginas Mestre em InDesign, então você já vai entender esse conceito. Se você é novo Páginas Mestras a melhor imagem que eu posso pensar por você é Templates.

A Master Page.

A página Master.


Clique duas vezes na página mestra para abri-lo. Repare que há dois pares de guias? Estes são pré-selecionado como cabeçalho para o top pair e rodapé para o par de fundo.

Header guide

Cabeçalho guia.


Ajustá-los como faria com qualquer guia para levá-los na posição.

Conteúdo lugar que precisa ser consistente em mais de uma página, pressionando Command-D para abrir as opções de local ou selecionando uma das ferramentas para gerar, por exemplo, uma caixa de texto ou uma forma.

Content placed on master page plus tools

Conteúdo colocado no master page além de ferramentas.


Tente fazer algumas variações por qualquer adicionando mais páginas mestre ou duplicação (botão direito do mouse e escolha 'Duplicar') a uma corrente e fazer modificações.

A página de Um Mestre é automaticamente aplicado a todas as páginas. Para aplicar uma página mestra diferentes para suas páginas, arraste uma página mestra do grupo de páginas mestre ao longo de uma página na exibição de Plano e liberá-lo quando a página destaques.

Page with master applied and extra content

Página com o mestre aplicado e conteúdo extra.


A página pode ainda ser editado, onde não há o conteúdo da página principal, então na realidade, uma página pode ser composta de 80% de conteúdo adicionado na página e conteúdo de 20% da Master Page, por exemplo.

DICA: Páginas Mestre ainda pode ser editado no grupo Páginas Mestre, basta lembrar que todas as mudanças feitas para o Master Pages são globais e por isso será refletido nas páginas que têm essa página mestra específica aplicada.


Característica 3 - Objeto Pinning

Usando as opções de formatação em CSS posição para o pino de um objeto para uma posição na janela do navegador pode ser bastante complicado se você não tiver certeza de que você está fazendo. Muse, entretanto, tem encontrado uma maneira simples e eficiente de fazer exatamente isso.

The Pin option

A opção Pin.


Selecione um objeto ou grupo na página que não deve se mover de sua posição atual, talvez uma barra de navegação, por exemplo.

Navigation selected and pinned

De navegação selecionado e imobilizado.


No painel de controle clique em uma das opções de Pin, que eu escolhi canto superior esquerdo.

Clique no botão Preview para ver sua página HTML, agora tentar rolar a página (pode ser necessário adicionar mais conteúdo para permitir o deslocamento).

Pinned object stays put

Objeto fixado permanece estável.


O objeto preso permanece preso ao canto superior esquerdo da janela do navegador, em vez de a página.


Característica 4 - Customize Navigation

Na visão Plano Eu tenho uma estrutura de site, e todas as páginas e páginas Sibling são nomeados.

Plan view busy

Uma visão Plano de ocupado.


Agora eu uso essa estrutura do site para criar automaticamente navegação do site.

Widgets

O painel de Widgets.


Arraste o Menu para a primeira página do site e colocá-lo na posição.

Dica: As páginas mestras são um local ideal para este tipo de coisa.

Menu on the page

Menu na página.


Este widget é um widget inteligente que automaticamente nomes de cada link e cria um hiperlink para a página.

The Options area

As Opções de HUD.


Aqui você pode escolher o tipo de menu que você deseja, tais como o nível de navegação desejada, Pages ou apenas incluir páginas Sibling por exemplo.

The Control Panel

O Painel de Controle.


Ao estilo do menu para combinar com o seu site utilizar as opções de cores e opções de fonte disponível no Painel de controle, como muitos outros aplicativos da Adobe.


Característica 5 - Botões Importando do Photoshop CS5

Isso tem que ser o meu recurso favorito de todos, pois permite o design dos botões usando camadas Photoshop para estados de botão.

Photoshop layers

Camadas do Photoshop.


Aqui eu tenho uma imagem do Photoshop que eu fiz, um botão com um desenho camada diferente para cada estado.

De volta a Muse, coloque o arquivo photoshop como um botão de Photoshop, escolha Arquivo

Button Options

Opções de botão.


Na caixa de opções que aparece cada camada corresponde a cada estado de botão, Up, Over, etc Em seguida, coloque o botão na página.

Mude para o modo de visualização e testar o botão. Cada camada photoshop é revelada quando seu estado correspondente é ativado pelo cursor.

The States panel

Os Estados do painel.


O Painel de Estados permite que cada estado do botão Photoshop a ser monitorado e modificado após a colocação.


Conclusão

Por isso tem Adobe atingiu o curso de direito com Muse, ou mesmo o que quer que pode ser chamado na época de lançamento? Bem, eu teria que dizer ... Sim! Muse é uma grande ferramenta para designers para transferir seus conhecimentos de impressão para Web sem envolver código. Não que eu estou dizendo que algo está errado com a codificação, mas para muitos designers HTML e CSS não são parte de seu conjunto de ferramentas.

Se você quiser experimentar a versão beta do Muse seguida, visite o site da Adobe e fazer o download gratuitamente aqui .


David Smith

David Smith | Articles by this author

David Smith is Scotland's most qualified Apple and Adobe certified trainer. Having completed his education at Edinburgh College of Art's BAFTA winning Film School, David moved straight into TV production, first as a Vision Mixer then quickly becoming, at the age of just 24, a director of live TV studio productions. In 2001 he moved into Higher Education where he became a lecturer in TV Production, specializing in post-production and live studio production. During this time, and working with the support of the BBC, Channel 4 and independent production companies, David was instrumental in the design, development and implementation of industry-approved vocational courses across Scotland's Colleges. In 2006, after working closely with Apple Computers to create a unique multimedia studio for education at the Music and Media Centre in Perth, David became Scotland's first Apple-Certified Trainer for Pro Apps. This led on to David forming the first Apple Authorized Training Centre for Education, north of Manchester. In 2008 David made the move to full time training and joined the ranks at Academy Class, Ltd. where he continues to train industry professionals as a certified trainer across the Adobe Creative Suite and Apple Pro Apps range.

Comments

You must be logged in to post a comment.
Create an Account  Login Now

What is macProVideo.com?

macProVideo.com is an online education community featuring Tutorial-Videos & Training for popular Audio & Video Applications including Adobe CS, Logic Studio, Final Cut Studio, and more.
© 2018 macProVideo.com
a division of NonLinear Educating Inc.
Link