{"id":241,"date":"2009-10-05T22:55:35","date_gmt":"2009-10-06T01:55:35","guid":{"rendered":"http:\/\/www.dialeticavisual.com.br\/?p=241"},"modified":"2010-04-22T22:23:33","modified_gmt":"2010-04-23T01:23:33","slug":"do-papel-direto-para-o-html","status":"publish","type":"post","link":"https:\/\/blumenthal.com.br\/d\/2009\/do-papel-direto-para-o-html","title":{"rendered":"do papel direto para o html"},"content":{"rendered":"<p class=\"pequeno\"> Jason Fried da 37Signals revela as <a href=\"http:\/\/37signals.com\/svn\/posts\/1061-why-we-skip-photoshop\" target=\"_blank\">raz\u00f5es para que sua equipe n\u00e3o utilize o Photoshop como ferramenta de cria\u00e7\u00e3o de prot\u00f3tipos<\/a>, partindo direto para a produ\u00e7\u00e3o do CSS\/HTML. Voc\u00ea acredita que este modelo de produ\u00e7\u00e3o \u00e9 realmente v\u00e1lido e vantajoso? Como voc\u00ea costuma trabalhar esta quest\u00e3o em seu cotidiano profissional?<\/p>\n<p>A <a href=\"http:\/\/37signals.com\/svn\/posts\/1061-why-we-skip-photoshop\" target=\"_blank\">metodologia da 37signals<\/a> \u00e9 bastante eficiente no ambiente em que atuam, mas n\u00e3o completamente aplic\u00e1veis a qualquer cen\u00e1rio, como <a href=\"http:\/\/blueflavor.com\/blog\/2008\/jun\/04\/why-we-dont-skip-photoshop\/\" target=\"_blank\">descrito por Jeff Croft<\/a>.<\/p>\n<p>Os produtos da 37signals possibilitam essa pr\u00e1tica por serem aplicativos pequenos, com uma est\u00e9tica unificada e previamente estabelecida. Eles somente desenvolvem para eles mesmos.<\/p>\n<p>O mais comum em nosso cotidiano \u00e9 desenvolver websites diversos, cada um com suas peculiaridades e, na maioria das vezes, com uma identidade institucional pr\u00f3pria. Nesse sentido \u00e9 compreens\u00edvel que a interface macro seja feita em imagem para an\u00e1lise de estrat\u00e9gias e tamb\u00e9m para definir uma base estrutural.<\/p>\n<p>Conceber um novo produto, que tenha suas pr\u00f3prias formas e fun\u00e7\u00f5es \u00e9 mais compat\u00edvel com uma ferramenta gr\u00e1fica, como o photoshop. Por outro lado, \u00e9 perda de tempo desenhar cada detalhe da interface de um projeto inteiro.<\/p>\n<p>A pr\u00e1tica de desenhar tudo em detalhes serve normalmente como forma de documenta\u00e7\u00e3o, o que \u00e9 desperd\u00edcio de tempo, j\u00e1 que a chance de um projeto mudar em pouco tempo \u00e9 alt\u00edssima. Muitas vezes uma home basta para saber como o site todo ser\u00e1, assim, j\u00e1 \u00e9 poss\u00edvel avan\u00e7ar para a estrutura\u00e7\u00e3o do c\u00f3digo e das demais p\u00e1ginas, onde as mudan\u00e7as normalmente n\u00e3o afetam a estrutura do layout e muitos elementos se repetem (ou s\u00e3o bastante parecidos) em um mesmo projeto.<\/p>\n<p>Casos em que posso omitir o evento de uma aprova\u00e7\u00e3o formal, nem mesmo desenho uma p\u00e1gina inteira. Deixo alinhamentos, tipografia e outros elementos pra serem tratados e refinados diretamente no c\u00f3digo. O desenho (layout em imagem) serve muito mais como uma refer\u00eancia do que um arqu\u00e9tipo.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Conceber um novo produto, que tenha suas pr\u00f3prias formas e fun\u00e7\u00f5es \u00e9 mais compat\u00edvel com uma ferramenta gr\u00e1fica, como o photoshop. Por outro lado, \u00e9 perda de tempo desenhar cada detalhe da interface de um projeto inteiro.<br \/>\n[ &#8230; ]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[52,5,8],"tags":[78,30,33,51],"class_list":["post-241","post","type-post","status-publish","format-standard","hentry","category-1st-life","category-artigos","category-long","tag-design","tag-html","tag-metodologia","tag-workflow"],"_links":{"self":[{"href":"https:\/\/blumenthal.com.br\/d\/wp-json\/wp\/v2\/posts\/241","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blumenthal.com.br\/d\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blumenthal.com.br\/d\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blumenthal.com.br\/d\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/blumenthal.com.br\/d\/wp-json\/wp\/v2\/comments?post=241"}],"version-history":[{"count":5,"href":"https:\/\/blumenthal.com.br\/d\/wp-json\/wp\/v2\/posts\/241\/revisions"}],"predecessor-version":[{"id":427,"href":"https:\/\/blumenthal.com.br\/d\/wp-json\/wp\/v2\/posts\/241\/revisions\/427"}],"wp:attachment":[{"href":"https:\/\/blumenthal.com.br\/d\/wp-json\/wp\/v2\/media?parent=241"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blumenthal.com.br\/d\/wp-json\/wp\/v2\/categories?post=241"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blumenthal.com.br\/d\/wp-json\/wp\/v2\/tags?post=241"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}