![\"\"](\"https:\/\/www.mxcursos.com\/blog\/wp-content\/uploads\/2017\/01\/mindset.jpg\")
<\/p>\nTodo profissional que trabalha com design ou programa\u00e7\u00e3o certamente conhece a hist\u00f3rica rivalidade entre os dois campos: designers s\u00e3o alvo de brincadeiras por serem muito apegados a detalhes visuais, enquanto os programadores s\u00e3o perseguidos por sua aparente falta de habilidade em criar interfaces bonitas.<\/p>\n
Mas \u00e9 bom ter em mente que saber integrar as duas disciplinas \u00e9 essencial para o programador que quer se destacar. Por isso, preparamos um guia com 4 conhecimentos de design para programadores neste post. Confira!<\/p>\n
<\/p>\n
As duas profiss\u00f5es costumam ter modos diferentes de ver e pensar o mundo e o seu trabalho. Enquanto designers tendem a projetar pensando em aspectos est\u00e9ticos e de interface, programadores s\u00e3o ensinados a criar c\u00f3digos que sejam robustos e eficientes, trazendo o maior n\u00famero de informa\u00e7\u00f5es poss\u00edvel no menor espa\u00e7o, mesmo que, para isso, a apar\u00eancia tenha de ser um tanto sacrificada.<\/p>\n
\u00c9 necess\u00e1rio, portanto, mudar a maneira de pensar a programa\u00e7\u00e3o<\/a>. O avan\u00e7o t\u00e9cnico e a concorr\u00eancia podem facilmente fazer com que um sistema eficiente, por\u00e9m, feio e de usabilidade dif\u00edcil, perca mercado para sistemas inferiores tecnicamente, mas mais ajustados em experi\u00eancia de usu\u00e1rio. Hoje, sistemas precisam ser funcionais e, sem d\u00favida, bonitos.<\/p>\n De nada adianta colocar toneladas de informa\u00e7\u00e3o textual no seu trabalho se elas est\u00e3o desorganizadas, sem hierarquia e criando polui\u00e7\u00e3o visual: desse modo, voc\u00ea acaba afastando qualquer potencial usu\u00e1rio do seu produto. Criar um layout harm\u00f4nico e bonito \u00e9 f\u00e1cil: para sites, existem frameworks como o Bootstrap<\/a>, por exemplo.<\/p>\n Caso voc\u00ea queira criar algo do zero, leve em considera\u00e7\u00e3o algumas regras gerais: disponha as informa\u00e7\u00f5es em grids; deixe margens generosas entre blocos de conte\u00fado; destaque o que \u00e9 mais importante em tamanhos maiores ou cores diferenciadas.<\/p>\n Todo designer j\u00e1 decorou a m\u00e1xima da sua profiss\u00e3o, aquela que diz que menos \u00e9 mais. Embora pare\u00e7a repetitiva, ela faz toda a diferen\u00e7a, especialmente quando o assunto \u00e9 o uso de cores<\/a>. Quando for colorir seu trabalho, tente usar um n\u00famero reduzido de tonalidades, tr\u00eas ou quatro s\u00e3o o ideal. Mas quais cores escolher?<\/p>\n C\u00edrculos crom\u00e1ticos, como o Adobe Color<\/a>, podem ajudar na sua miss\u00e3o. Use essa ferramenta pr\u00e1tica e gratuita para definir a sua cor de base juntamente com as complementares e semelhantes. Teste v\u00e1rias combina\u00e7\u00f5es de cores, tons e monte uma paleta implac\u00e1vel!<\/p>\n Um dos erros mais comuns de programadores \u00e9 criar sistemas ou sites \u201ctruncados\u201d, nos quais a navega\u00e7\u00e3o \u00e9 ruim, ou o ambiente n\u00e3o \u00e9 amig\u00e1vel ao usu\u00e1rio, por exemplo. Com o design, \u00e9 poss\u00edvel descobrir tend\u00eancias, como o design\u00a0responsivo<\/a>, que prima pela constru\u00e7\u00e3o de layouts adapt\u00e1veis a quaisquer dispositivos.<\/p>\n Hoje, a gente viu alguns dos conhecimentos de design para programadores que podem agilizar o seu trabalho di\u00e1rio e tornar o resultado mais atraente tanto visualmente quanto no \u00e2mbito da experi\u00eancia de interface. Em tempos de multidisciplinaridade, integrar o design na sua pr\u00e1tica de programa\u00e7\u00e3o \u00e9 um diferencial e tanto a seu favor!<\/p>\n2. Harmonize-os<\/h2>\n
3. Entenda que menos cores \u00e9 sempre melhor<\/h2>\n
4. Simplifique o desenvolvimento<\/h2>\n
![\"Simplify](\"https:\/\/www.mxcursos.com\/blog\/wp-content\/uploads\/2017\/01\/Simplify-development-600x337.jpg\")
Outra coisa que podemos aprender \u00e9 a simplifica\u00e7\u00e3o de processos: quanto menos tempo o usu\u00e1rio gasta em login ou cria\u00e7\u00e3o de cadastro, maior \u00e9 a chance de atra\u00e7\u00e3o<\/a> e fideliza\u00e7\u00e3o a seu site ou software.<\/p>\n