{"id":9076,"date":"2022-04-12T09:34:55","date_gmt":"2022-04-12T00:34:55","guid":{"rendered":"http:\/\/localhost\/doitarts\/?p=9076"},"modified":"2025-02-07T02:59:32","modified_gmt":"2025-02-07T06:59:32","slug":"o-alinhamento-como-conceito-de-design","status":"publish","type":"post","link":"https:\/\/doitarts.com\/fundamentos-do-design\/o-alinhamento-como-conceito-de-design\/","title":{"rendered":"Design e Alinhamento: o alinhamento como conceito de Design"},"content":{"rendered":"

Quando voc\u00ea desenvolve alguma arte gr\u00e1fica ou projeto, inevitavelmente voc\u00ea precisar\u00e1 correlacionar a disposi\u00e7\u00e3o dos elementos, ou pelo menos dispor de uma forma que o usu\u00e1rio seja guiado, para esse efeito podemos utilizar o alinhamento como conceito de Design.<\/span><\/p>\n

Segundo o livro Princ\u00edpios Universais do Design:<\/span><\/p>\n

“os elementos de um design devem estar alinhados a um ou mais componentes, para criar unidade de forma a contribuir para a est\u00e9tica geral e percep\u00e7\u00e3o de estabilidade do design”.<\/span><\/p><\/blockquote>\n

Alguns exemplos desse alinhamento s\u00e3o: linhas, colunas em diagramas ou tabelas, esses elementos deixam claro a dire\u00e7\u00e3o de leitura da esquerda para direita de cima para baixo al\u00e9m das posi\u00e7\u00f5es naturais da m\u00eddia.<\/span><\/p>\n

O alinhamento \u00e9 aplicado em diversos lugares e de diversas formas, \u00e9 nessa hora que cabe a criatividade do designer em formatar a melhor estrutura de visualiza\u00e7\u00e3o e leitura para o usu\u00e1rio.<\/span><\/p>\n

Levando em considera\u00e7\u00e3o conceitos de usabilidade, ergonomia e etc. Estas s\u00e3o apenas algumas preocupa\u00e7\u00f5es do designer com um determinado projeto.<\/p>\n

<\/p>\n

Podemos ir al\u00e9m e fazer uma rela\u00e7\u00e3o do conceito de alinhamento com outros aspectos do design em rela\u00e7\u00e3o a sua aplica\u00e7\u00e3o em diversas \u00e1reas do conhecimento, como em design de interiores<\/strong>, design gr\u00e1fico<\/strong>, user interfac<\/strong>e, design de produto<\/strong>, motion graphic<\/strong>, artes e na literatura e em muitas outra profiss\u00f5es que fazem uso de alguma forma do alinhamento.<\/span><\/p>\n

Agora vamos verificar dois exemplos de alinhamentos mais comuns, assim voc\u00ea poder\u00e1 abranger ainda mais seu leque de conhecimento e de possibilidades em seus projetos.<\/span><\/p>\n

Ent\u00e3o vejamos, voc\u00ea consegue determinar quais alinhamentos podemos definir na arte abaixo?<\/span><\/p>\n

\"O<\/a>

Imgem – Login Page Figma Community<\/p><\/div>\n

H\u00e1 v\u00e1rios alinhamentos cada um se relacionando com outro elemento, a ilustra\u00e7\u00e3o do esqueleto est\u00e1 alinhada \u00e0 esquerda da tela, por\u00e9m ao centro de seus elementos internos por exemplo. Essa rela\u00e7\u00e3o \u00e9 que ir\u00e1 definir como os elementos estar\u00e3o alinhados dentro da hierarquia visual.<\/span><\/p>\n

Veja a mesma ilustra\u00e7\u00e3o abaixo com os alinhamentos destacados:<\/span><\/p>\n

\"Conceitos<\/a>

Imgem – Login Page Figma Community<\/p><\/div>\n

Observe os itens em azul cada uma delas corresponde a posi\u00e7\u00e3o ideal definida pelo designer para uma melhor hierarquia visual.<\/span><\/p>\n

Atrav\u00e9s deste conceito \u00e9 que foi poss\u00edvel determinar op\u00e7\u00f5es de alinhamento (e suas representa\u00e7\u00f5es gr\u00e1ficas de interface), em diversos programas de design como photoshop, illustrator e muitos outros.<\/span><\/p>\n

O conceito de alinhamento ocorre sobre quais aspectos os elementos estar\u00e3o alinhados, geralmente obedecendo uma hierarquia visual, \u00e9 isso que vemos em softwares e no dia a dia, sem perceber absorvemos a informa\u00e7\u00e3o e entendemos quase que de imediato o que ocorre.<\/span><\/p>\n

Esse conceito \u00e9 aplic\u00e1vel em arquitetura, engenharia, design de interiores, game design e etc.\u00a0<\/span><\/p>\n

Na imagem abaixo voc\u00ea consegue perceber como os elementos est\u00e3o distribu\u00eddos? Deixe seu coment\u00e1rio e nos diga que tipo de alinhamento estamos vendo.<\/span><\/p>\n

\"Conceito<\/a>

Photo by AHMED MOUSTAFA<\/p><\/div>\n

Foto<\/span><\/p>\n

Photo by Curtis Adams<\/span><\/p>\n","protected":false},"excerpt":{"rendered":"

Vamos precisar dispor de uma forma que o usu\u00e1rio seja guiado, para esse efeito podemos utilizar o alinhamento como conceito de Design.<\/p>\n","protected":false},"author":1,"featured_media":9078,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[2],"tags":[1446,1447],"class_list":["post-9076","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-fundamentos-do-design","tag-alinhamento","tag-conceitos"],"_links":{"self":[{"href":"https:\/\/doitarts.com\/wp-json\/wp\/v2\/posts\/9076","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/doitarts.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/doitarts.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/doitarts.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/doitarts.com\/wp-json\/wp\/v2\/comments?post=9076"}],"version-history":[{"count":0,"href":"https:\/\/doitarts.com\/wp-json\/wp\/v2\/posts\/9076\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/doitarts.com\/wp-json\/wp\/v2\/media\/9078"}],"wp:attachment":[{"href":"https:\/\/doitarts.com\/wp-json\/wp\/v2\/media?parent=9076"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/doitarts.com\/wp-json\/wp\/v2\/categories?post=9076"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/doitarts.com\/wp-json\/wp\/v2\/tags?post=9076"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}