Propaganda

freemind web designQuando você pensa em ferramentas que pode usar para criar páginas da web, provavelmente pensa em coisas como Kompozer ou Firebug Guia do amador para personalizar o design do site com o FireBug consulte Mais informação . No entanto, e se eu lhe dissesse que uma ferramenta que pode realmente impulsionar sua criatividade quando se trata de formular um layout de web design é um mapa mental?

Abordamos muitas ferramentas de mapeamento mental aqui no MUO. Nancy revisou Caixas de pensamento Caixas de pensamento: o mapeamento mental atende à sua lista de tarefas consulte Mais informação e Jeffry cobriu Ferramentas de mapeamento mental para Mac MindMapping: 3 software simples de mapeamento de ideias para Mac consulte Mais informação . Eu acho que meu aplicativo favorito de mindmapping de todos eles é o projeto de código aberto FreeMind.

Mente livre é uma daquelas maravilhosamente simples de usar, mas tão complexa quanto você precisa quando realmente precisa. Essa é a beleza disso. Portanto, para pessoas particularmente criativas, um aplicativo como o FreeMind literalmente libera sua mente para explorar em qualquer direção que você deseja seguir. Quando você está tentando fazer algo tão abstrato e complexo como projetar o fluxo e a função de um site, esse é o tipo de flexibilidade que você precisa.

instagram viewer

Aqui no MUO, procuramos ajudar os leitores a "fazer uso de" aplicativos de maneiras que você pode não ter considerado antes. Tenho certeza de que alguns de vocês usaram ferramentas de mapeamento mental para esse fim - afinal, é uma multidão inteligente. Mas, para aqueles que nunca consideraram usar uma ferramenta de mapeamento mental para criar seu novo site, deixe-me levá-lo a um passeio pelo jardim de design para web FreeMind.

Criando um site com FreeMind

Na sua forma mais simples, acho que fica muito óbvio muito rápido exatamente por que uma ferramenta de mapeamento mental como o FreeMind é ideal para web design. Em apenas alguns minutos, usando apenas a opção "New Child Node" no FreeMind, gerei um mapa de nível superior do meu blog.

Como você pode ver, o FreeMind permite iniciar a partir de uma página principal - não precisa ser a página principal do seu site, pode ser qualquer página inicial - e depois rastrear o caminho dos links no seu novo site.

freemind web design

Neste exemplo, projetei uma página principal com seis links de navegação para as seis principais subseções do meu site. Eu provavelmente também deveria ter adicionado uma página de "recursos" ou "artigos", já que esse é o objetivo de um blog. Mas essa é a beleza de um mapa mental - você pode ajustá-lo e alterá-lo para se adequar às idéias de design que surgem em sua mente ao longo do caminho.

Obviamente, ao começar a criar seu site e ter páginas reais para mostrar, você pode adicionar hiperlinks a essas páginas diretamente do seu mapa mental. Assim, ao criar seu site com base no seu plano FreeMind, você pode literalmente acompanhar tudo, desde o próprio plano.

freemind para mapeamento de sites

Deseja verificar a página de contato que você editou há algum tempo? Não se preocupe em abrir o navegador e digitar o URL, basta clicar no link do FreeMind e você estará lá.

freemind para mapeamento de sites

Você pode ver o URL do link passando o mouse sobre o nó - ele aparece na barra de status inferior.

A criação de hiperlinks torna mais conveniente acessar as páginas que você está criando, o que obviamente tornará todo o processo de design da web mais eficiente. O mapa mental do seu site pode servir como seu hub central - seu roteiro de web design - no qual você pode trabalhar para concluir todo o seu projeto de design.

Outro recurso muito interessante do FreeMind é a capacidade de adicionar imagens aos nós. Basta clicar em Inserir - imagem no menu ou clique no nó e pressione Alt-K. Basta procurar o arquivo de imagem que você deseja usar. É muito mais fácil se você dimensionar a imagem para que ela tenha o tamanho da miniatura - caso contrário, será necessário ajustar a visualização do código HTML no FreeMind depois de importar a imagem.

freemind para mapeamento de sites

Clique na imagem e surge uma ferramenta de edição que permite adicionar uma pequena legenda abaixo da imagem. Você pode usar isso para adicionar um pouco de pizzaz ao seu mapa mental de web design. Usei-o para mostrar as imagens dos escritores, e o próprio nó representa a página de perfil no site.

site freemind

Se você não se importa com o tamanho do mapa, pode até inserir instantâneos de visualização das páginas, as imagens que você acha que representam a finalidade da página ou qualquer outro uso para imagens de nós que você pode vir com. Pessoalmente, gosto de usar imagens no meu mapa mental de web design, pois oferece mais caracteres e oferece uma prévia do conteúdo da página para qualquer pessoa que esteja visualizando o mapa pela primeira vez Tempo.

Outro recurso muito interessante do FreeMind, que se encaixa perfeitamente no conjunto de ferramentas de design da web, é a ferramenta Gerenciamento de tempo, integrada diretamente ao FreeMind. Você pode chegar lá acessando "Ferramentas" e depois escolhendo "Mostrar calendário". Isso exibirá uma grande janela de "Gerenciamento de tempo" do calendário.

site freemind

Você pode aplicar datas aos nós clicando em “Anexar Data aos Nós Selecionados”. Essa é uma maneira legal de fazer o controle de versão em suas páginas, por data / hora, carimbando o nó com a data em que essa página específica foi criada ou atualizada.

A data que você escolheu será anexada ao final do texto do nó.

site freemind

Melhor ainda, por que não configurar uma programação para que, uma vez concluído o site, você possa receber um lembrete na hora de atualizar uma página no site. Essa é uma maneira legal de planejar sistematicamente uma programação de atualizações para um site, agendando atualizações de páginas específicas ao longo do tempo, para que a atualização de um site não se torne uma tarefa esmagadora e caótica.

Para fazer isso, basta selecionar o nó, vá para o calendário Gerenciamento de tempo, escolha a data em que deseja atualizar a página e clique em "Lembrar-me nesta data".

Como usar o FreeMind para criar ou gerenciar um site freemind8

Um pequeno ícone de um relógio aparecerá nesse nó. Isso indica que há um alarme associado a ele e você receberá uma notificação pop-up no seu computador quando chegar a hora de atualizar essa página. Você nunca pensou que usaria uma ferramenta de mapeamento mental para o gerenciamento de projetos de web design?

Além disso, se você quiser ver toda a programação da atualização, listada por página, basta ir em Ferramentas e selecionar "Mostrar lista do agendador de horas".

Como usar o FreeMind para criar ou gerenciar um site freemind9

Você receberá um relatório completo de todas as páginas que agendou, quando agendou (criou) e a data em que essa página específica deve ser atualizada a seguir.

Como usar o FreeMind para criar ou gerenciar um site freemind10

O único local em que esse sistema pode falhar é se você atualizar a página e esquecer de voltar e atualizar o nó com uma nova hora e data de atualização. Portanto, tente criar o hábito de fazer isso e manterá o sistema de atualização de página inteiro funcionando sem problemas.

Ah, e há um último recurso importante que eu quase esqueci. Isso é realmente muito importante se você costuma ser um daqueles programadores que perde o controle de onde você armazena os arquivos do projeto.

O FreeMind tem a capacidade de criar um link para arquivos no seu PC, para que você possa usar esse recurso para vincular os nós da página ao código real que é salvo no seu computador. Você acabou de ir para "Inserir", escolher "Hiperlink (Seletor de Arquivos)" e depois navegar para o arquivo ao qual deseja vincular esse nó.

freemind web design

O link do arquivo para esse nó aparece como uma seta vermelha. Sempre que você quiser fazer algumas alterações no código, basta clicar no link do arquivo e ele será aberto instantaneamente para você - não é necessário procurar por aí. Lembre-se de onde você o salvou para poder fazer o upload das alterações no servidor da web.

Como você pode ver, o uso de uma ferramenta de mapeamento mental como o FreeMind não apenas ajuda a projetar o layout e o fluxo do seu site, mas também pode ajudá-lo a gerenciar todo o seu projeto de web design do início ao fim.

Quais ferramentas você usa para gerenciar seus projetos de web design? Você consideraria experimentar o FreeMind? Você tem outras idéias criativas para usar uma ferramenta de mapeamento mental como parte de um projeto de web design? Compartilhe seus pensamentos na seção de comentários abaixo.

Ryan é bacharel em Engenharia Elétrica. Ele trabalhou 13 anos em engenharia de automação, 5 anos em TI e agora é engenheiro de aplicativos. Um ex-editor-chefe do MakeUseOf, ele falou em conferências nacionais sobre visualização de dados e foi apresentado na TV e rádio nacional.