Fundamentos do design: como pensar como um designer

Projeto prático de curso

Crie uma página de portfólio pessoal usando grades, hierarquizar visual, de tipografia e a teoria de cores.

Introdução ao design

1. Contorne sua página pessoal

   Prepare sua cópia em um formato de esboço para uma página pessoal que você quer criar. O objetivo do design é comunicar uma mensagem ou resolver um problema, então em que você não se encaixou com as definições acima.

   Compartilhe seu esboço na sua página do projeto. Não se esqueça de fornecer feedback a outros estudantes.

O poder das Gritas

1. Crie sua grade

   O que é uma grade?

   тЦа uma grade é simplesmente uma divisão do espaço em uma página para criar a estrutura e a ordem para o conteúdo.

   тЦаHá infinito, que você pode dividir uma página, mas vamos seguir uma das de grde mais flexível, as grde de 12 coluna.

   тЦаA coisa ótima sobre uma grade de 12 de colunas é que é a menor quantidade de colunas que lhe dão de as colunas mais de de que se divisible em a sua de cada uma.

   тЦаCom uma grade de 12, você pode divide em 1, 2, 3, 4, e 12

   Qual é a vantagem de usar uma grde em em que a grade?

   тЦаA vantagem de uma grand é que ele faz a ele fácil para criar um equilíbrio visual

   тЦа. cria consistência e é uma abordagem sistemática.

   тЦа, pode escalar quando você cria novos documentos.

   тЦа vamos começar como começar como fazer uma grade para nossa página

   тЦа vamos trazer nossa grade.

   тЦаde de meu de colunas e em uma coluna em em qualquer coluna

   Crie o layout básico da sua página pessoal usando o sistema de grads.

   

   Existem muitas ferramentas diferentes no lá fora para desenhar:

   • Adobe Fireworks
   • Moqups
   • Esboço de aplicativo
   • Webflow
   • Maca

Como estabelecer uma hierarquia visual

1. Use seu contorno para verificar sua Hierarquia

   Na aula anterior você escreveu um resumo da sua copia. Nesta aula você pode usar os seguintes princípios para estabelecer sua hierarquia que com seu contorno.

   • A definição de hierarquia visual As pessoas tendem a tend elementos semelhantes em padrões importantes.

   • Por que é importante a hierarquia visual?

     • Eu apenas a definição de as calças de fantasia da hierarquia visual, mas talvez você pode pensar sobre isso.

     • Todos temos a atenção limitada. Estamos nos correndo da reunião à reunião, pegar as crianças e repara para a venda de crianças para assistir a próxima episódio do bacharel.

     • Quando lemos alguma coisa, de nós tentar to o mais rápido de as página em busca da página em busca de padrões.

     • Procuramos relacionamentos entre os itens individuais e como todos os itens se conectam como todo.

     • Se o designer fizer uma boa trabalho, vamos poder entender o significado da página rapidamente, e escolha se nós nos mergulhar. se nós nos mergulhar, se nós nos mergulhar.

   • Aqui estão as principais principais maneiras para estabelecer a hierarquia

     • Tamanho

     • Cor

     • Espaço

     • Alinhamento

     • Implícito ou explícito ou

Escolha e combine tipos de tipos

1. Encontre e adicione fontes
   • Escolhendo um tipo
     • http://inspirationlab.files.wordpress.com/2010/04/infographiclarge_v2.png
       
       
   • Combinando fontes
     • Contraste visual é chave.
     • Não use duas fontes com características semelhantes. Como o Helvetica e o de Helvetica de
     • Serise e de fontes do Serif são uma maneira fácil de pares
     • Se você pode combinar duas fontes diferentes do mesmo tipo, que geralmente funciona bem.
     • Aqui estão algumas grandes combs sugerindo por Hoefler Frere e de de Jones, uma fundição de fontes famosa.
       
       
     • Links
       • http://bonfx.com/the-big-book-of-font-combinations/?cmp=19 de font-font-combo/?cmp=19
       • http://www.tipoografia.com/mail/2010_03/index.htm
       • http://www.smashingmagazine.com/2010/11/04/best-practices-of-combining-typefaces
   • Tamanho
     • Use a calculadora de proporção de Golden
       • Eu de maior de a matemática para isso, mas essa ferramenta faz todo o trabalho para você
       • http://www.pearsonified.com/2011/12/golden-ratio http://www.pearsonified.com/2011/12/golden-ratio-typography.php
   • Kerning
     • O espaço entre duas letras
     • Essa é quase sempre uma abordagem de bola de olhos que a sua de olho e você precisa se ajustar até que ela seja de direito para você. Quanto você fá, a melhor que o fazer em
     • Confira este jogo de kerning incrível que é sua prática is
     • http://type.method.ac
   • Crimes de fontes
     • Jake nunca a de uma fonte de vertical ou de horizonte. Ever. Se você fizer o de seus se a fazer em a
     • Se você vai usar uma fonte de script elegante, use com moderação. Não a definição de a parte de de script.
     • A chave é REde LEGAÇÃO. Certifique-se de que você pode expressar de sua mensagem.
     • Nunca use o comic Sans ou o Papyrus em qualquer circunstância

   Links

   • http://www.pearsonified.com/2011/12/golden-ratio http://www.pearsonified.com/2011/12/golden-ratio-typography.php
   • http://www.pearsonified.com/typography
   • http://www.thinkingwithtype.com/contents/letter
   • http://www.smashingmagazine.com/2010/12/14/what-font-should-i-use-five
   • http://designblog.reddoorla.com/design/type-categories-part-08-sans-serif/-principles-for-choosing-and-using-typefaces/ http://designblog.reddoorla.com/design/type-categories-part-08-sans-serif/-principles-for-choosing-and-using-typefaces/ http://designblog.reddoorla.com/design/type-categories-part-08-sans-serif/-principles-for-choosing-and-using-typefaces/

   
   Há muitos lugares para encontrar fontes de alta qualidade:

   • MyFonts
   • Typekit
   • Google Fonts
   • DaFont (de livre idade, mas não de alta qualidade)

Personalidade e texto na cor

1. Explore as paletas de cores e a combinação

   • Theres um ótimo artigo sobre psicologia de cores no blog de on Aqui está alguns pontos principais de de você.

     • "Há várias as tentativas para classificar cores, mas a verdade são as as pessoas às cores às cores são significante com suas próprias experiências. A vermelho pode ser classificado como "perigo", mas para um fã de Alabama Football futebol, é de um de

     • É muito mais importante para as cores da sua marca para apoiar a personalidade que você quer retratar, em vez de se alinhar com associações de cores brand’s

   • Personalidade e texto

     • Mas não é apenas em escolher uma cor com a personalidade, também tem de se basear no contexto. A verde pode ser usado para criar uma marca ambiental como o GreenPeace, mas a verde pode ser usada para criar uma marca como TD Bank.

     • Neste caso, o verde de verde de que você pode usar de forma de

     • Então, não de uma cor porque o verde significa o dinheiro", a verde também pode se relacionar do ambiente.

   
   Há uma tonelada de recursos para encontrar combinações de cores:

   • Kuler
   • Coloridos
   • Designer de combinação de cores

Recursos adicionais

• Aqui estão todas as minhas notas para o curso: