SEJA BEM VINDO
latest
Mostrando postagens com marcador Departamento de Criação. Mostrar todas as postagens
Mostrando postagens com marcador Departamento de Criação. Mostrar todas as postagens

10 Ferramentas incríveis para apresentação de Projetos Web (Wireframes)


Quem trabalha com apresentação de projetos web, já está acostumado com o termo wireframe. Ele é utilizado para cunhar o desenho básico (?esqueleto?) que serve de guia para a interface que estamos projetando ? seja um site ou aplicativo, por exemplo ? e para organizar visualmente os elementos fundamentais do projeto antes de desenvolver. Existem ferramentas que ajudam a criar esboços rápidos e que permitem a colaboração de outros membros do projeto. Seguem algumas dicas de ferramentas incríveis.

Primeiramente vamos entender melhor o que é um Wireframe?
Wireframes são desenhos com estruturas básicas de um projeto, que pode transmitir uma ideia de como será a arquitetura daquele produto quando pronto. Em outras palavras, seria um “esqueleto” inicial, disposto a mostrar como aquele projeto será quando pronto. Os wireframes são muito utilizados para que o desenvolvedor possa ter um entendimento de todos os requisitos solicitados pelo cliente no desenvolvimento do projeto, seja este um software, um site ou até uma casa ou carro. Através desse esboço inicial, o desenvolvedor consegue analisar junto ao cliente todos os elementos que estarão, possivelmente, na versão final do produto e evita perda de tempo com reconstruções posteriores quando o projeto já estiver na fase final de construção.



*O wireframe é a etapa essencial para visualizar projetos, estruturar informações e desenvolver a interface gráfica.

SE VOCÊ GOSTA DO NOSSO CONTEÚDO -  Siga nosso perfil de Dicas do LinkedIn:



1. MockFlow
A melhor ferramenta online que eu testei. Fácil de usar, com diversos recursos e componentes. Permite o compartilhamento do wireframe, utilização de grid, guias, régua e exportação como blueprint (formato semelhante àquelas plantas azuis de engenharia) e preto e branco. Infelizmente a versão gratuita permite criar apenas um mockup, porém, com múltiplas páginas. Possui também a versão stand-alone.



LINK DA FERRAMENTA - Clique aqui para acessar



2. Mockingbird
O Mockinbird é uma ferramenta online que facilita a criação, visualização e compartilhamento dos wireframes de seu site ou aplicação.


LINK DA FERRAMENTA - Clique aqui para acessar



3. Lovely Charts
É uma ferramenta online disponível para instalação no Chrome que permite não somente a criação de wireframes, mas também de sitemaps, fluxogramas, organogramas, e muito mais. A única desvantagem é que nessa versão gratuita você pode salvar apenas 1 gráfico editável, mas pode exportar ilimitadamente.



LINK DA FERRAMENTA - Clique aqui para acessar



4. HotGloo
O HotGloo é totalmente baseado na web e possui muitas features que permitem interações drag&drop bem simples e fáceis de se realizar. Essa á outra ferramenta para criação de wireframes que com suporte a colaboração em tempo real.


LINK DA FERRAMENTA - Clique aqui para acessar


5. Cacoo
Cacoo é uma ferramenta com interface amigável, uma boa quantidade de recursos e versão em português. Assim como o Lovely Charts, ele também permite a criação de diversos tipos de diagramas, inclusive UML e é completamente free.


LINK DA FERRAMENTA - Clique aqui para acessar



6. iPlotz
Com iPlotz é possível criar rapidamente mockups e wireframes navegáveis e clicáveis para a prototipação de  sites e aplicativos, em geral.


LINK DA FERRAMENTA - Clique aqui para acessar



7. Axure
Axure permite criar wireframes, diagramas de fluxo, protótipos e especificações para aplicações e web sites. Ele conta com uma série de widgets, incluindo botões, campos de formulário, formas e elementos dinâmicos que você pode editar e formatar. Também é possível a criação de bibliotecas de widgets personalizado.


LINK DA FERRAMENTA - Clique aqui para acessar



8. Balsamiq
Usando Balsamiq Mockups você se sente como se estivesse desenhando, mas é digital, então você pode ajustar e reorganizar controles facilmente e o resultado final é muito mais limpo! Com 75 controles pré-definidos para escolher, você pode projetar qualquer coisa, desde uma caixa de diálogo super-simples a um aplicativo RIA completo.
\4
LINK DA FERRAMENTA - Clique aqui para acessar



9. PhotoShare
A ferramenta web ProtoShare é bem fácil de usar. Com foco na prototipagem e colaboração, os membros da equipe podem rever o trabalho e fornecer feedback em tempo útil, ideias e sugestões em wireframes clicáveis ou conteúdo criativo.


LINK DA FERRAMENTA - Clique aqui para acessar



10. Illustrator, Corel Draw, Photoshop e outros
Você não necessariamente precisa utilizar programas específicos para desenvolver wireframes; eles podem ser desenvolvidos utilizando ferramentas gráficas como o Illustrator e o Corel, por exemplo. Mas às vezes os prazos são curtos e algumas das ferramentas listados acima oferecem recursos que permitem mais rapidez na produção e na avaliação do wireframe por membros da equipe.









Em resumo, os wireframes são grandes “salvadores de tempo” e ajudam todas as partes envolvidas no projeto, em especial o web, ao chegar a acordos sobre a colocação dos principais elementos de página, como cabeçalhos, áreas de conteúdo, menus de navegação e rodapés.

Sucesso a todos!

_______________________________________________________________

Autor: Adriano Oliveira 
Fundador e Editor-chefe do Acervo Publicitário, formado em Publicidade e Propaganda pelas Faculdades Integradas de Bauru (FIB), trabalha como Profissional de Marketing B2B no segmento de engenharia mecânica, tem especializações em Design, Marketing Digital e eventos industriais. "Compartilhar o torna mais do que você é. Quanto mais você der para o mundo, mais a vida poderá retribuir." (Jim Rohn)
Visualizar perfil de Adriano Oliveira (1000+) no LinkedIn_______________________________________________________________
Ficaremos honrados se você "Curtir" nossa page do Facebook:

Planilhas em Excel que todo Criativo deve conhecer [Gratuito]


Atenção Criativos, se vocês querem profissionalizar as tarefas do seu dia a dia e resolver de forma simples e fácil os desafios que envolvem sua área no que tange ao uso do Excel, estaremos disponibilizando alguns links que direcionam a modelos planilhas prontas que irão ajudá-los a otimizar seus trabalhos, lembrando que elas são apenas bases para o desenvolvimento, elas vão desde Planilhas de Gerenciamentos de Projetos, Indicadores até To Do Lists, vocês poderão adaptá-los da forma quiserem. Com certeza uma verdadeira mão na roda, vale a pena o clique!





*Planilhas são ferramentas essenciais para o trabalho de um Profissional Criativo,disponibilizamos algumas planilhas para compartilhar com vocês,segue ABAIXO:



GERENCIAMENTO DE PROJETOS - Clique aqui para baixar a Planilha



PLANEJAMENTO POR DATAS - Clique aqui para baixar a Planilha




PLANEJAMENTO DE PROJETOS E AÇÕES - Clique aqui para baixar a Planilha




GERENCIAMENTO DE BUDGET - Clique aqui para baixar a Planilha




TIMESHEET DE TRABALHOS - Clique aqui para baixar a Planilha




CÁLCULO FINANCEIROS - Clique aqui para baixar a Planilha




TO DO LIST / CHECK LISTS - Clique aqui para baixar a Planilha




APRESENTAÇÕES FINANCEIRAS - Clique aqui para baixar a Planilha




PROJETOS E INDICADORES  - Clique aqui para baixar a Planilha




Desejamos sucesso a todos!

_______________________________________________________________________

Autor: Adriano Oliveira 
Fundador e Editor-chefe do Acervo Publicitário, formado em Publicidade e Propaganda pelas Faculdades Integradas de Bauru (FIB), trabalha como Profissional de Marketing B2B no segmento de engenharia mecânica, tem especializações em Design, Marketing Digital e eventos industriais. "Compartilhar o torna mais do que você é. Quanto mais você der para o mundo, mais a vida poderá retribuir." (Jim Rohn)
Visualizar perfil de Adriano Oliveira (1000+) no LinkedIn_______________________________________________________________________
Ficaremos honrados se você "Curtir" nossa page do Facebook:

Ferramenta Criativa para Composição de Layouts: Mussum Ipsum (Trapalhões)

Qual criativo nunca utilizou um Lorem Ipsum para compor seu layout de apresentação? Ele se tornou comum para todos que trabalham com informática. Mas pra quem não sabe do que estamos falando o Lorem Ipsum é um texto padrão em latim. Muito utilizados em documentos por profissionais de criação e editores para preencher os espaços dos textos nas publicações e layouts. Este tipo de texto é utilizado para evitar que as pessoas foquem a atenção no texto e se concentrem nos aspectos visuais. O lorem ipsum simula com razoável fidelidade um texto real, por possuir palavras de diversos tamanhos e sinais de pontuação, permitindo testar também a forma como o texto flui no ambiente onde deverá ficar. Porem a criatividade brasileira, não permitiu que ficássemos apenas no Latim. E então partimos para a famosa língua do astro Mussum, esse mesmo que você está pensando, dos Trapalhões. 




O Mussum Ipsum, permite a criação de textos de até 6 parágrafos, utilizando palavras bem conhecidas de seu personagem, como: cacilds, pirulitá, suco de cevadis e muitas outras. Enfim essa ferramenta permite a criação de um texto rápido para preenchimento de layout, mas perde um pouco do princípio de que ninguém prestará atenção no conteúdo, pois se você começar a ler, por mais que não faça sentido, acabará parando somente no ponto final.





Desejamos sucesso a todos!

_______________________________________________________________________

Autor: Adriano Oliveira 
Fundador e Editor-chefe do Acervo Publicitário, formado em Publicidade e Propaganda pelas Faculdades Integradas de Bauru (FIB), trabalha como Profissional de Marketing B2B no segmento de engenharia mecânica, tem especializações em Design, Marketing Digital e eventos industriais. "Compartilhar o torna mais do que você é. Quanto mais você der para o mundo, mais a vida poderá retribuir." (Jim Rohn)
Visualizar perfil de Adriano Oliveira (1000+) no LinkedIn_______________________________________________________________________
Ficaremos honrados se você "Curtir" nossa page do Facebook:

Tabela de Referência para Profissionais Criativos 2015

Uma das coisas mais difíceis na hora de pensar em um trabalho é saber quanto cobrar por ele, e isso não é uma questão de “feeling”. Quanto vale na realidade a hora trabalhada? Quanto cobrar por um Folder, Flyer, Logo, Papelaria, Manual de Uso da Marca, Ilustração, Material Promocional, Consultoria e muitos outros serviços. 



Claro que muitos clientes não aceitarão o preço cheio que a tabela sugere, principalmente para quem é iniciante e que está na luta para entrar no mercado, mais pode-se ter uma referência de até quanto cobrar, abaixo o link desta ferramenta que irá lhe ajudar na hora de elaborar os valores para alguns dos seus jobs.

Tabela de Referência para Profissionais Criativos 2015


Desejamos sucesso a todos!

_______________________________________________________________________

Autor: Adriano Oliveira 
Fundador e Editor-chefe do Acervo Publicitário, formado em Publicidade e Propaganda pelas Faculdades Integradas de Bauru (FIB), trabalha como Profissional de Marketing B2B no segmento de engenharia mecânica, tem especializações em Design, Marketing Digital e eventos industriais. "Compartilhar o torna mais do que você é. Quanto mais você der para o mundo, mais a vida poderá retribuir." (Jim Rohn)
Visualizar perfil de Adriano Oliveira (1000+) no LinkedIn_______________________________________________________________________
Ficaremos honrados se você "Curtir" nossa page do Facebook: