ti-enxame.com

Como você pode aprender a criar sites bonitos?

Eu sou um desenvolvedor web moderadamente capaz. Posso colocar as coisas onde eu quiser e colocar algumas coisas JQuery lá se precisar. No entanto, se estou fazendo meu próprio site (o que estou começando a fazer), não tenho ideia de como projetá-lo. Se alguém se sentasse ao meu lado, apontasse para a tela e dissesse "coloque esta imagem aqui, escreva uma mensagem ali", posso fazer isso facilmente. Mas projetar meu próprio site com minha escolha de cores e texto parecerá que uma criança o inventou.

Alguém conhece algum site/livro que eu possa visitar ou alguém tem alguma dica sobre noções básicas de web design para crianças?

32
Richard

Você tem algumas coisas a fazer.

Dicas:

Aprenda a usar o Photoshop. (Em particular, os estilos de camada são excelentes. Apenas observe que eles podem ser efeitos difíceis de reimplementar no CSS2). Isso ajuda muito a fazer bons modelos.

Olhe para sites com design profissional. Quais sites você já visitou que parecem legais para você?

Encontre sites que o incomodam e considere o que poderia torná-los melhores. Observe também os anúncios de produtos. Embalagem de alimentos. Anúncios em jornais. O que você disser.

Além disso, quando você começar a pegar o jeito, pratique, pratique, pratique. Os gráficos levam tempo para serem desenvolvidos como uma habilidade, especialmente de um programador que tem a codificação a considerar. (Gradientes vs "capacidade de tilização")

Ferramentas:

(Photoshop é um favorito pessoal. Paint.NET é uma boa alternativa do Windows, mas não é tão poderoso.)

Nathan Smith's sistema de grade 96 . Possui modelos para muitos dos programas gráficos convencionais. Confira.

Referências:

Veja alguns destes sites: (Já vi mais, tentarei adicionar à medida que os encontrar)

10
Moshe

O lado prático

Definitivamente, há alguns aspectos práticos passo a passo do design que são importantes para aprender. Nem tudo é subjetivo.

• Tutoriais de Web Design: http://webdesign.tutsplus.com/

• Tutoriais do Photoshop: http://psd.tutsplus.com/

• Toneladas de tutoriais: Lynda

Inspiração

• Site: Estilo incomparável

• Site: Abduzeedo

• Livro: Diretrizes para o sucesso online

• Site: Smashing Magazine

Habilidades de design

Projeto Geral

• Livro: Design gráfico: os novos conceitos básicos

• Livro: Design gráfico, referenciado

• PDF: Os Quatro Grandes: Contraste, Repetição, Alinhamento, Proximidade

Tipografia

• Livro: Pensando com Tipo

• Livro: Os elementos do estilo tipográfico

• Artigo: http://en.wikipedia.org/wiki/Typography

• Artigo: http://www.informationarchitects.jp/en/the-web-is-all-about-typography-period/

Layout

• Livro: Pasta de trabalho de layout

Cor

• Livro: Pasta de trabalho de design de cores

• Livro: Livro de Harmonia de Cores

Filosofia do Design

"O erro mais estúpido é ver o design como algo que você faz no final do processo para‘ arrumar ’a bagunça, em vez de entender que é um problema do‘ primeiro dia ’e parte de tudo." -Tom Peters

"O bom design mantém o usuário feliz, o fabricante no azul e no esteta não ofendido." -Raymond Loewy

"O design verdadeiramente elegante incorpora funcionalidade de alto nível em uma forma simples e organizada." -David Lewis

"Um bom design é um bom negócio." -Thomas J. Watson Jr.

Mais citações

10
Andy Fleming

Isso pode estar um pouco fora do assunto, mas eu me lembro de Jeff Atwood recomendando fortemente o livro Don't Make Me Think . Ele descreve como você deve projetar seu site para a melhor experiência do usuário.

6
Preets

Ogilvy on Advertising: este livro cobre alguns conceitos básicos de design gráfico, bem como muito bom senso ao fazer qualquer tipo de flyer, anúncio, etc., mesmo que tenha sido escrito muito antes da era www.

De forma mais geral, navegue por livros e revistas sobre design gráfico, belas-artes, decoração de interiores, produção de filmes - há muitos princípios comuns de design para tornar algo visualmente atraente e tornar a informação ou outro conteúdo atraente. Mais ou menos como o eletromagnetismo é comum à eletrônica, ciência planetária, química, nuclear e outros campos da física e da engenharia.

1
DarenW

Outro bom livro neste espaço seria The Design of Everday Things. Ele cobre muitas das idéias práticas, como favorecer designs que se prestam a um uso fácil, tirando proveito de como as pessoas naturalmente abordam uma coisa nova. O livro não é especificamente sobre interface do usuário ou web design, mas cobre isso um pouco, acredito.

Um dos primeiros exemplos do livro são as portas. Ele fala sobre como as portas com maçaneta ou maçaneta de um lado e dobradiças visíveis são intuitivas, porque você sabe que a porta será aberta ao empurrar ou puxar por esse lado. Portas sofisticadas com dobradiças ocultas, barras de pressão em toda a porta ou maçanetas centralizadas são complicadas e exigem um momento de experimentação porque sua operação não é intuitiva.

1
CodexArcanum

Uma ferramenta que considero inestimável no design é Color Scheme Designer . Eu normalmente escolho uma cor em que gostaria de basear o design e, em seguida, uso o esquema "Analógico" para obter um bom conjunto de cores correspondentes. Para mim, acertar as cores é a pior parte, então o resto é apenas pegar um layout legal e aplicar a paleta limitada de cores.

1
CodexArcanum