AGA Webdesign Experiences

Ao pesquisar na internet sobre como centralizar layout no CSS você irá encontrar a seguinte estrutura de código.

Crie uma <div> com id por exemplo ” centraliza “.

<div id=”centraliza” />

[…] Insira aqui dentro tudo o que será centralizado.

</div>

E no CSS digite a seguinte regra:

#centraliza{

width: 960; /* Mude o tamanho para a largura do seu layout */

margin: 0 auto; /* Centralizando o layout através das margens automáticas */

}

É importante notar que se você não utilizar largura fixa, ou seja, atribuir um tamanho de largura fixa para seu layout, a sua regra CSS não irá funcionar para a ideia de centralizar o layout. 

Encontre mais informações.

Ao projetar uma peça gráfica, leve em consideração os seguintes itens:

1. Observe a movimentação dos olhos (frequência),
2. Facilite o reconhecimento da peça gráfica,
3. Observe se a peça entra em conflito com algum sinal arquétipo, exemplo uma letra. (Avalie o nível de ambiguidade da sua peça gráfica),
4. Leve em consideração que a assimetria reforça o incômodo,
5. Evite frustrar o raciocínio de quem será o público da sua peça gráfica.

Essas dicas eu abstrai lendo o livro: Sinais e Símbolos de Adrian Frutiger. Recomendo a leitura para Designers, Artistas, Estudantes, Curiosos.

Utilizo o Photoshop para desenvolver layouts web, botões, tratar imagens.

Minhas dicas são a respeito de utilizar alguns recursos básicos do Photoshop para organização.

1 Organize suas camadas:

1.1 Crie grupos para facilitar a organização

1.2 Utilize cores nesses grupos

1.3 Costumo utilizar nome pequenos e auto-explicativos nas camadas, em caso de títulos com duas palavras utilizo entre elas “_” (underline). Mania de webdesigner.

2. Faça comentários no seu PSD

3. Organize por ordem de apresentação:

3.1 Em caso de site: Topo, Conteúdo, Rodapé…

Estudei XTHML e CSS por anos. E pensando somente com essas linguagens de marcação eu tentava imaginar um site com menu prático e fácil de editar. Hoje conversando com um amigo (Filipe Almeira - Webdesigner) confirmei que integrar XHTML com CSS e com PHP utilizando a técnica de includes facilita a criação de menus e inclusão do código de menus no site. Assim seu menu fica editável, prático e rápido!

Olá, 

Neste texto irei falar um pouco a respeito de minhas experiências com organização de arquivos. Na hora de organizar e manter a estrutura dos seus arquivos vale levar em consideração que praticidade no computador é equivalente a menos ’ cliques dados ‘. Com isso indico que você utilize uma hierarquia de no máximo 3 níveis de pastas.

Exemplo:

Fotografias > 2011 > Casamento
Fotografias > 2010 > Férias

Vídeos > Humor
Vídeos > Música > Rock

Dicas de Designer: Eu costumo organizar minhas imagens por extensão de arquivo.

Exemplo:

PNG >

JPG >

PSD >

Olá pessoal, prometo que serei objetivo em minhas postagens aqui. Serei mais pessoal do que sou no Twitter e irei escrever coisas úteis. =D

Para começar bem, compartilho hoje que ter um HD lotado e desorganizado é o mesmo que não ter nenhuma informação útil. Porque quando gastamos tempo procurando algo que deveríamos achar de maneira prática o resultado é stress!

Hoje vou filtrar a informação no meu HD.