Download livro design para quem não é designer

Agora você deve está perguntando: “Nooossa, o cara é designer e está compartilhando um livro de design para quem não é designer”.

Índice Show

Comentários para: WILLIAMS Design para quem não é designer

Olha, se a pessoa que fazer o trabalho dela sem nos contratar, ela vai fazer e pronto. Então melhor que ela tenha alguma noção, do que noção nenhuma. Não é verdade?

Então, se você que não é designer, e quer dar uma aparência melhor a suas páginas impressas mas não sabe como fazer, ou que percebe que a página criada por seu amigo é mais bonita que a sua, e você não entende o porque, ou mesmo você que já é designer e quer aprender mais sobre o assunto.

Seus problemas acabaram!

Neste livro você encontra noções básicas de planejamento visual para os seus trabalhos, e eles ficarão com uma aparência mais profissional.

A autora Robin Williams, de maneira clara e didática, ensina que qualquer pessoa pode elaborar páginas com uma estética melhor.

O download está separado em duas partes, e você pode fazê-lo por sua conta e risco, e se gostar, compre o livro físico. Ajudando assim a autora.

Aproveite!

Design Para Quem Não É Designer (parte 01)

Design Para Quem Não É Designer (parte 02)

Escreva um comentário ou deixe uma nota para que eu possa saber a sua opinião à respeito deste texto. Se você gostou.

Publicado

14/07/2017

Conteúdo relacionado por Tag
designer gráfico
download
Gráfico

Documento: pdf (203 páginas) 30.8 MB

Publicado em: 2020-05-01

Princípios de design etipografia
para iniciantes
Princípios
de design
e tipografia
para iniciantes
Robin Williams
Tradução de
Bárbara Menezes
callis
© 2008 por Robin Williams
Callis Editora Ltda.
Todos os direitos reservados.
4'- edição, 2013
Título original: The non-designer's design book
Traduzido da terceira edição em inglês, publicada originalmente em 2008
pela Pearson Education inc., selo editorial da Peachpit Press
TEXTO ADEQUADO ÀS REGRAS DO NOVO ACORDO ORTOGRÁFICO DA LÍNGUA PORTUGUESA
Coordenação editorial: Miriam Gabbai
Tradução: Bárbara Menezes
Revisão: Aline T.K.M. e Ricardo N. Barreiros
Diagramação: Idenize Alves, Ivan Coluchi e Thiago Nieri
CIP-BRASIL. CATALOGAÇÃO-NA-FONTE
SINDICATO NACIONAL DOS EDITORES DE LIVROS, RJ
W69ld
4.ed.
Williams, Robin, 1953-
Design para quem não é designer: princípios de design e tipografia para iniciantes/ [texto e
ilustrações Robin Williams; tradução Bárbara Menezes]. - 4. ed. - São Paulo:
Callis Ed., 2013.
216 p.: il. ; 25 cm
Tradução de: The non-designer's design book
ISBN 978-85-7416-836-4
1. Layout (Impressão) - Manuais, guias, etc. 2. Projeto gráfico (Tipografia).
3. Artes gráficas. 1. Título.
13-1558.
12.03.13 13.03.13
ISBN 978-85-7416-836-4
Impresso no Brasil
2013
Callis Editora Ltda.
Rua Oscar Freire, 379, 6º andar , 01426-001 , São Paulo , SP
Tel.: (11) 3068-5600 • Fax: (11) 3088-3133
www.callis.com.br ,
CDD:686.2252
CDU: 655.26
043388
Para, Carmen Sheldon,
minha, companheira, nCJ'
design, minha, amiga, na,
vida,. Com muitCTamor,
'R.
0 57,as sã Pf sas e publicadas hoje em
~ ~;~do que já foram antes e rodo editor de
uma propaganda, panfleto ou livro espera que
seu material seja lido. Editores e, principal-
mente, leitores querem que os assuntos mais
importantes sejam apresentados com clareza.
Eles não vão se interessar por nada que seja
complicado de ler, mas acham agradável o que
parece claro e bem-arrumado, pois a sua tarefa
de entender fica mais fácil. Por esse motivo, o
que é importante deve ser destacado e o que
não é importante, minimizado...
A técnica da tipografia moderna também tem
de se adaptar à velocidade dos nossos tempos.
Hoje, não podemos gastar tanto tempo lendo
um cabeçalho ou qualquer outro textinho
como era possível na década de 1890.
-.:>Jan Tschichoíd 1935
Garamond Premier Pro Regular
eltalic
-.!> Type Embellishments One
,1 H L!Jo Q i h Í I Í ti H ,1 O Á "
!':flf\\ frA(lllÂn!':iH,.
t n J\\H ti H J\\11 i I n I i I o r H J'"º n I o o
c:nporonf»+i~Htl» ~ r: 11c;t»
,,,. INDIVIDUALIDADE.
~ - 11 1 ~ - 11 d 1 9 1 ,. • 1 9 9 6
S r. hithl nn11 Rnuoh
Helvetica Regular
~ ' lhJ•N~•I ll.l•N•l.!.l±J0•J•J
[P{•l•l1[!jl W•I
Sumário
Este livro é poro você? . .. . .. . . .. . . .. . .. . . .. . .. . 10
Princípios do design
A epifania da iúca 11
Os quatro princípios básicos . . . .. . . .. . .. ........ 13
r--- Proximidade 15
Resumo do proximidade . . .. . . .. . . .. . .. . . .. . .. . 32
A finalidade básica . . .. . . .. . . .. . .. . . .. . .. . 32
Como conseguir isso . .. . . .. . . .. . .. . . .. . .. . 32
O que evitar ................ . ... ........ 32
Alinhamento 33
Resumo do alinhamento .......... .. .. . . ....... 50
A finalidade básica . . .. . . .. . . .. . .... ...... 50
Como conseguir isso . .. . . .. . . .. . .. . . .. . ... 50
O que evitar .. . . .. . .. . . .. . .. . . .... .. . ... 50
Repetição 51
Resumo do repetição . ....... . .. . . .. . .. . ....... 64
A finalidade básica ... . . . .. . . .. . .. . ....... 64
Como conseguir isso . .. . . .. . . .. . .. . ....... 64
O que evitar ..... . . .. . . .. . .. . . .. . ....... 64
[:'" Contraste 65
Resumo do contraste . . .. . .. . . .. . . .. . .. . . .. . .. . 80
A finalidade básica . . .. . . .. . . .. . .. . . .. . .. . 80
Como conseguir isso . .. . . .. . . .. . .. . . .. . .. . 80
O que evitar ...... . .......... . .... .. . .. . 80
11 suMÁRIO
ERevisão 81
Proximidade .......... . .......... . .......... 82
Alinhamento . ......... . .......... . .......... 83
Repetição ............ . .......... . .......... 84
Contraste . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 8s
Desafio nQ1: Princípios do design ................. 86
Desafio nQ2: Redesenhe este anúncio ............. 87
Resumo. .. . . .. . .. . . .. . ..................... 90
I
Usando cores 91
O fantástico círculo cromático ........ . .......... 92
Relações entre cores . .............. . .......... 93
Complementares... . .......... . .......... 94
Tríades .................... . .......... 95
Tríades com complemento dividido . . .......... 96
Cores análogas............... . .......... 97
Sombras e Luzes ............................. 98
Faça suas próprias sombras e luzes .. . .. . . ..... 99
Cores monocromáticas .. . . .. . .. . . .. . .. ... 100
Sombras e luzes combinadas .. . .. . . .. . . .... 10 1
Preste atenção nas tonalidades . . .. . .. . . .. . .. . . . 102
Cores quentes versus cores frias . .. . .. . . .. . . .. . . 103
Como começar a escolher? . .. . . .. . .. . . .. . .. . .. 104
CMYK versus RGB; impressão versus internet . . . . .. . . 106
EDicas e truques extras 109
Criando um pacote ..... . .......... . ......... 110
Cartões de visita . . . . . . . . . . . . . . . . . . . . . . . . . . . . 111
Dicas para o design de cartões de visita .......... 114
Formato.............................. 114
Tamanho da fonte .. . . .. . .. . . .. .......... 114
Crie uma imagem consistente em todas as peças . 114
Papéis timbrados e envelopes . . . .. . .. . . .. . .. . . . 11 s
Dicas para o design de papéis timbrados e envelopes 118
Tamanho do envelope ..... .. . .. .......... 118
Crie um ponto de foco .................... 118
Alinhamento............. . . .. . . .. . .. . . . 118
Segunda página .......... . . .. . . .. . .. . . . 118
Fax e cópias. ...... ... ... .............. 118
Flyers .. .................. .
Dicas para o design de flyers . . .
Crie um ponto de foco . . . . .
Use subtítulos que contrastem...
Repetição ..
Alinhamento....... . ...... .
Informativos .................. .
Dicas para o design de informativos.
Alinhamento. . .... .
Recuos de parágrafos ..
Helvetica não! .. . .
Texto de leitura fácil. .. .
Folhetos . .. . . .. . . .. . .. . .
Dicas para o design de folhetos.
Contraste.. .
Repetição . .
Alinhamento.
Proximidade.
Cartões postais . ..
Dicas para o design de cartões postais.
Qual é a sua intenção7 ..
Chame a atenção .... .
Contraste.......... .
Anúncios de jornal. ....... .
SUMÁRIO II
Dicas para o design de anúncios de jornal. .
119
122
122
122
122
122
123
126
126
126
126
126
127
130
130
130
13 0
130
13 1
134
134
134
134
135
138
138
138
138
139
142
142
142
Contraste.......... .
Escolha de fontes .... .
Texto vazado ....... .
Sites ... ............... .
Dicas para o design de sites
Repetição ......... .
Clareza/legibilidade... .
11 s uM Á RI O
Design com fontes
C Tipografia (& vida) 145
'-"' Concordância . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 146
Conflito. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 148
Contraste .......... . ... . .. . .. . . .. . .. . . .. . . 150
Resumo. ........... . ... . .. . .. . . .. . .. . . .. . . 152
1( Categorias de tipografia 153
Estilo antigo . . .. . .. . . .. . . .. . .. . . .. . . .. . .. . . 154
Moderna . .. . . .. . .. . . .. . . .. . .. . . .. . .. . . .. . . 155
Serifa grossa . . . . . . .. . .. . . .. . .. . . .. . . .. . .. . . 156
Sem serifa. ......... . .......... . ... . .. . .. . . 157
Manuscrita .................... . .... . . . .. . . 159
Decorativa . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 160
Seja consciente . ....................... . .. . . 161
Desafio nQ 3: Categorias da tipografia .......... .. . 161
Desafio nQ 4: Transições grosso-fino ............ . . 162
Desafio nQ 5: Serifas . . . . . . . . . . . . . . . . . . . . . . . . . 163
Resumo. ........... . ...................... 164
11 Contrastes na tipografia 165
Tamanho. .. . . .. . .. . . .. . . .. . .. . . .. . .. . . .. . . 166
Peso .. . . .. . . .. . .. . . .. . .. . . .. . . .. . . . . . .. . . 170
Estrutura . .. . . .. . .. . . .. . . .. . .. . . .. . .. . . .. . . 174
Forma . .......................... . .. . . .. . . 178
Direção . ........... . .......... . .. . .. . . .. . . 182
Cor . ............................ . .. . . .. . . 186
Combine os contrastes ........... . .. . . .. . .. . . 192
Resumo. ................... .. .... . .. . . .. . . 193
Desafio nQ 6: Contraste ou conflito . .. . . .. . .. . . .. . 194
Desafio nQ 7: Certo e errado . .. . . .. . .. . . .. . . .. . 195
Um exercício de combinação de contrastes . .. . . .. . 196
SUMÁRIO ª
Extras
E então, faz sentido? 197
O processo . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 198
Um exercício . ........ ............ .. ........ 199
Certo, refaça este design! ........... . ......... 200
13 Respostas dos desafios 201
Fontes deste Livro 205
Fontes principais .............. .. ........ 205
Modernas ....... .. ......... .. ........ 205
Estilo antigo ...... .. ......... .. ........ 206
Serifa grossa ..... . .......... .. ........ 206
Sem serifa ....... .. ......... .. ........ 207
Manuscritas ............ . . .. . .. ........ 208
Ornamentos ............... . . .. .. ... ... 208
Decorativas .................... . ...... 209
Apêndice 2 1 0
OpenType . ........... .. ......... .. ........ 2 1 0
Miniglossário. ......... .. ......... .. ........ 211
Fontes .............. .. ......... .. ........ 211
Índice remissivo 2 1 2
É horrível.
Herb Lubalin
Mas é adequado?
Edward Gottschall
m PRINCÍPIOS DO DESIGN
Este livro é
para você?
Este livro foi escrito para todas as pessoas que precisam cuidar do design
de páginas, mas não têm formação ou treinamento formal em design. Não
falo apenas daqueles que criam embalagens rebuscadas ou folhetos longos.
Falo dos assistentes cujos patrões agora lhes pedem para criar informativos,
voluntários de igrejas que fornecem informações para as congregações,
proprietários de pequenas empresas que fazem suas próprias propagandas,
alunos que entendem que um trabalho bonito com frequência ganha uma
nota melhor, profissionais que sabem que uma apresentação mais atraente
gera mais respeito, professores que aprenderam que os alunos reagem de
forma mais positiva a informações bem-apresentadas, estatísticos que
percebem que números e estatísticas podem ser organizados de uma maneira
que convide à leitura e não ao sono, e assim por diante.
Este livro parte do pressuposto de que você não tem o tempo ou o interesse
para estudar design e tipografia, mas gostaria de saber como deixar suas
páginas mais bonitas. Bem, a premissa deste livro é antiga: saber é poder.
A maioria das pessoas pode olhar para uma página com um design ruim e
afirmar que não gostam dela, mas não sabem exatamente o que consertar.
Aqui, eu apontarei os quatro conceitos básicos que são usados em pratica-
mente todos os trabalhos com um bom design. Esses conceitos são claros e
concretos. Se você não sabe o que está errado, como pode arrumar? Depois
de reconhecer esses conceitos, você verá se eles foram ou não aplicados às
suas páginas. Se souber apontar o problema, você poderá achar a solução.
Este livro não tem a intenção de substituir os quatro anos de uma escola de
design. Não tenho a pretensão de que você se torne um designer brilhante
automaticamente após ler este livro. Porém, garanto que nunca mais
olhará para uma página da mesma maneira. Garanto que, se você seguir
esses princípios básicos, seu trabalho terá uma aparência mais profissional,
organizada, unificada e interessante. E você se sentirá poderoso.
Carinhosamente, ~ ~-- -
eApifania
da iúca
Este breve capítulo explica os quatro princípios básicos em termos gerais,
que serão explicados em detalhes nos capítulos seguintes. Porém, em primeiro
lugar, quero contar uma historinha que me fez perceber a importância de
sermos capazes de dar nome às coisas, já que nomear esses princípios é a
chave para conseguir dominá-los.
Muitos anos atrás, eu ganhei no Natal um livro que ensinava a identificar
árvores. Eu estava na casa dos meus pais e, depois de todos os presentes
terem sido abertos, decidi identificar as árvores do bairro. Antes de sair, li
uma parte do livro. A primeira árvore dele era a iúca, porque são necessárias
apenas duas dicas para identificá-la. Bem, a iúca é muito esquisita e eu
olhei para a imagem e pensei: "poxa, não temos esse tipo de árvore aqui
no norte da Califórnia. Ela é estranha. Eu saberia se a tivesse visto e nunca
vi uma antes'.'
Assim, peguei olivro e saí. Meuspais moravam
no bolsão de uma rua sem saída com seis
casas. Quatro dessas casas tinham iúcas no
quintal da frente. Eu morei naquele lugar
por 13 anos e nunca vira uma iúca. Dei uma
volta no quarteirão e deve ter havido uma
liquidação na loja de plantas quando todos
estavam decorando seus novos lares; pelo
menos 80% das residências tinham aquelas
árvores no quintal da frente. E eu nunca vi
uma antes!Depois que soube da existência da
árvore - depois que fui capaz de nomeá-la-,
m PRINCÍPIOS DO DESIGN
eu a vi por toda parte. É exatamente aí que quero chegar: depois que você
aprende a dar nome a uma coisa, você tem consciência da existência dela.
Você pode dominá-la. Você manda nela. Você tem o controle.
Portanto, agora você aprenderá os nomes de diversos princípios de design.
E terá controle sobre suas páginas.
O bom design é tão fácil
quanto 1, 2, 3
1. Aprenda os p1incípios.
Eles são mais simples do que você imagina.
2. Reconheça quando não os está usando.
Coloque em palavras: dê nome ao problema.
3. Aplique os p1incípios.
Você vai se surpreender.
O bom design
é tão fácil quanto ...
...
Aprenda os princípios.
Eled (/(lO mau dLÍnpled do que l'OCê tinagtiuz.
Reconheça quando não os está usando.
Cobque em pala11rtu: ék'nome aoproblema.
Aplique os princípios.
~ Vocêmi&dwp1-ee1u
l:1:
fontes
Times New Roman Regular
eBold
fontes
Univers 75 Black
Univers 65 Bold
Gxhiu /tal/e
Potrzebie (números)
UM: A EPIFANIA DA IÚCA m
Os quatro princípios básicos
A seguir, temos uma breve visão geral dos princípios básicos do design
que aparecem em todos os trabalhos bem diagramados. Embora eu discuta
cada um desses princípios separadamente, lembre-se de que eles são
interligados. É raro apenas um ser aplicado.
Contraste
A ideia por trás do contraste é evitar elementos na página
que sejam apenas semelhantes. Se os elementos (fonte,
cor, tamanho, espessura da linha, forma, espaço etc.) não
forem iguais, então você deve deixá-los bem diferentes.
O contraste é geralmente o mais importante atrativo
visual de uma página, é o que faz o leitor olhar para ela
em primeiro lugar.
Repetição
Repita elementos visuais do design por toda a peça. Você
pode repetir cores, formas, texturas, relações de espaço,
espessura das linhas, fontes, tamanhos, conceitos gráficos
etc. Isso aumenta a organização e fortalece a unidade.
Alinhamento
Nada deve ser colocado na página de maneira arbitrária.
Todo elemento precisa ter alguma conexão visual com
outro elemento da página. Isso cria um visual limpo,
sofisticado e renovado.
Proximidade
Itens relacionados uns com os outros devem ser agrupados.
Quando vários itens estão próximos, eles se tornam uma
unidade visual em vez de diversas unidades separadas. Isso
ajuda a organizar as informações, reduz a confusão e dá ao
leitor uma estrutura clara.
Hum•••
Quando eu estava reunindo esses quatro princípios básicos dovastolabirinto
da teoria do design, eu pensei que deveria haver uma sigla adequada e
fácil de memorizar para essas ideias conceituais, que ajudaria as pessoas
a se lembrarem delas. Bem, hum, há uma sigla fácil de memorizar - mas
muito inadequada*. Desculpem-me.
N. do T.: Em inglês, a sigla seria CRAP, uma palavra vulgar usada para qualificar o que é ruim e
também uma maneira obscena de chamar as fezes.
II PRINCÍPIOS DO DESIGN
A1oa
1 -
COlllUlliCélÇélO
élão
e~iJnu1ante
quanlomféprelo • • •
e nos
lh,a o sono
cmn a 1nes1na força.
ANN~ MoRRow Lrnm~rnG1-1
fontes
M- Lt..Sohd
E
scaJicb Gqthico
m
Proximidade
É muito comum, no trabalho de designers iniciantes, as palavras, frases e
imagens aparecerem por toda parte, preenchendo cantos e ocupando muito
espaço, para que não sobrem espaços em branco. Parece haver um medo
do espaço em branco. Quando elementos de um design ficam espalhados, a
página parece desorganizada e as informações podem não estar imediatamente
acessíveis para o leitor.
O Princípio da Proximidade de Robin afirma que devemos agrupar itens
relacionados, aproximá-los fisicamente, para que sejam vistos como um
grupo coeso em vez de um monte de pedaços sem relação.
Itens ou grupos de informações que não estejam relacionados não devem
estar próximos, o que dá ao leitor uma dica visual imediata da organização
e do conteúdo da página.
Um exemplo muito simples ilustra esse conceito. Na lista abaixo, no lado
esquerdo, o que você imagina sobre todas essas flores? Provavelmente, que
elas têm algo em comum, certo? Na lista à direita, o que você imagina? Parece
que as últimas quatro flores são diferentes das outras. Você entende isso
instantaneamente. Esem ter consciência de que entendeu. Você sabe que as
últimas quatro flores são diferentes porque elas estãofisicamente separadas
do resto da lista. Esse é o conceito da proximidade: em uma página (como
na vida), a proximidade física indica uma relação.
"lrliliM,;,!Jk~;,
Calêndula
Amor-perfeito
Crisântemo
Madressilva
Margarida
Primavera
Cravo
Prímula
Violeta
Rosa
"lrliliM,;,!Jk~;,
Calêndula
Amor-perfeito
Crisântemo
Madressilva
Margarida
Primavera
Cravo
Prímula
Violeta
Rosa
fontes
~~"''fí''R'fí"I""'
Formata Light
m PRINCÍPIOS DO DESIGN
Observe o layout clássico dos cartões de visita abaixo. Quantos elementos
separados você vê neste espaço pequeno? Ou seja, quantas vezes seu
olhar para sobre alguma coisa?
Rafael Ribeiro (11 ) 555-1 2 12
Taverna Sereia
Rua dos Passos, 916 São Paulo, SP
O seu olhar parou cinco vezes? É claro, há cinco itens separados
nesse pequeno cartão.
Onde você começa a ler? No meio, provavelmente, porque ele tem
as palavras em negrito.
O que você lê em seguida7 Da esquerda para a direita (porque
está em português)7
O que acontece quando você chega ao canto inferior direito7 Para
onde vai o seu olhar7
Você ficou lendo outras vezes para ter certeza de que não deixou
passar nenhum canto7
E se eu confundir ainda mais?
Rafael Ribeiro (11 ) 555-12 12
Taverna Sereia
Rua dos Passos, 916 São Paulo, SP
Agora que há duas frases em negrito, por onde você começa?
Pelo canto superior esquerdo? Pelo centro?
Depois de ler esses dois itens, para onde você vai7 Talvez
seu olhar fique indo e vindo entre as palavras em negrito,
tentando, nervoso, absorver também as informações nos
cantos.
Você sabe quando acabou de ler7
O seu amigo segue o mesmo padrão que você7
D O I S: P R OXIMIDADE lil
Quando vários itens estão próximos uns dos outros, eles se tornam
uma unidade visual, em vez de várias unidades separadas. Como na
vida, a proximidade indica uma relação.
Ao agrupar elementos similares em uma unidade, diversas coisas
acontecem namesma hora:a página fica mais organizada; você entende
onde começar a ler a mensagem e sabe quando terminou; e o "espaço
em branco" (o espaço ao redor das letras) automaticamente fica mais
organizado também.
Um problema do cartão anterior é que nenhum dos itens
parece relacionado a nenhum outro. Não fica claro onde
você deve começar a ler e não fica claro quando você
termina a leitura.
Se eu fizer uma coisa com esse cartão de visita. se eu agrupar
elementos relacionados, aproximá-los. veja o que acontece:
Taverna Sereia
Rafael Ribeiro
Rua dos Passos, 9 16
São Paulo, SP
(11 )555-1 2 12
Agora há alguma dúvida sobre onde começar a ler
o cartão7 Para onde seu olhar vai depois7
Você sabe qua ndo terminou de ler7
Com esse simples conceito. esse cartão agora
está organizado em termos intelectuais e visuais.
E. assim. ele comunica com mais clareza .
fontes
Formata Light
Jermata Bolei Condensed
m PRINCÍPIOS DO DESIGN
Abaixo, temos um típico cabeçalho de informativo. Quantos...

mostrar mais »paraQuemWilliamsDesignDesigner