O slideshow foi denunciado.
Utilizamos seu perfil e dados de atividades no LinkedIn para personalizar e exibir anúncios mais relevantes. Altere suas preferências de anúncios quando desejar.

Design

3.222 visualizações

Publicada em

Material sobre o livro "DESIGN para quem não é DESIGNER"

Publicada em: Educação
  • DOWNLOAD THAT BOOKS INTO AVAILABLE FORMAT (2019 Update) ......................................................................................................................... ......................................................................................................................... Download Full PDF EBOOK here { http://bit.ly/2m77EgH } ......................................................................................................................... Download Full EPUB Ebook here { http://bit.ly/2m77EgH } ......................................................................................................................... Download Full doc Ebook here { http://bit.ly/2m77EgH } ......................................................................................................................... Download PDF EBOOK here { http://bit.ly/2m77EgH } ......................................................................................................................... Download EPUB Ebook here { http://bit.ly/2m77EgH } ......................................................................................................................... Download doc Ebook here { http://bit.ly/2m77EgH } ......................................................................................................................... ......................................................................................................................... ................................................................................................................................... eBook is an electronic version of a traditional print book that can be read by using a personal computer or by using an eBook reader. (An eBook reader can be a software application for use on a computer such as Microsoft's free Reader application, or a book-sized computer that is used solely as a reading device such as Nuvomedia's Rocket eBook.) Users can purchase an eBook on diskette or CD, but the most popular method of getting an eBook is to purchase a downloadable file of the eBook (or other reading material) from a Web site (such as Barnes and Noble) to be read from the user's computer or reading device. Generally, an eBook can be downloaded in five minutes or less ......................................................................................................................... .............. Browse by Genre Available eBooks .............................................................................................................................. Art, Biography, Business, Chick Lit, Children's, Christian, Classics, Comics, Contemporary, Cookbooks, Manga, Memoir, Music, Mystery, Non Fiction, Paranormal, Philosophy, Poetry, Psychology, Religion, Romance, Science, Science Fiction, Self Help, Suspense, Spirituality, Sports, Thriller, Travel, Young Adult, Crime, Ebooks, Fantasy, Fiction, Graphic Novels, Historical Fiction, History, Horror, Humor And Comedy, ......................................................................................................................... ......................................................................................................................... .....BEST SELLER FOR EBOOK RECOMMEND............................................................. ......................................................................................................................... Blowout: Corrupted Democracy, Rogue State Russia, and the Richest, Most Destructive Industry on Earth,-- The Ride of a Lifetime: Lessons Learned from 15 Years as CEO of the Walt Disney Company,-- Call Sign Chaos: Learning to Lead,-- StrengthsFinder 2.0,-- Stillness Is the Key,-- She Said: Breaking the Sexual Harassment Story That Helped Ignite a Movement,-- Atomic Habits: An Easy & Proven Way to Build Good Habits & Break Bad Ones,-- Everything Is Figureoutable,-- What It Takes: Lessons in the Pursuit of Excellence,-- Rich Dad Poor Dad: What the Rich Teach Their Kids About Money That the Poor and Middle Class Do Not!,-- The Total Money Makeover: Classic Edition: A Proven Plan for Financial Fitness,-- Shut Up and Listen!: Hard Business Truths that Will Help You Succeed, ......................................................................................................................... .........................................................................................................................
       Responder 
    Tem certeza que deseja  Sim  Não
    Insira sua mensagem aqui

Design

  1. 1. DESIGN PARA QUEM NÃO É DESIGNER Noções básicas de planejamento visual Retirado do livro: Design para quem não é designer. Robin Willians , 2ª edição, São Paulo : Callis. 2006.
  2. 2. <ul><li>PROXI midade </li></ul><ul><li>ALINHAMENTO </li></ul><ul><li>RePeTiÇãO </li></ul><ul><li>Co NtRaS tE </li></ul>Princípios Básicos
  3. 3. Princípios Básicos <ul><li>Vejamos a seguir uma capa de um </li></ul><ul><li>relatório comum (e sem criatividade): </li></ul><ul><li>centralizada, com espaços iguais para </li></ul><ul><li>preencher a página. Se você não soubesse </li></ul><ul><li>ler em português, pensaria que são seis </li></ul><ul><li>tópicos separados na página, pois cada </li></ul><ul><li>linha parece ser um elemento individual. </li></ul>Tudo o Que Vai Volta Lições para viajar de carona pelo país Robin Willians 1º de Janeiro de 2001 A seguir aplicaremos os quatro princípios básicos, acompanhando os resultados:
  4. 4. Proximidade Tudo o Que Vai Volta Lições para viajar de carona pelo país Robin Willians 1º de Janeiro de 2001 Se os itens estiverem relacionados entre si, agrupe-os em proximidade. Separe-os, se eles não estiverem diretamente ligados. Varie o espaço entre os itens para indicar a proximidade. Aproximando o título do subtítulo, criamos uma unidade bem-definida, no lugar de seis unidades segmentadas. Ficou nítido que os dois tópicos estão ligados entre si. Distanciando o nome do autor e a data, fica claro que estas informações não fazem parte do título.
  5. 5. Proximidade - CD-ROMs CD-ROMs CDs para crianças CDs educacionais CDs de lazer Discos laser - Educacional Aprendizado inicial Idiomas Ciências Matemática - Material do Professor Livros Material do professor Vídeos - Hardware e Acessórios Cabos Dispositivo de entrada Armazenamento Memória Modems Impressoras e acessórios Vídeo e som O maior problema desta lista é que tudo está próximo de tudo , dificultando uma relação ou organização. CD ROMs Educacional Material do Professor Hardware & Acessórios CD ROMs CDs para crianças CDs educacionais CDs de lazer Discos laser Idiomais Ciências Matemática Livros Material do professor Vídeos Cabos Dispositivo de entrada Armazenamento Memória Modems Impressoras e acessórios Vídeo e som A mesma lista foi criada através de grupos visuais. Acrescentando um contraste aos títulos e a linha divisória dá-se mais legibilidade, o que torna mais fácil uma relação entre o título e seus tópicos.
  6. 6. Alinhamento Tudo o Que Vai Volta Lições para viajar de carona pelo país Robin Willians 1º de Janeiro de 2001 Fique atento a cada elemento que você colocar na página. Alinhe cada objeto com uma parte lateral de outro, para que a página inteira fique unificada. Mesmo que o nome do autor esteja distante do título, existe uma conexão visual entre os dois elementos, criada através do alinhamento. O exemplo anterior também está alinhado: o alinhamento é a centralização. Mas como você pode ver, alinhando à esquerda ou à direita (como este exemplo) você cria uma lateral mais marcante, mais fácil de seguir com os olhos.
  7. 7. Repetição Tudo o Que Vai Volta Lições para viajar de carona pelo país Robin Willians Repetição é uma forma mais marcante de criar consistência em um material. Avalie se é apropriado fazer com que um dos elementos fique mais marcante e utilize-o como o elemento repetitivo. A fonte diferenciada do título se repete no nome do autor, fortalecendo a conexão entre ambos. Os pequenos triângulos foram especialmente acrescentados para criar uma repetição. A repetição ajuda a unificar elementos separados do design (da diagramação).
  8. 8. Contraste Robin Willians Você concorda com o fato de que o exemplo deste slide atrai seus olhos muito mais do que o anterior? Neste caso, o responsável é o contraste do preto contra o branco. Há várias maneiras de criar contrastes: linhas, fontes, cores, relações espaciais, direções, etc. O trabalho com o contraste neste exemplo foi apenas o de acrescentar a caixa preta. Realce um pouco a letra colocando o subtítulo em itálico, contrastando-o com a letra normal (sem italização) do título e do nome do autor. Tudo o Que Vai Volta Lições para viajar de carona pelo país
  9. 9. Tipologia A combinação de fontes diferentes visa aperfeiçoar a comunicação, porém, algumas vezes esta combinação pode confundi-la. Tome cuidado ao utilizar vários tipos de fontes, crie sempre um contraste para melhorar o entendimento. Há seis maneiras claras e diferentes de contrastar a tipologia: Não seja TÍMIDO Exponha suas idéias! Um contraste de tamanho nem sempre significa que você deva fazer com que o tipo fique grande; significa que deve haver um contraste. Por exemplo: quando você vê uma pequena linha isolada em uma página grande de jornal, fica com vontade de lê-la, certo? Grande parte do que o convida a fazê-lo é o contraste do tipo muito pequeno colocado em uma página grande.
  10. 10. O peso de uma fonte refere-se à espessura dos traços. A maioria das famílias é desenhada com vários pesos: regular, bold (negrito), light, etc. O contraste dos pesos é uma das melhores maneiras de aumentar a estética visual de uma página sem redesenhar algo, mas você nunca poderá alcançar o contraste belo e forte se não tiver uma fonte com traços grandes e fortes. Arial Arial Medium Arial Black (bold) Outro Newsletter Título nononononononononononononononononononononononononononononononononononOnonononononononononononononononononononononononononononononono.. Outro Título nonononononononononononononononononononononononononononononononononononononononononOnonononononononononononononononononononononononononononononono.. nononononononononononononononononononononononononononononOnonononononononononononononononononononononononononononononono.. Subtítulo nononononononononononononononononononomnononononononononononononononononOnonononononononononononononononononononononononononononononono.. Outro Newsletter Título nononononononononononononononononononononononononononononononononononOnonononononononononononononononononononononononononononononono.. Título nonononononononononononononononononononononononononononononononononononononononononOnonononononononononononononononononononononononononononononono.. nononononononononononononononononononononononononononononOnonononononononononononononononononononononononononononononono.. Subtítulo nononononononononononononononononononomnononononononononononononononononOnonononononononononononononononononononononononononononononono..
  11. 11. Serifado Estrutura Serifas Contraste grosso-fino Sem Serifa Não há serifas Não há contraste grosso-fino nos traços Existem ainda as categorias: Moderno, Manuscrito, Decorativo, Estilo Antigo. Ode Ode Ode Ode Ode Ode Ode Ode Ode A estrutura refere-se à maneira através de qual uma letra é construída e, como podemos ver através deste exemplo, a estrutura de cada categoria é bastante distinta. Dica importante: nunca coloque duas fontes de mesma categoria na mesma página . Não há como disfarçar suas similaridades. Além disso, existem tantas opções! Por que dificultar as coisas?
  12. 12. Forma A forma de uma letra refere-se ao seu formato. Os caracteres podem ter a mesma estrutura, mas suas “formas” podem ser diferentes. Por exemplo, a letra “G” (em caixa-alta) tem a mesma estrutura da letra “g” (em caixa-baixa) da mesma família. Entretanto, suas verdadeiras formas – ou formatos – são muito diferentes. Este é um tipo de contraste muito prático, e aumenta a legibilidade e ênfase de uma palavra ou frase. G g A a B b H h E e As formas de cada uma destas letras maiúsculas são completamente diferente das minúsculas. Portanto, caixa-alta versus caixa-baixa é outra maneira de contrastar os tipos. Usar caixa-alta algumas vezes (não exagere!) faz surgir um CONTRASTE girafa GIRAFA tartaruga TARTARUGA
  13. 13. Direção PARA CIMA! O tipo inclinado para cima cria uma energia positiva. Girar, inclinar, inverter, etc, as vezes podem ser uma boa maneira de enfatizar e contrastar uma parte de seu texto. Título longo nas duas colunas Nononononono nonononononononononononononononononononononononononononononononononononononononononononononononononononononononononono. Subtítulo nononononon ononononononononononoonnonononononononono. newsletter Nononononononononononononononononononononononononononononononononononononononono. Nonononono nononononononononononononononononononononononononononononononononononononononono.. Segundo Título interessante Ás vezes um redirecionamento marcante do tipo cria um impacto dramático ou um formato único, o que justifica plenamente seu uso.
  14. 14. D I C A
  15. 15. D I C A
  16. 16. D I C A
  17. 17. D I C A

×