360 graus internet
Contactos    Testemunhos Clientes    Portfólio Sites    Microblog

Directório de links úteis para Web Designers

Links para Web DesignersDirectório de links para sites e ferramentas úteis a todos os web designer.

Esta lista tal como outras no site, é mantida e actualizada pela  equipa   da 360 Graus.


Sites Top sobre Webdesign

Sites sobre web design, css e tendências do mercado.

alistapart.com

noupe.com

smashingmagazine.com

thinkvitamin.com

24ways.org

psdtuts.com

devsnippets.com


Ferramentas

Feng-Gui : esta ferramenta possibilita aos designers e publicitários, uma análise eficaz dos focos de atenção de cada página. Descubra como as pessoas vêem o seu website, foto ou anúncio e as áreas que captam a maior parte da atenção. 

Este serviço de inteligência artificial simula o comportamento da visão humana durante o primeiros 5 segundos de exposição aos recursos visuais.

Browser screen resolution checker: permite ver as páginas com diferentes resoluções de écrans.

Browsershots.org: permite ver o resultado final - compatibilidade - de uma página nos diversos browsers.

browsers.evolt.org: repositório de praticamente todos os browsers desde o início da web.
Para alguns nostálgicos pode ser um encontro emocional :) ,  mas é um recurso interessante para testar a compatibilidade dos sites face aos vários browsers e respectivas versões.


Fontes

10 Fonts to design original logos: 10 fontes fantásticas para criar logos.

dafont.com: a maior parte das fontes são gratuitas apenas para uso pessoal, mas também é possível encontrar fontes gratuitas para uso comercial.

45 Beautiful Free Fonts for Modern Design Trends

Ultimate list of 17 quality free fonts for your inner designer  -The Ultimate Free Fonts Pack

http://www.fontifier.com/ - Site que permite, em sete passos muito simples, criar a  sua própria fonte, por um preço simbólico.


Formulários

http://88.198.60.17/images/web-form-design-patterns/urls.html : lista do que melhor se faz ao nível de web formulários.

O formulário é uma peça fundamental para o sucesso de um site. É no formulário que toda a acção acontece!


Banco de Imagens

www.sxc.hu

public-domain-photos.com

morgFile: arquivo de imagens gratuitas e de alta resolução.

freephotobank.org

burningwell.org

bluevertigo.com.ar

www.istockphoto.com 

www.corbis.com


Imagens Vectoriais

freevectors.net

vector4free.com

vectorportal.com

123freevectors.com

qvectors.com

vectorjungle.com

coolvectors.com


Ícones

iconspedia.com

iconfinder.net

iconbuffet.com

qvectors.com

40 beautiful free icon sets

26 free icon sets we love

40 New High Quality and Free Icons Sets

IonFinder

tripwiremagazine

iconpot.com: ícones gratuitos

IconEasy.com: ícones gratuitos para uso não comercial.

35 (Really) Incredible Free Icon Sets

45-excellent-free-web-templates.html

15-lists-of-free-icon-sets

20 (NEW) Truly Beautiful and Fresh Icon Sets


Padrões

PatternCooler : para além de uma lista de padrões para colocar como fundos dos sites, permite também constuir padrões a partir ou não, da lista de padrões.


Templates de Web Sites

Templates Gratuitos  ou Open Source

Tal como acontece com o software, também existe muito design de sites open source.Em determinados contextos, podem ser uma opção válida.

www.solucija.com

www.oswd.org

www.openwebdesign.org

Best of free web template

100 free high quality xhtml/css templates

Free Css.com

open-source-web-design-templates-and-tools: um bom ponto de partida para procurar templates de sites gratuitos e open source.

dreamtemplate - modelos de templates sites

wix.com/myspace/layouts

- modelos de  myspace layouts e templates sites

Templates Fantásticos

Para o web designer perceber qual o ADN do cliente, é importante ter sempre um conjunto de galerias de sites, para uma primeira aproximação. Independentemente das questões de usabilidade e eficácia do design, o cliente que paga a construção de um site, tem que sentir-se confortável com o design final.

cssbuilt.com

inspirationfolder.com

mostinspired.com

portfolio-sites

101-awesome-portfolio-sites

30 of my best websites on the internet

designsnips.com

 


CSS

Grid Designer

Free CSS Drop-Down Menu Framework

W3C CSS Validation Service

CSS Analyser

CSS Redundancy Checker

CSS Compressor

CSS Layouts

The only CSS layout you need(?)

istylr.com

Layouts Gratuitos

CSS Frameworks

Blueprint

Sen CSSs

YAML

Elements

WYMstyle

YUI Grids CSS

Content with Style

Boilerplate

Tripoli


Badgets

www.web20badges.com : gerador online de badgets. Simples e rápido


Recursos Diversos

custom-error-404-pages : exemplos muito imaginativos da fatidica página  404 (Page Not Found) pode ser.  Quando clicamos num link num site e aparece a página 404 é muito mau. Para além de retirar a credibilidade ao site,  uma percentagem de utilizadores desiste do site. Mas se formos imaginativos, não!!!

15 rodapés de grande usabilidade : normalmente é dada pouca importância ao rodapé de um site.
Está pois aqui um artigo de um blog a dizer o contrário e a dar excelentes exemplos de rodpaés de grande usabilidade.

57+ Free Image Gallery, Slideshow And Lightbox Solutions


Partilha de Ficheiros

Ddrop.io : não precisa de login para transferir ficheiros. Uma ferramenta online  gratuita para partilha de ficheiros até 100Mbytes, porque a maior parte dos web mails não permitem o envio de ficheiros superiores a 10Mbytes.

ADdrive.com : ferramenta mais sofistica que suporta até 50Gbytes e permite  fazer o upload e e respectivo share de ficheiros até 2Gbytes.


Estatísticas

Algumas estatísticas úteis para web designers

Screen Resolution : resolução de écrans

Browser Market Share :  mercado dos browsers


Edição de Vídeo e Imagem

Conjunto de sites e programas de edição de  vídeo e imagem

Edição de Vídeo

Videospin.com : programa de edição de vídeo gratuita da Pinnacle.  Antes de se aventurar na edição de vídeo é muito importante ter presente alguns conteitos - Glossário de Vídeo da Pinnacle

Camstudio.org : Free Streaming Video Software

Edição de imagem

Photo Resize: programa de redimensionamento de bancos de imagens em simultâneo.

Paint.net : programa de edição de imagem gratuito,  com características comparáveis so Adobe Photoshop.

Gimp: o mais conhecido editor de imagens Open Source. Em termos de sofisticação  e especificações é comparável ao Adobe Photoshop. O único problema é interface.

De qualquer modo existe a versão www.gimpshop.com que é uma alteração ao Gimp de modo a ter uma interface muito parecida com a do Adobe Photoshop! 99 graphic design resources

Image Magick : programa Open Source para conversão de formatos e manipulação de imagens.
No entanto o seu ponto forte,  e absolutamente fantástico, é a capacidade para manipular imagens, via linha de comando juntamente com o Microsoft VBScript.

Imaginemos que que temos cerca de 500 imagens que fazem parte de uma catálogo de comércio electrónico e pretendemos redimensionar as imagens, colocar uma legenda e uma marca de água... Com meia dúzia de linha de comandos, e temos o serviço pronto!!! 

Inkscape:  programa open Source de edição vectorial (concorrente de produtos comerciais  tais como o Adobe Illustrator e o CorelDRAW).

GreenShot e  zScreen: dois programas open source para fazer print screen, isto é, capturar janelas ou áreas do écran.
O GreenShot é mais amigáve, no entanto o zScreen permite por exemplo  fazer automáticamente o upload das imagens via ftp ou tulizar vários serviços de alojamento de imagens - ImageShack.

Editor de Fabicon:  ferramenta online para criar Fab ícones.

Ferramentas Online

Algumas ferramentas online que consideramos úteis a todos os web designers.

FormatPixel: ferramenta online de publicação

Crie sua própria linha revistas, fanzines, folhetos, catálogos, portfolios e muito mais. Usando o formatpixel editor on-line você também pode projetar página, layout texto, enviar as suas imagens, adicionar interatividade e personalizar sua aparência.

Acaba por ser uma ferramenta interessante para a criação de protótipos de sites.


Qualquer tentativa em construir uma lista de sites que tenha uma utilidade real aos web desinger , é sempre uma tarefa ingrata. Por isso, aceitamos de bom grado sugestões!