Criar Web, manuais e recursos para desenvolvimento web
Manuais
Programas
FAQS
Diretório
Comunidade
  Inicio > Manuais > Usabilidade na web
SEÇÕES
Manuais relacionados
+Usabilidade na web
Categorias
+Usabilidade

Índice do Manual Usabilidade na web
+ Informações gerais
+ Elementos de um bom site
+ Princípios gerais de usabilidade em web sites
+ O que é a Interação Pessoa-Computador
+ Sobre buscadores internos
+ Formulários
+ Os usuários não são adivinhas
+ Como escrever newsletters
+ Coloque um link do meu site
+ Usabilidade para PDAs
+ Reduza o peso de seu site
+ Páginas fluidas
+ Como gravar vídeo para Internet
+ A página de erro
+ O banner perfeito
+ Abrir diálogo com os visitantes
+ Otimizar o formato das páginas web para imprimir
+ Converter usuários em clientes
+ Newsletters que servem para vender
+ Coloque um buscador gratuito na sua web
+ Personalizar parâmetros - Usar links no lugar de combos.
+ Avaliar a usabilidade
+ Vantagens e incovenientes do uso de frames
+ Construindo páginas simples
+ Folhas de estilo (CSS)
+ Aumentar o número de páginas vistas
+ Criar o momento
+ Usando ícones no design de interfaces
+ Usability Biscates, S.A.
+ Livro de estilo
+ Guia básico para PYMES
+ Destruir 2 mitos do web design
+ De que serve o critério quando todo mundo pode opinar?
+ Use imagens agrupadas e não utilize ícones
+ Apêndice I: Links interessantes
+ Evitar as cores de fundo
+ Usabilidade ao milímetro
+ O espaço na tela
+ PDF no Web. Entorpecendo ou melhorando a navegação?
+ MSN Music. Um pequeno problema de perspectiva
+ A navegação impaciente dos usuários na Internet
+ Criando a retícula. Como organizar a informação
+ Usabilidade e Retorno de Inversão em websites
+ É hora de pensar em 1024px?
+ Fatores Determinantes no uso de Fontes
+ Não se fala de usabilidade
+ Fazendo uma Web Acessível: o uso adequado das cores
+ Aplicações Web: Usabilidade + Praticidade = Sucesso
+ Como conseguir web design de bom aspecto gráfico
+ Usabilidade e acessibilidade: Conceitos muito diferentes
+ Quando colocar um botão, quando colocar um link
+ Redação para websites
+ O usuário intermediário ontem e hoje
+ Arquitetura de informação
+ Escreva títulos curtos
+ Desenhar para dispositivos móveis
+ Normas para maximizar a usabilidade de um site

Descrição dos capítulos

Parceiros
- CSS para Web Design
- S.O.S Designers
- Slackware-Brasil
- Crie seu Web site
- Oficina da Net


Como conseguir web design de bom aspecto gráfico

O aspecto gráfico de um site tem um papel muito importante. Fala-se muito na web desta importância e de como se devem construir tecnicamente os sites, entretanto se fala pouco sobre como conseguir aspectos gráficos profissionais ou designs “atraentes


Com a coisa dos sites baseados padrões, muitos decidiram sacrificar o aspecto de seus sites por designs muito austeros e assim ter um código validado. Se bem que isto não é diretamente negativo, mas deve-se lembrar que nos sites comerciais o aspecto cumpre uma função de "gancho" e consegue que os visitantes o lembrem por sua imagem ou aspecto.
Porém, não caiamos no erro de falar sobre os "porquês" e falemos dos "comos" conseguir bons designs.

1) Utilize 100% de CSS e XHTML.

Uma das coisas mais importantes na hora de conseguir bons trabalhos de design é utilizar CSS. Além das bondades que este sistema de construção tem (separação entre conteúdo e design, maior rapidez de carregamento, melhor acessibilidade, etc), este nos oferece uma infinidade de possibilidades gráficas. As tabelas são realmente muito limitadas neste sentido. Não é mero capricho usar CSS em todos os designs.
A utilização de CSS permite um manejo avançado de "fundos" e de um controle ao milímetro de cada objeto.

2) Olhe e aprende.

Uma boa forma de aprender é olhando, não estou falando de copiar ou plagiar designs. Penso que não existe atitude mais indigna que esta. Refiro-me a utilizar as galerias showcase (captura de telas de designs) que estão concebidas com a pura idéia de "inspirar". Aqui há um pequena listagem das galerias mais conhecidas. Olhe o código fonte e estude como trabalham muitos designers. Não é necessário que copie nada, desta forma estará impondo um estilo e forma de trabalho que lhe fará aprender muito rapidamente a melhor forma de realizar web profissionais.

3) Aprenda a editar imagens.

Com a utilização de CSS vem aparelhada a necessidade de trabalhar com imagens. Estas devem ser leves em peso, e onde se necessitar, devemos aproveitar todos os efeitos de transparências que nos permite o formato GIF ou PNG. Isto nos abrirá um mundo de possibilidades que não tínhamos com as tabelas. O simples fato de ter um controle absoluto sobre os fundos, margens e espaços nos torna muito mais fáceis o aplicar bons designs.

4) Utilize um programa Vetor para Construir Esboços.

Muitos designers cometem o erro de se colocar a desenhar improvisando o tema da forma ou aspecto que terá o site. Entretanto, existe um sistema que nos permite ter uma visão mais global do que estamos fazendo.
Se utilizarmos um programa para manejar vetores (Adobe Illustrator, Corel Draw, etc), poderemos simular como ficará nosso site tanto em formas como em combinação de cores e fontes. Poderemos mover, ampliar e manejar espaços com total liberdade.
Para conseguir um trabalho ótimo poderemos ir fazendo capturas de tela de determinados desde nosso navegador com o fim de ter dimensões a escalas reais.

5) Aprenda os principais Conceitos de Design Gráfico

Não só de CSS e HTML se fazem os websites, também reviste uma grande importância o código de nossa web, para conseguir bom design é necessário conhecer os principais fundamentos de design; harmonia de tons, combinação de cores, uso acertado de tipografias, contrastes, manejo de espaços, etc.

Entretanto, o conseguir bons trabalhos se conseguirá com o tempo e quando tiver uns vários sites desenhados.

Autoria e outras referências sobre este artigo

Manuais relacionados com este artigo
Dentro de Usabilidade na web

Categorias relacionadas
Através das categorias do nosso diretório podem ser encontrados outros tipos de recursos relacionados com este artigo:
+ Entrar em Usabilidade


Comentários dos visitantes
Os comentários dos visitantes são para ampliar a informação do artigo. Todos podem participar.
Acrescentar um comentário do artigo Acrescentar um comentário do artigo



Sobre nós | Copyright | Anuncie | Entrar em contato <criarweb>

Hospedado por Hostnet Hospedagem de Sites