Conceitos básicos de projeto: os quatro princípios principais

1. Introdução: Então você quer ser designer? Bem, a boa notícia é que você está no lugar certo. Esta classe vai cobrir os quatro princípios fundamentais do design. Estes são os blocos de construção de todos os grandes projetos. Design realmente não é complicado, ou pelo menos não deveria ser. E uma vez que você entenda os quatro princípios fundamentais do design e os aplique em seu trabalho, seus projetos começarão a desviar o olhar. Melhor design visual não requer algum talento raro com o qual apenas algumas pessoas são abençoadas . E o design não é uma arte mística que você tem que subir ao topo de uma vida de pé da montanha porque é uma disciplina baseada em princípios. Qualquer um, em qualquer lugar, pode começar a aprender a projetar. Depois de aprender os princípios, você pode começar a aplicá-los ao seu trabalho imediatamente. Isto não quer dizer que o design é completamente formulaico. Há muito espaço para o pensamento criativo e o design, e os designers empurram e quebram os princípios de maneiras únicas para criar designs incríveis. Mas você tem que entender os princípios antes de começar a usá-los de maneiras únicas. Então vamos começar. Vamos mergulhar e aprender sobre os quatro princípios fundamentais do design 2. Princípio 1: Proximidade: o primeiro princípio que vamos aprender é chamado de proximidade. Proximidade significa o quão perto as coisas estão juntas. Se eu segurar minhas mãos juntas, então eles estão próximos um do outro. Por que a proximidade é um design importante? Porque o cérebro humano usa proximidade percebida para determinar relações sobre as coisas. Por exemplo, se duas coisas estão próximas, então nós percebemos que elas estão relacionadas ou estão sendo parecidas umas com as outras. Considerando que se duas coisas estão distantes, nós percebemos que elas são diferentes umas das outras ou que não têm relação um lugar fácil para nós ver um exemplo de falta de proximidade é com esses dois mapas. Atualmente, a proximidade das chaves com os mapas não nos diz nada sobre seu relacionamento, e como usuário, teríamos que fazer um trabalho dedutivo para descobrir qual chave com qual mapa. Mas se aplicarmos o princípio da proximidade a este design, rapidamente se torna claro qual chave vai com qual mapa. Podemos determinar essa relação com base em onde o mapa e a chave estão. Então, quando você estiver projetando, sempre tenha em mente o princípio da proximidade. Se você tem dois elementos, eles são supostamente relacionados eles estão perto o suficiente para que o usuário possa determinar isso? E se você tem elementos que não são supostamente relacionados, eles são suficientemente separados e fora um do outro maneira suficiente para o usuário Comptel? 3. Princípio 2: alinhamento: alinhamento é um dos princípios mais importantes em design. É um dos aspectos mais agradáveis quando é feito bem e é um dos aspectos mais agravantes para os espectadores quando é feito mal. É também uma das áreas onde os novos designers parecem lutar mais simplesmente porque não estão prestando atenção ou porque eles não sabem as ferramentas para lidar. Vamos dar uma olhada em alguns exemplos de um vinho primeiro. Temos três círculos. Estes círculos não estão alinhados com tudo. Eles parecem meio perigosos, e há uma sensação de caos nisso. O espectador experimenta alguma ansiedade só porque há uma falta de ordem para a imagem. Neste caso, podemos fazê-lo se sentir melhor simplesmente alinhando o círculo. Agora os círculos estão todos alinhados ao longo de sua linha central. Porque todos esses círculos são do mesmo tamanho. Eles também estão alinhados ao longo de sua parte superior e inferior. Se os círculos fossem tamanhos diferentes, teríamos que escolher qual aspecto deles alinhar. Podemos alinhar este centro ou podemos alinhar o topo ou podemos aprender o corpo. Cada alinhamento retrata uma relação diferente entre. Neste caso, o alinhamento inferior transmite uma sensação de crescimento do segundo para o terceiro círculo. Outra parte do conceito de alinhamento é a distribuição. Nesse caso, todos esses círculos têm igual espaço entre. Isso é agradável aos olhos do espectador e indica que a relação entre o primeiro e o segundo círculos é a mesma que a relação entre o segundo e o terceiro. Senhor, há outras maneiras de alinhar objetos quando estão indo de cima para baixo. O primeiro, como você deve ter adivinhado, é alinhar seu centro. As bordas esquerdas e as bordas direitas também se alinham porque são do mesmo tamanho. Mas, claro, isso muda. Se mudarmos o tamanho de um de agora, podemos escolher onde alinhar. Esteja sempre ciente de como as coisas ficam quando estão alinhadas. Por exemplo, quando meus círculos estão alinhados à esquerda, meu círculo superior parece um pouco estranho, como se estivesse prestes a cair. Se eu mudar minhas formas dois quadrados, no entanto, então este alinhamento à esquerda dá uma sensação de hierarquia como o quadrado superior é mais importante, e acima dos outros dois cursos, nós também poderíamos alinhá-los à direita, e isso daria uma sensação diferente também. Lembre-se de que o alinhamento é crucial, mas é muito difícil acertar olhando. Todos os programas de design digital têm ferramentas de alinhamento incorporadas a eles, portanto, certifique-se de que você está usando essas ferramentas como você foi projetado. 4. Princípio 3: repetição: O próximo princípio sobre o qual vamos falar é a repetição. Repetir elementos em todo o seu design ajuda a dar um campo coeso à paz. repetição de elementos em vários designs dá um campo coeso a uma marca ou portfólio. Há muitas coisas que podem ser repetidas no design. Três dos mais comuns são tipo, forma e cor. Você me viu fazer isso ao longo do curso. Todos os meus slides usaram o mesmo tipo rosto repetitivo forma, elementos como o sublinhado e as cores preto e branco. Vejamos um exemplo de uma paz de design com repetição. Aqui temos uma simulação de um conjunto de instruções. O que vemos que se repete aqui? Há o elemento de número repetido no lado esquerdo, todos na mesma cor e todos na mesma forma. A fonte é a mesma em toda parte. Do peso é diferente. Entre os subheds do título e o corpo do texto, repetimos a maneira em tamanho para mostrar que tipo de texto cada peça é. Embora a imagem seja diferente para cada passo, ela está sempre no mesmo lugar em relação ao texto e os elementos de forma como o céu e as colinas permanecem os mesmos. Você deve sempre olhar para a sua peça e certificar-se de que você está repetindo elementos ao longo. Repetir elementos ajuda a reduzir a carga cognitiva do espectador porque uma vez que eles descobriram um dos elementos repetitivos, eles imediatamente também entendem os que se seguem. 5. Princípio 4: contraste: O próximo princípio sobre o qual vamos falar é o contraste. O contraste é quando as coisas são diferentes, colocando contraste no seu seguro de design que ele será legível. E como todos os princípios de design, o contraste ajuda a definir as relações entre elementos em um layout. A chave, para contrastar, é certificar-se de que as coisas que são diferentes são realmente diferentes. Eles não podem ser apenas um pouco diferentes, ou o espectador vai ficar confuso sobre se eles são ou não supostamente diferentes. E a relação entre os elementos ficará confusa. Existem muitas maneiras de criar contraste. Vamos dar uma olhada em alguns exemplos. Preto sobre Branco é um exemplo de bom contrato. Como Grand White é um exemplo de má consciência. Você pode contrastar de muitas maneiras diferentes. Um deles é com tamanho. Você pode contrastar coisas grandes com coisas pequenas. Outra maneira de criar contraste é com o formulário. Você pode contrastar fundos Sarah, fontes San Serif. Esta não é uma classe de tipografia, mas apenas esteja ciente de que uma fonte Sarah tem pequenas asas nas letras em uma fonte sans serif não tem isso. Outra maneira de criar contraste é com a cor. Há muitas maneiras de orar contrastando com a cor, incluindo variando suas tonalidades e tons. Mas a maneira mais fácil é usar cores complementares para contrastar essas cores de ar que estão opostas uma à outra na capa, como vermelho e verde, azul e laranja e roxo e amarelo. O contraste é crucial para que o espectador possa entender seu design. Por esta razão, mau contraste pode ser uma armadilha, e até mesmo designers experientes podem criar um mau contraste para algum tipo de sensação artística que acaba tornando seu design completamente inutilizável. Portanto, esteja sempre ciente do nível de contraste em sua 6. Exemplo de análise e projeto de curso: É isso. Aprendemos os quatro princípios fundamentais do design. Agora você está pronto para sair e começar a usar esses princípios em seu próprio trabalho de design. Mas a melhor maneira de internalizar esses princípios é começar a procurá-los ao seu redor . Por essa razão, o projeto para este curso é para você ir encontrar exemplos desses princípios no mundo real . Aqui, os passos para o projeto encontram pelo menos peças redesenhadas. Você confinou Mawr se quiser, mas precisa de pelo menos três para começar. Estes podem ser qualquer coisa eles podem ser anúncios, interfaces de programas de computador, outdoors, cartões de visita, qualquer coisa que seja uma peça visualmente projetada. Tire fotos dessas peças e, em seguida, carregue essas fotos para o projeto. Em seguida, em seu projeto, analise os quatro princípios como você os vê em cada uma das peças de design. Deixe-me mostrar-lhe o que quero dizer com alguns exemplos. Aqui temos um anúncio. Isso parece que provavelmente apareceria em uma revista, e queremos analisá-la de acordo com os quatro princípios fundamentais, então vamos começar passando por eles. Vamos falar de proximidade por um segundo. Onde vemos proximidade aqui? Bem, vemos proximidade nos títulos por cima do chapéu, certo? Então os títulos devem se relacionar com os chapéus. E com o gato alto, há boa proximidade. Mas com chapéu curto, a proximidade não é tão grande. O título está longe dele, e por isso pode ser difícil determinar a relação lá, especialmente porque esse é o primeiro recibo. Por que é isso? Bem, eles querem que os títulos permaneçam alinhados, tenho certeza. Então eles estão usando o princípio do alinhamento para manter esses títulos alinhados uns com os outros. Além disso, o fato de que você tem que deixar cair os olhos para baixo é usar essa falta de proximidade para realmente enfatizar seu ponto de que seus convidados são diferentes. Depois os passageiros, outra companhia aérea. Onde mais vemos alinhamento aqui? Bem, os chapéus estão alinhados para que eles estejam em um jogo equilibrado, que torna o contraste entre eles ainda mais aparente. Você pode ver que nós realmente não podemos falar sobre apenas um dos princípios do design sem falar sobre os outros. O contraste aqui fica um pouco fraco no lado esquerdo, onde temos o branco do chapéu com a extremidade mais clara deste radiante verde azulado. Então esse não é o meu favorito para contraste. O contraste é muito bom no chapéu mais alto, e como essa é a ênfase da peça, eu acho que eles estão tentando guiar o nosso I lá. Mas eu ainda apreciaria mais contraste no lado esquerdo. O que temos nós? A. Por repetição? Bem, nós temos a fazenda repetindo nos títulos de cada um dos bonés, assim passageiros e nossos convidados jantam. É a mesma fazenda. Temos fazendas brancas em todo o lado, exceto no logotipo, e temos a repetição da cor verde azulada em todo o design. Os próprios chapéus são um elemento de repetição porque você tem um chapéu e então você tem outro. Mas eles também são um elemento de contraste porque obviamente você está destinado a comparar um o outro e determinado que o da direita é melhor do que o da esquerda. Certo, vamos ver outro exame. Aqui está um outdoor para o sorvete McDonald's, e o que vemos aqui? Bem, vamos falar de proximidade. Os dois cones são colocados juntos no meio, o que lhes dá proximidade um ao outro, convidando-nos a comparar diretamente o fato de que há dois vem lá. Mas o texto do outro lado é colocado longe um do outro, modo que o texto não está necessariamente relacionado. Bem, está relacionado, mas é a proximidade dos cones que puxa tudo junto e nos ajuda a entender a relação entre agora. contraste aqui é muito bom. Obviamente, nós temos marrom escuro e branco como as cores primárias aqui, e nós temos texto branco sobre fundo marrom escuro e texto marrom escuro sobre um fundo branco e, em seguida, sorvete branco e sorvete marrom escuro. Então, os anos de contraste ótimo. É fácil de ler, o que é muito importante na criação de um outdoor. Quanto à repetição, temos a repetição das cores que une toda a peça. E temos a repetição da fazenda, que reduz o amor cognitivo por não nos pedir para mudar o tipo de fonte que estamos lendo enquanto estamos no meio dela. Temos contraste entre o tamanho do texto para o preço e o tamanho do texto para o que é então Obviamente eles estão tentando enfatizar o preço, tornando-o maior. Alinhamento aqui é um pouco interessante. Obviamente, os “vem “estão no meio da paz lá, o tiro principal lá, toda a ideia por trás disso. E então nós temos texto em cada lado texto, que é deixado alinhado para si mesmo, mas então começar no yang, que nosso centro alinhou Bem, na verdade, eu acho que à direita, Há linha esquerda no centro Yang, alinhamento sobre a esquerda, no então o alinhamento. Sabe, funciona, mas talvez possa ser melhor. Tudo bem, seguindo em frente. Este é o aplicativo do tempo no IOS, e por isso isso é realmente importante. Há muita informação visual sendo comunicada, e por isso aplicar os princípios de design aqui é realmente muito importante. Tão proximidade importante que a temperatura principal está próxima do nome do Castelo da Cidade, que é óbvio que esta é a temperatura em Los Angeles. É importante no momento, e o ícone do tempo neste caso, o sol e a temperatura que se espera naquela hora estão todos próximos, de modo que é óbvio que às 13h vai ser ensolarado e 86 graus. Há também alinhamento acontecendo lá, então eles alinham cada uma dessas peças no centro juntas para que seja fácil de lê-las e você pode dizer que todas elas vão para baixo. Há alinhamento horizontalmente. Então o que é interessante aqui é que eles realmente mudam o alinhamento. Eles fazem um contraste de alinhamento primeiro, começando com o alinhamento indo direto para baixo. E então eles Lima indo direto através da leitura sábado será ensolarado com uma alta de 88 baixa de 63. Você pode ver que eles estão contrastando o branco do 88 com o azul acinzentado do 63 eles estão tentando enfatizar através do contraste o que o alto será e enfatizar o que o baixo Estas são apenas escolhas que fazemos no design, mas entender os princípios nos ajuda a fazer essas escolhas. Então, obviamente, aqui há repetição dos formulários, então o farm para os diferentes itens é repetido. Então, quando são palavras, é uma certa fonte, e quando são números, é uma forma diferente, e há repetição de ícones. Assim, o sol aparece e o mesmo sol aparece quando está parcialmente nublado para que eles não estejam mudando esse elemento. Esse elemento era um símbolo solar completamente diferente que aumentaria a carga cognitiva no espectador. Ok, isso vai servir para esses exemplos. Esse é o tipo de análise que eu quero ver você fazendo em seu projeto de compartilhamento de habilidades. Quando você carregar suas fotos, diga-nos o que você vê acontecendo com os quatro elementos do design. 7. CONCLUSÃO: Parabéns. Você chegou ao fim do curso. Você aprendeu os quatro princípios fundamentais do design. Então a próxima pergunta pode ser, onde você vai daqui em sua jornada para se tornar um designer? Bem, a primeira coisa a fazer é completar o projeto para este curso, como falamos no último vídeo. Isso ajudará você a começar a procurar os quatro princípios fundamentais do mundo ao seu redor. E isso é algo que você deveria fazer todos os dias. Sempre que tiver um pouco de tempo. Sempre que você estiver em algum lugar novo, pense nos quatro princípios fundamentais e como eles estão sendo usados nas coisas que você vê quando você está na fila do supermercado, olhe para a embalagem das coisas que eles estão vendendo na vida e analisá-lo para os quatro princípios fundamentais. Quando você estiver esperando por sua comida e restaurante, olhe para o menu. Olhe para as tendas de mesa que estão sentadas lá e analise essas para os quatro princípios fundamentais . Passar por este tipo de prática realmente irá ajudá-lo a ver como você pode aplicar os princípios em seu próprio trabalho. Agora há muitos cursos sobre design aqui e compartilhamento de habilidades que você pode tomar agora e começar a aprender as ferramentas que você precisa ter para ser capaz de fazer realmente excelente design. Percebi que se você está apenas começando como designer, talvez você não tenha acesso a alguns dos programas mais altos, como o Adobe Illustrator e no Design. Por essa razão, criei cursos que qualquer um pode usar para começar a aprender a projetar com ferramentas que já possuem. Eu tenho cursos sobre como projetar um power point, que a maioria das pessoas já tem em seu computador. E eu tenho curso AH sobre como usar o aplicativo de montagem no iPad, que é gratuito e pode criar ilustrações vetoriais impressionantes. Então, confira esses cursos no meu canal se você quiser aprender a projetar sem gastar muito dinheiro adiantado em algum programa, eu também recomendo que você obtenha um livro sobre design que você possa consultar facilmente quando estiver trabalhando. O livro que eu recomendo é o livro Non Designers Design de Robin Williams. Os desenhos desse livro não são o meu favorito, mas os princípios que ela ensina são realmente bons e muito claramente colocados juntos, eu descobri que é muito útil no ensino de novos designers sobre os princípios e como aplicá-los . Muito obrigado por fazer este curso, e espero vê-lo em outro curso muito em breve.