english   italiano   español
 
4 June 2012
  • Imprimir   | EN| ES

    Album De Fotos E Imagens Interactivas Que Podem Ser Incluídos Em Qualquer Página Web: Leafletter

    Se pretende criar um album de fotos ou um portfólio digital com os seus trabalhos criativos ou, uma apresentação visual com imagens sobre um determinado tema, para que seja facilmente integrado numa página Web existente ou para ser distribuído viralmente pelo maior número de sítios Web possível, o Leafletter poderá ser o que procura.

    Na verdade, a solução Web Leafletter possibilita a criação fácil de micro-páginas Web de excelente aspecto a partir de qualquer texto ou imagens que pretenda utilizar. O mini portfólio visual é completamente navegável e pode ser incluído em qualquer blogue ou sítio Web sem esforço.


    "O Leafletter permite-lhe criar um mini sítio Web em Flash para o integrar (através de copiar e colar) em qualquer página Web, blogue ou página de rede social. Esta aplicação é muito útil para criar um portfólio virtual e foi concebida para designers, publicações media e para partilhar conteúdos multimédia."

    (Fonte: Telapuntozero)

    "Se é artista, designer ou fotógrafo ou se dedica a uma profissão em que pode usar um portfólio para mostrar o seu trabalho, o Leafletter é indispensável."

    (Fonte: TecnoChica)

    O Leafletter apela aos não geeks, a quem procura uma integração eficaz de elementos visuais e textuais nos seus sítios Web e, em particular, a quem precisa de mostrar ou oferecer um acesso mais detalhado a conjuntos de imagens e texto sem quebrarem a fluidez da página Web onde se inserem (como frequentemente acontece hoje em dia).

    Com ele, qualquer pessoa pode enviar e organizar várias imagens numa caixa visual personalizável, adicionar texto e hiperligações e publicar a widget Web com um mínimo de esforço.

    Na análise que se segue, mostro como o Leafletter promete criar layouts interessantes e inovadores que podem conter vários elementos de informação independentemente das suas capacidades técnicas e de design.

     


    Apresentando o Leafletter

    O Leafletter trás até nós a possibilidade de criar layouts com visualmente apelativos com uma simplicidade que me surpreendeu. Se pensar num cruzamento entre Web widgets - em termos da capacidade de criar e incluir conteúdo dinâmico - e as recentes ferramentas de apresentação on-line como a Spresent, estará relativamente perto.

    Mas o Leafletter não se insere em nenhuma das categorias pois a sua função principal é a criação de micro sítios Web conduzidos visualmente que pode navegar facilmente como se estivesse a folhear um catálogo ou portfólio. Por esta razão, será uma ferramenta popular para quem procure criar uma colecção de layouts de páginas tais como uma brochura on-line, um portfólio, uma apresentação de um sítio Web entre outras do género.



    O que interessa são as grelhas

    Actualmente, claro, o trabalho de design é feito quase exclusivamente através de computador, mas alguns dos métodos fundamentais utilizados na criação de layouts, permanecem inalterados. O Layout de grelhas foi concebido na era pré-computador, como o objectivo de criar designs coerentes que combinassem bem, com uma certa consistência visual. Se pensar na página (ecrã) como uma grelha, torna-se mais fácil colocar os elementos de uma forma visualmente agradável em vez de apenas reunir confusamente as imagens e texto.

    Leafeletter_page_layout_interface_550.gif

    O Leafletter funciona através deste simples sistema de grelha para tornar a partilha e apresentação de imagens tão fácil como seleccionar um dos 36 layouts existentes. Se isso parece restritivo, o que tem que recordar é que estas grelhas são pouco mais do que um esqueleto para o seu conteúdo. Quando tiver seleccionado a colocação das cores, imagens e texto na sua página final, a grelha terá desaparecido, deixando para trás apenas um design bem concebido. Veja qualquer revista e se procurar o suficiente, verá que o mesmo processo aconteceu.



    Tornar as grelhas suas

    Embora o Leafletter não lhe possa ensinar que cores combinam umas com as outras ou onde colocar as suas imagens e texto, pode sim facilitar o processo de testar várias possibilidades.

    Dentro dos quadrados e rectângulos que escolheu na sua grelha, tem três decisões básicas para tomar:

    • De que cor gostaria que o quadrado seja?

    • Irá o quadrado enquadrar uma imagem ou ficará em branco?

    • Ou irá usá-lo para adicionar texto ao seu layout?

    Estes são, claro, os fundamentos do layout - texto, imagens e blocos de cor colocados numa página. O Leafletter permite um pouco mais que isso, mas vejamos primeiro o básico.

    colour_ll.jpg

    O menu é simples e permite-lhe iniciar a personalização da sua grelha de layout. Cada quadrado individual pode ter uma cor diferente, que pode ser deixada em branco ou utilizada como fundo para uma imagem ou pedaço de texto. Como seria de esperar, há um bom espectro de cores para seleccionar e há uma boa variedade de vários tons à disposição, caso pretenda ir para um estilo monocromático para o seu design.

    Algo que gostaria de ver disponibilizado é a possibilidade de desligar as linhas da grelha, que por vezes sinto que incomodam o resultado visual do meu layout final. Seria bom ter blocos de cor disponíveis sem as linhas a atravessá-los e espero que em versões futuras do serviço isto seja opcional.

    image_ll.jpg

    Seleccionar imagens é também tão fácil quanto versátil. Pode enviar imagens directamente a partir do seu disco rígido, importar da sua conta Flickr ou até direccionar o Leafletter para qualquer endereço com uma imagem. Esta é uma forma muito flexível de oferecer imagens, e elimina o processo de as enviar individualmente se já tiver o seu trabalho on-line.

    Assim, embora as opções de recolha de imagens sejam de louvar, outra potencial melhoria que gostaria seria a inclusão de um browser visual do Flickr, como o disponível na SPresent.

    text_ll.jpg

    Adicionar texto a um bloco da sua grelha é ainda mais fácil do que adicionar imagens, existindo vários tipos de letra para escolher, para além de poder seleccionar a cor do texto, alinhar, justificar e todos os outros controlos tipográficos que normalmente encontra num programa de processamento de texto.

    Ao tirar partido destas boas variáveis de design tais como cores de fundo ou alinhamento e tamanho do tipo de letra, é possível criar alguns micro-designs realmente eficazes que podem ser utilizados em várias aplicações úteis.



    Para além da impressão - os elementos dinâmicos do Leafletter

    Leafletter vai mais além do que o meio de impressão, ao trazer elementos dinâmicos que possibilitam a ligação a imagens e texto e também na apresentação de informação sobre uma imagem.

    Assim, após a selecção de uma imagem, uma funcionalidade única oferece a possibilidade de adicionar mais profundidade de informação às próprias imagens: é-lhe dada a escolha entre dois tipos de imagem - uma imagem "estática" ou um "springboard".

    springboard3_ll.jpg

    Se escolher ter uma imagem estática, ela irá ajustar-se ao bloco da grelha onde a está a inserir - mas se optar por uma imagem springboard, a imagem utilizada irá adoptar um aspecto dinâmico. As imagens springboard têm a capacidade de mostrar dinamicamente um ícone de 'informação' de cada vez que coloca o cursor do rato sobre elas.

    springboard1_ll.jpg

    Para além disso, ao clicar nessas imagens, estas serão redimensionadas para preencher todo o layout do Leafletter e colocar o cursor do rato sobre o botão de 'informação' sob cada uma irá apresentar informação em texto sobre a imagem numa caixa de texto semi-transparente.

    springboard2_ll.jpg

    Tal funcionalidade permite-lhe comunicar a dois níveis: uma exclusivamente visual e uma outra mais aprofundada, que tira partido do auxílio da informação textual.

    Uma utilização eficaz de tal capacidade do Leafletter estaria também na entrega de apresentações semelhantes a widgets, onde a informação adicional de texto ligada a cada slide pode ser visualizada a pedido ao clicar na imagem ou em portfólios pessoais digitais, que beneficiariam bastante da simplicidade e eficácia de tal ferramenta.

    Para designers de media, por exemplo, o Leafletter oferece um instrumento de publicação e criação de portfólios imbatível, tornando extremamente fácil e eficaz dar acesso a trabalhos de design e publicação que tenha criado. Isto oferece o benefício único de poder dar acesso e mostrar o seu melhor trabalho em contexto, sem ter que enviar os seus visitantes para outro sítio Web.

    embed_ll.jpg

    De qualquer forma, caso queira ter o seu micro sítio Web alojado localmente, isto também é possível, pois é-lhe facultado um endereço Web único logo que tenha guardado o seu trabalho.



    Não um, mas vários

    O Leafletter também lhe dá a opção de criar layouts de várias páginas. Estas podem ser navegadas através dos números mostrados no fundo de qualquer micro sítio Web que crie. O resultado é um esquema de navegação rápido, especialmente porque os títulos aparecem sobre cada número de página quando coloca o cursor sobre elas. Esta é uma funcionalidade adicional para criar uma série de páginas interligadas absolutamente excelente.

    pages_ll.jpg

    Como nada é perfeito na Web e dado que o Leafletter é um serviço novo, tenho uma pequena frustração sobre esta barra de navegação, que podia ser mais intuitiva. Para alternar entre páginas, tem que clicar na primeira e depois arrastar o rato para a esquerda ou direita para activar a página seguinte. Para mim, seria melhor clicar apenas nos números e apresentá-los no fundo, para que tenha uma ideia de quantas páginas existem. Como está, é relativamente fácil que os utilizadores ignorarem as páginas 2, 3, 4 e seguintes devido a esta incomum escolha de navegação.



    Concluindo

    O Leafletter é uma ferramenta muito útil e irá interessar a quem pretende melhorar o aspecto dos seus sets do Flickr e a quem o querem utilizar em contexto profissional, tal como portfólios electrónicos e brochuras de produtos da Web.

    A facilidade com que estes layouts podem ser produzidos com o Leafletter é impressionante e, embora o serviço não seja de forma alguma um substituto para as arquitecturas de informação tradicional e design de sítios Web, as widgets de micro conteúdo que pode criar podem melhorar o seu sítio Web ou blogue de notícias, oferecendo a capacidade de reunir sets valiosos de imagens navegáveis, slides de apresentação ou visualizações de histórias directamente a partir de um conteúdo de contexto específico mais abrangente.

    Com uma vasta selecção de grelhas de layouts pré-definidas e edição por arrastar e largar, o Leafletter oferece uma forma completamente nova e eficaz de enriquecer, aprofundar qualquer página Web através da adição de um navegador de imagens e texto navegável, totalmente personalizável.

    Com ela, referências de apresentação de slides on-line, portfolios digitais pessoais, brochuras e também relatórios de pesquisa e notícias recentes podem adicionar uma camada extra de informação que não só enriquece a experiência do utilizador de várias formas mas que pode ser descoberta e navegada pelo leitor para saber mais sobre o assunto apresentado numa forma totalmente interactiva e personalizada.

    Pelo lado negativo, o Leafletter ainda tem muito que avançar para tornar esta simples ferramenta e as suas funcionalidades ainda mais eficazes. Primeiro, todas as imagens numa leafletter deveriam permitir zoom e o designer deveria poder decidir quando mostrar um "i" transparente nas que contêm informações extra. A navegação no fundo quando se utilizam várias páginas deveria também ser mais intuitiva tal como já referi antes.

    A performance poderá não ser como a de um Ferrari, mas parece que o Leafletter já está a ser melhorado neste aspecto.

    A possibilidade de seleccionar grupos arbitrários de células em vez de células isoladas seria uma adição agradável.

    Poder integrar miniaturas de sítios Web, criadas a pedido ao especificar um endereço, ou o envio e integração de outros formatos de ficheiro padrão, a possibilidade de aumentar imagens específicas opcionalmente numa janela flutuante, ou poder adicionar pequenos clips de áudio, poderão ser, do meu ponto de vista pessoal, adições úteis e formas eficazes de rentabilizar com funcionalidades exclusivas um já útil serviço grátis.



    Leitura de extensão

    Se o Leafletter lhe interessou, poderá querer visitar os seguintes sítios Web:


     

    Originalmente escrito por e publicado pela primeira vez na MasterNewMedia.

     

    Robin Good - Michael Pick -
     
    Comentários dos leitores    
    blog comments powered by Disqus

     

     


     

    Feed RSS de Notícias Diárias

     

     

    Curated by

    Publisher MasterNewMedia.org - New media explorer - Communication designer

     

     


    Real Time Web Analytics