Participe deste Projeto

Excelentes ferramentas para Web Design – 1ºParte

Publicado em agosto 12th, 2011 |

10 excelentes ferramentas para webdesign Excelentes ferramentas para Web Design 1ºParte

10 excelentes ferramentas para Web Design


Há mais de 2 anos de blog sobre design e tecnologia que me fez lembrar que no final das contas não existia aqui um conteúdo realmente sobre design. Por isso começo oficialmente falando de 10 ferramentas bem úteis para quem trabalha ou quer trabalhar com Web Design.

Assim, agora que você decidiu se aventurar na criação de projetos web . Maravilha!
Pensando na navegação e diversificando para dispositivos móveis, netbooks, desktops e assim por diante, os projetos precisam permitem que os designers possam fornecer layouts diferentes para dispositivos específicos (com base no tamanho da tela e recursos do navegador), dando aos visitantes do site uma experiência ideal.

Mas então quais ferramentas podem ajudar a realizar um bom trabalho?
Muitas ferramentas começaram a surgir para nos fornecer atalhos e ajudar nas tarefas mais comuns de design, com isso vamos dar uma olhada em 10 delas.

As ferramentas foram divididas em quatro categorias:

* Tipografia
*Imagens flexíveis
*Layouts de páginas web
*Testes e suporte cross-browser

Tipografia:
Primeiro, vamos dar uma olhada para duas ferramentas que nos permitem criar ótimas tipografias e com belas adaptações.

1» Lettering.js

letteringjs Excelentes ferramentas para Web Design 1ºParte

Lettering.js - A jQuery plugin for radical web typography

O Lettering.js é um jQuery para controlar a aparência web e uma grande ferramenta para ajudar os designers com sua tipografia. Se você está trabalhando em algum projeto web, esse tipo de controle pode ajudar você a ter um olhar mais criativo e sem recorrer à imagem.

No contexto do projeto, Lettering.js da aos designers controles precisos sobre as características da tipografia, como espaçamento, alinhamento e kerning de forma a produzir uma experiência de leitura ideal em vários espaços visuais.

2» FitText

fittext Excelentes ferramentas para Web Design 1ºParte

FitText - A plugin for inflating web type

Outro ótimo jQuery é o FitText que ajuda você a fazer suas manchetes com qualidade. O FitText certifica se o texto do visor aparece perfeitamente em vários dispositivos. Este plugin pode ser simples, mas sua flexibilidade deixa a criatividade em suas mãos e é fácil de implementar em qualquer projeto web.

Imagens flexível
Após definirmos a escolha da tipográfica, podemos seguir em frente com a questão de colocar imagens em nossos projetos web. Com isso há uma ferramenta que deve ser indispensável em um arsenal do designer.

3» imgSizer.js

imgsizer Excelentes ferramentas para Web Design 1ºParte

imgSizer


Antes de ir direto para o código do imgSizer.js, certifique-se de ter visitado o site Ethan Marcotte’s breakdown que desempenha este script em seus projetos de forma bem interessante. Essencialmente, ele foi criado para certificar que suas imagens possam se tornar mais adequadas possíveis para seu trabalho.

Tem muitas coisas chegando por ai…
Por isso aguarde, semana que vez continuaremos a falar destas Excelentes ferramentas para Web Design – 2ºParte.
Até lá!



Tags:  |  |  |  |  |  |  |  |  | 

Ei, psi!! Convidamos você a visitar esses links também.

Rafael Hernandez

Sou Profissional Web com mais de 10 anos de carreira. Atualmente Palestrante, Instrutor e Coordenador de Projetos voltados a SEO e Social Media em São Paulo como também administrador do Blog Rafael Designer.



Comentários

  1. Publicado por Feed Tudo é aqui! on agosto 12th, 2011, 17:31

    Excelentes ferramentas para Web Design – 1ºParte: Há mais de 2 anos de blog sobre design e tecnologia que me fez… http://t.co/GpUbLvC

    [Responder ao Comentário]
  2. Publicado por Feed Tudo é aqui! on agosto 12th, 2011, 17:47

    Excelentes ferramentas para Web Design – 1ºParte: Há mais de 2 anos de blog sobre design e tecnologia que me fez… http://t.co/mIXlUBO

    [Responder ao Comentário]
  3. Publicado por Feed Tudo é aqui! on agosto 15th, 2011, 10:41

    Excelentes ferramentas para Web Design – 1ºParte: http://t.co/cYrHXQG #webdesign #web #design #tools

    [Responder ao Comentário]
  4. Publicado por Wellington A. on agosto 15th, 2011, 13:56

    Excelentes ferramentas para Web Design – 1ºParte | Blog Rafael Designer: http://me.lt/5t0k6

    [Responder ao Comentário]
  5. Publicado por Livia on setembro 5th, 2011, 14:22

    post muuito útil, obrigada! e ja estou esperando a segunda parte.

    [Responder ao Comentário]

    Rafael Hernandez comentário:
    setembro 5th, 2011 at 14:37

    Olá Livia como vai?
    Muito obrigado pelo comentário viu…

    Agora só para constar. Já saiu a 2º Parte: http://www.rafaeldesigner.com.br/blog/design/excelentes-ferramentas-para-web-design-2parte e Essa semana irá sair a 3º.

    Abs.

    [Responder ao Comentário]

Deixeu seu Comentário

Atenção:
Qualquer opinião publicada aqui no Blog Rafael Designer pelo nosso sistema de comentários, não reflete necessariamente, o pensamento e opinião de nossos Colaboradores. Os comentários publicados e aceitos pelo nosso sistema automático são de total responsabilidade e autoria dos leitores de nosso blog.

Sendo assim, reservamos o direito de excluir ou mesmo alterar opiniões que sejam de caráter ofensivo, calunioso, difamatório e preconceituoso como também leitores que publicarem somente links de forma a tentar ganhar Backlinks autênticos.