{"id":2517,"date":"2022-04-16T19:17:16","date_gmt":"2022-04-16T22:17:16","guid":{"rendered":"https:\/\/alexsandersilva.com.br\/?p=2517"},"modified":"2022-06-13T15:25:20","modified_gmt":"2022-06-13T18:25:20","slug":"desgin","status":"publish","type":"post","link":"https:\/\/alexsandersilva.com.br\/?p=2517","title":{"rendered":"Design"},"content":{"rendered":"\n

LAYOUT \u00c9 TUDO<\/h1>\n\n\n\n

ALINHAMENTO E GRADE<\/h2>\n\n\n\n

Um simples alinhamento pode fazer a diferen\u00e7a entre design ou um trabalho amador e bagun\u00e7ado. Sempre tente manter um mesmo estilo de alinhamento para cada p\u00e1gina.<\/p>\n\n\n\n

Se dividirmos uma p\u00e1gina em colunas de mesma largura, temos uma grade. Assim podemos alinhar os elementos entre essas colunas para criar uma p\u00e1gina balanceada e estruturada.<\/p>\n\n\n\n

\"\"\/<\/figure>\n\n\n\n

Tudo bem sair fora da grade. Mas a inten\u00e7\u00e3o deve ser clara e o resultado melhor. Caso a sua inten\u00e7\u00e3o n\u00e3o seja clara, melhor se manter dentro da grade.<\/p>\n\n\n\n

Reutilize os mesmo valores atrav\u00e9s de todos os seus designs. Se voc\u00ea utilizou por exemplo 30px de intervalo entre as colunas, utilize 30px para outros espa\u00e7os verticais.<\/p>\n\n\n\n

HIERARQUIA VISUAL<\/h2>\n\n\n\n

Hierarquia visual \u00e9 ajudar o p\u00fablico a digerir a informa\u00e7\u00e3o facilmente. S\u00f3 podemos nos focar em uma coisa de cada vez. Quando tudo \u00e9 de igual import\u00e2ncia, n\u00e3o sabemos onde olhar primeiro. Ficamos tontos com um caos de informa\u00e7\u00f5es. Mas um bom design ajuda a guiar o olhar do p\u00fablico para o que \u00e9 mais importante.<\/p>\n\n\n\n

Estabelecer a hierarquia visual \u00e9 bem simples: maior \u00e9 mais vis\u00edvel<\/strong> e, portanto, est\u00e1 mais alto na hierarquia. Menor \u00e9 menos vis\u00edvel e estar\u00e1 mais abaixo na hierarquia. Sempre comece com o objeto visual mais importante.<\/p>\n\n\n\n

\"\"\/<\/figure>\n\n\n\n

PROXIMIDADE<\/h2>\n\n\n\n

O bom design gosta de agrupar elementos que tenham algo em comum. <\/p>\n\n\n\n

Este \u00e9 um conceito de design chamado de Proximidade.<\/p>\n\n\n\n

A ideia b\u00e1sica da proximidadde \u00e9:<\/p>\n\n\n\n

  1. Coisas relacionada devem ficar pr\u00f3ximas<\/li>
  2. Coisas n\u00e3o relacionadas devem ficar afastadas<\/li><\/ol>\n\n\n\n
    \"\"\/<\/figure>\n","protected":false},"excerpt":{"rendered":"

    LAYOUT \u00c9 TUDO ALINHAMENTO E GRADE Um simples alinhamento pode fazer a diferen\u00e7a entre design ou um trabalho amador e bagun\u00e7ado. Sempre tente manter um…<\/p>\n","protected":false},"author":1,"featured_media":2519,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[11],"tags":[3,4],"class_list":["post-2517","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-design","tag-alexsander-luiz-de-queiroz-silva","tag-alexsander-queiroz-silva"],"_links":{"self":[{"href":"https:\/\/alexsandersilva.com.br\/index.php?rest_route=\/wp\/v2\/posts\/2517","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/alexsandersilva.com.br\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/alexsandersilva.com.br\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/alexsandersilva.com.br\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/alexsandersilva.com.br\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2517"}],"version-history":[{"count":2,"href":"https:\/\/alexsandersilva.com.br\/index.php?rest_route=\/wp\/v2\/posts\/2517\/revisions"}],"predecessor-version":[{"id":2584,"href":"https:\/\/alexsandersilva.com.br\/index.php?rest_route=\/wp\/v2\/posts\/2517\/revisions\/2584"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/alexsandersilva.com.br\/index.php?rest_route=\/wp\/v2\/media\/2519"}],"wp:attachment":[{"href":"https:\/\/alexsandersilva.com.br\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2517"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/alexsandersilva.com.br\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=2517"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/alexsandersilva.com.br\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=2517"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}