Conceitos de design: funcao, letras, cores e formas Nao sabe bem o que é design, mas tem simpatia? Leia para ter uma compreensao mais clara da fungéo do design ¢ um roteiro para iniciar estudos. Se entendeu e empolgou, é isso mesmo. Por Agni Design é uma palavra da moda, usada uma porgao de coisas, que nem sempre tem relagéo com design. Aparece em capas de revista, temas de palestras, cursos @ campanhas publicitérias. As vérias interpretaghes © 0 pouco a esclarecimento sobre a real fung&o do design geram confusdio e atrapalham 0 processo de criagéo. Tio, o que 6 design? Design refere-se ao projeto visual € funcional de um produto (em nosso caso um website). E adaptar um produto & necessidade dos seus usuarios, cativar 0 seu uso através da estética, aplicar conceitos ¢ usabilidade sua forma, ‘Alguns profissionais, empresas, cursos, malérias de revistas © conversas de potequim associam 0 design a produgao de imagens ou manipulagéo de um software especifico. No entanto, os softwares so apenas ferramentas nao garantem a qualidade do projeto. Nenhum software deve ser encarado como uma solugée proma Existem diversos programas com fungées similares @ a escolha sobre qual utiizar € de cada um. A definigo do que é design vai muito além do Photoshop. © design é uma area projetual. E responsavel por gerar desempenho, qualidade, durabilidade © aparéncia a um produto. Cada trabalho a ser realizado exige planejamento, pesquisa, crialividade e técnica. Ao contrario do que muitos pensam, a fungéo do design néo esta vinculada pure © simplesmente & produgdo de imagens. Vibes Yeates TO yy Ler “PpA fungao do design, além da estética, é tomar um produto funcional. E transformar informagao em comunicagao Na produgSo de um website (assim como em outros produtés) deve-se elaborar um projeio coerente, que fornega solugées eficientes @ eficazes em usabilidade, desempenho e comunicagao, focadas nas necessidades do plblico alvo, Nao é apenas um trabalho criativo, mas também de planejamento e de pesquisa. Produzir um website inevitavelmente exige ‘pensar’ Portanto, além da manipulagao de softwares, existem alguns métodos de planejamento e pesquisa que se deve conhecer. Além ainda de conhecimentos conceituais sobre como trabalhar a pregnancia da forma Tio, por onde comegar 0 projeto? inicialmente, devem ser coletadas e organizadas as informagées para 0 projeto. Utiizar elementos dentro de qualquer pega gréfica sem um estudo do caso 6 um equivoco que compromete a comunicagdo e a funcionalidade. Ha que se lavar em consideracdo fatores como 0 objetivo do projeto, o produto a ser divulgado, 0 piiblico alvo (sexo, idade, cultura, classe social, etc) identidade visual, motivagdes etc. Para realizar tal estudo do caso, nada melhor do que ter em mos um briefing bem elaborado 0 ideal para a elaboragéo desse documento € reunir-se com o cliente, tirando suas dividas, esclarecendo detalhes @ orientando-o sobre conceitos © tecnologias. Quando esse processo de elaboracdo ndo é possivel de se realizar com 0 cliente, pode-se enviar a ele um documento com perguntas 2 serem respondidas, 0 que nem sempre é satisfatorio. E possivel encontrar varios modelos ¢ exemplos de briefing na web, dando uma nogio de como esse documento deve ser feito. No entanio 0 ideal ¢ nao seguir um modelo, € sim elaboréo sempre de acordo com a necessidade do projeto,AApés a anélise do briefing e com as devidas pesquisas feitas, 0 proximo passo 6 a arquitetura da informagso. Como organizer a estrutura da interface © 2 istrbuigdo das informagées em categorias, além de priorizar a comunicagéio de informagées mais relevantes. O documento apropriado para especificar a cordem e 0 posicionamento dos elementos que véio compor a pagina € © wireframe, Através de uma forma esquemética, ele representa a distribuicao © a hierarquia das informagées a serem comunicadas. A partir dos posicionamentos do wireframe que s8 constréi o layout Gada elemento do layout deve ter uma fungao Uma vez que uma das fungdes do design é transformar informagéo em comunicagao, nenhum elemento dentro do layout deve estar la sem comunicar algo. Elementos desnecessérios podem confundir, poluir ¢ dificultar 0 acesso ¢ O entendimento das informagées. Para um bom trabalho, € necessario fazer um estudo de conceitos visuais e de comunicagao e saber porque usar determinadas cores, fontes e formas, em fungSo da imagem e das sensagdes que esses elementos transmitem ao usuario. ‘As cores tém poder de comunicagéo bem maior do que se imagina. E importante saber trabalhar com a psicodinamica das cores, para que elas transmitam a imagem e as sensagdes orientadas no briefing. Cada cor transmite informagées, sensagdes @ emogées diferentes, Uma boa introdugso neste assunto € encontrada no site Color in Motion, que por meio de uma animagéo, dé exemplos de sensagdes © emogbes que cada cor pode representar. Para elaborar a paleta de cores de um site, é importante saber como trabalhar as combinagées cromaticas. Por mais que se saiba que cores transmitem 2s sensagdes desejadas, é essencial saber combiné-las, Nesta tarefa é essencial ter em maos um girculo cromatico.