{"id":9797,"date":"2022-03-14T13:39:50","date_gmt":"2022-03-14T13:39:50","guid":{"rendered":"https:\/\/turbologo.com\/pt\/blog\/?p=9797"},"modified":"2022-03-14T13:39:51","modified_gmt":"2022-03-14T13:39:51","slug":"o-que-e-web-design-e-como-voce-cria-um","status":"publish","type":"post","link":"https:\/\/turbologo.com\/pt\/blog\/o-que-e-web-design-e-como-voce-cria-um\/","title":{"rendered":"O que \u00e9 web design? E como voc\u00ea cria um?"},"content":{"rendered":"\n<p>Para muitas pessoas, \u00e9 apenas um site de &#8220;desenho&#8221;, e muitos designers novatos &#8220;pecam&#8221; com enfeites excessivos, eles tentam mostrar sua criatividade, esquecendo-se da usabilidade do site.<\/p>\n\n\n\n<p>E ainda o web design &#8211; \u00e9 a totalidade do design e da interface do design para uma \u00f3tima intera\u00e7\u00e3o do usu\u00e1rio com as informa\u00e7\u00f5es do site.<\/p>\n\n\n\n<p><strong>Al\u00e9m disso, no estudo do Web Design, voc\u00ea pode encontrar uma s\u00e9rie de problemas nesta \u00e1rea:<\/strong><\/p>\n\n\n\n<ul><li>Falta de educa\u00e7\u00e3o especial. At\u00e9 hoje, em nosso pa\u00eds n\u00e3o existem institui\u00e7\u00f5es educacionais que produziriam designers de pleno direito, portanto, todos os designers est\u00e3o tentando melhorar suas habilidades.<\/li><li>Uma grande quantidade de informa\u00e7\u00e3o que \u00e9 muito dif\u00edcil de filtrar e escolher \u00e9 realmente \u00fatil e necess\u00e1ria.<\/li><li>Falta de consist\u00eancia de conhecimento. H\u00e1 um grande n\u00famero de artigos, tutoriais em v\u00eddeo e palestras, mas \u00e9 necess\u00e1rio coletar tudo isso em um \u00fanico sistema, para melhor assimila\u00e7\u00e3o do material pelos iniciantes. E nenhum curso n\u00e3o ser\u00e1 capaz de dar a uma pessoa, na sua totalidade, o n\u00edvel de conhecimento necess\u00e1rio que, ap\u00f3s a conclus\u00e3o do treinamento, uma pessoa \u00e9 um verdadeiro profissional. Afinal, o design \u00e9 muito diversificado e o designer est\u00e1 sempre tentando se &#8220;atualizar&#8221;.<\/li><li>Outro problema \u00e9 que a informa\u00e7\u00e3o muito rapidamente se torna desatualizada. O que funcionou h\u00e1 2 ou 5 anos, hoje quase n\u00e3o funciona.<\/li><\/ul>\n\n\n\n<div class=\"wp-block-cover alignwide has-background-dim-80 has-background-dim\"><span class=\"bg-image preload-bg-image lazy-load-bg-img is-loaded is-ready\" data-src=\"https:\/\/assets.turbologo.com\/blog\/en\/2021\/05\/07203207\/background.png\" style=\"background-image: url(&quot;https:\/\/assets.turbologo.com\/blog\/en\/2021\/05\/07203207\/background.png&quot;);\"><\/span><noscript><span class=\"bg-image\" style=\"background-image:url(https:\/\/assets.turbologo.com\/blog\/en\/2021\/05\/07203207\/background.png)\" data-no-lazy=\"true\"><\/span><\/noscript><div class=\"wp-block-cover__inner-container\">\n<p class=\"has-text-align-center has-large-font-size\"><b>Crie seu pr\u00f3prio logotipo com o criador de logotipo Turbologo.<\/b> Leva menos de 5 minutos e nenhuma habilidade de design \u00e9 necess\u00e1ria.<\/p>\n<a class=\"button\" href=\"https:\/\/turbologo.com\/pt\/criar-logo?utm_source=blog&amp;utm_campaign=article\" style=\"margin-top: 20px; min-width:200px; text-align:center;\">Criar logo online<\/a>\n<\/div><\/div>\n\n\n\n<h2>Ent\u00e3o o que voc\u00ea precisa saber para criar um web design de qualidade?<\/h2>\n\n\n\n<figure class=\"wp-block-image size-large\"><img src=\"https:\/\/assets.turbologo.com\/blog\/en\/2022\/02\/04041040\/Image_4-1536x865.jpg\" alt=\"criar um site\" title=\"criar um site\"\/><\/figure>\n\n\n\n<ul><li><a href=\"https:\/\/turbologo.com\/pt\/blog\/os-5-melhores-geradores-de-logotipos-de-2022\/\">Programas<\/a>;<\/li><li>Tipografia;<\/li><li>Gr\u00e1ficos;<\/li><li>Psicologia;<\/li><li>Tecnologia;<\/li><li>Tend\u00eancias.<\/li><\/ul>\n\n\n\n<h3>No topo da lista est\u00e3o os programas para a cria\u00e7\u00e3o de sites<\/h3>\n\n\n\n<p>Estes s\u00e3o Adobe Photoshop CC ou Sketch para Mac OS. Conhecendo estes programas em web design, voc\u00ea pode criar layouts de forma r\u00e1pida e precisa.<\/p>\n\n\n\n<h3>Em segundo lugar est\u00e1 a tipografia<\/h3>\n\n\n\n<p>Este \u00e9 um dos assuntos mais dif\u00edceis em design e \u00e9 o maior e mais freq\u00fcente problema de web designers novatos. A tipografia envolve trabalhar com texto, o design correto, bem como a intera\u00e7\u00e3o do texto com a impress\u00e3o visual do site. Carrega um site de mensagem comum.<\/p>\n\n\n\n<h3>Em terceiro lugar em import\u00e2ncia est\u00e1 &#8211; gr\u00e1ficos<\/h3>\n\n\n\n<p>Afinal, um trabalho de qualidade com imagens e fotografias faz layouts realmente brilhantes e memor\u00e1veis, por assim dizer, do &#8220;rosto&#8221; do designer no portf\u00f3lio, quando um potencial cliente o julga como um artista. E se voc\u00ea tiver uma tipografia competente e gr\u00e1ficos originais em seu layout, o sucesso \u00e9 quase garantido.<\/p>\n\n\n\n<h3>Em quarto lugar, podemos destacar a psicologia<\/h3>\n\n\n\n<p>Porque o projetista deve conhecer os fundamentos da psicologia, para entender como o usu\u00e1rio se comporta no site, como ele reage a certas <a href=\"https:\/\/turbologo.com\/pt\/blog\/combinacoes-de-cores\/\">combina\u00e7\u00f5es de cores<\/a>, \u00e0 localiza\u00e7\u00e3o dos elementos do layout e \u00e0 navega\u00e7\u00e3o. Afinal, somente com a disposi\u00e7\u00e3o competente dos elementos, o conhecimento da composi\u00e7\u00e3o e da psicologia, e o design n\u00e3o s\u00f3 \u00e9 bonito, mas tamb\u00e9m \u00fatil. E isto \u00e9 o que precisamos!<\/p>\n\n\n\n<h3>O quinto lugar em nossa lista principal \u00e9 ocupado pela tecnologia<\/h3>\n\n\n\n<p>Existem as no\u00e7\u00f5es b\u00e1sicas de HTML, CSS e JS. Ou seja, o projetista deve ser um pouco um desenvolvedor front-end. Afinal, para criar um layout, o designer tem que entender como ele ser\u00e1 implementado no layout e como funcionar\u00e1 no c\u00f3digo: <a href=\"https:\/\/turbologo.com\/pt\/blog\/25-logotipos-animados-famosos-para-inspiracao\/\">anima\u00e7\u00e3o<\/a>, quais scripts podem ser usados, como voc\u00ea pode submeter um elemento drop-down, bem como saber quais elementos e como eles devem ser programados.<\/p>\n\n\n\n<h3>Al\u00e9m disso, o web designer n\u00e3o deve esquecer as tend\u00eancias<\/h3>\n\n\n\n<p>A moda e as tend\u00eancias de design mudam a cada ano. \u00c9 por isso que o designer deve estar ciente do que est\u00e1 na moda e do que \u00e9 relevante, e que no momento \u00e9 o mais eficaz no campo do web design.<\/p>\n\n\n\n<h2>Ent\u00e3o, como um web designer novato pode &#8220;ganhar&#8221; conhecimento?<\/h2>\n\n\n\n<figure class=\"wp-block-image size-large\"><img src=\"https:\/\/assets.turbologo.com\/blog\/en\/2022\/03\/04080313\/Image_3-1-1536x864.jpg\" alt=\"desenvolvimento de web design\" title=\"desenvolvimento de web design\"\/><\/figure>\n\n\n\n<h3>Os livros s\u00e3o a base de tudo<\/h3>\n\n\n\n<p>Hoje, como h\u00e1 muitos anos, n\u00e3o h\u00e1 nada mais relevante do que um livro. Escolha os livros mais apropriados e interessantes que ajudar\u00e3o a dar uma boa base para come\u00e7ar.<\/p>\n\n\n\n<h3>V\u00eddeo aulas e v\u00eddeo-palestra<\/h3>\n\n\n\n<p>Substitu\u00ed-las por novelas e televis\u00e3o de &#8220;fundo&#8221; in\u00fatil. Todas as manh\u00e3s, indo para o trabalho ou para a escola, assista e ou\u00e7a palestras interessantes em v\u00eddeo sobre um tema de seu interesse. Com o tempo, o conhecimento dessas palestras ser\u00e1 depositado a um n\u00edvel subconsciente e ajudar\u00e1 voc\u00ea a adquirir habilidades pr\u00e1ticas. E no futuro, voc\u00ea ser\u00e1 capaz de provar razoavelmente ao cliente as raz\u00f5es pelas quais voc\u00ea fez uma determinada mudan\u00e7a de projeto, e voc\u00ea ser\u00e1 capaz de vender seu trabalho com mais compet\u00eancia.<\/p>\n\n\n\n<h3>Artigos<\/h3>\n\n\n\n<p>Substitua sua alimenta\u00e7\u00e3o de m\u00eddia social por artigos. Sempre que poss\u00edvel, leia artigos sobre t\u00f3picos que lhe interessam. H\u00e1 muitos artigos sobre colorismo, tipografia, grades modulares, como emparelhar fontes, como fazer design m\u00f3vel, etc., na Internet. Colete uma sele\u00e7\u00e3o de blogs, revistas e sites interessantes na \u00e1rea de web design e explore.<\/p>\n\n\n\n<p>Bem, e se as m\u00eddias sociais s\u00e3o todas iguais, aproveite ao m\u00e1ximo. Inscreva-se nos grupos certos, p\u00e1ginas pessoais de designers famosos que freq\u00fcentemente publicam materiais interessantes de sua pr\u00e1tica, vida e experi\u00eancia, assim como tradu\u00e7\u00f5es freq\u00fcentes de designers estrangeiros.<\/p>\n\n\n\n<h3>Pr\u00e1tica &#8211; \u00e9 a ferramenta mais b\u00e1sica para aprender web design<\/h3>\n\n\n\n<p>Se voc\u00ea aprender algo novo, certifique-se de colocar esse conhecimento em pr\u00e1tica. O conhecimento sem pr\u00e1tica \u00e9 praticamente in\u00fatil. Voc\u00ea pode saber muito, mas se voc\u00ea n\u00e3o praticar e n\u00e3o criar layouts, a velocidade e a qualidade de seu treinamento ser\u00e1 muito ineficiente.<\/p>\n\n\n\n<h3>Copiando<\/h3>\n\n\n\n<p>Quero mencionar outra ferramenta para o aprendizado do web design \u00e9 a c\u00f3pia. Mas copiar, exatamente para aprender. Se voc\u00ea quiser aprender um elemento ou algum m\u00e9todo t\u00e9cnico, ent\u00e3o encontre esta t\u00e9cnica de outro designer e tente copi\u00e1-la, quanto mais voc\u00ea o fizer como parte do treinamento, mais rica ser\u00e1 sua base, e mais profissional voc\u00ea ser\u00e1, fazendo um projeto comercial.<\/p>\n\n\n\n<h2>Conclus\u00e3o<\/h2>\n\n\n\n<p>Com tal conjunto de conhecimentos e habilidades, voc\u00ea ser\u00e1 capaz de fazer seu primeiro website, embora simples, mas com confian\u00e7a, trabalhando e trazendo dinheiro para seu cliente.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Para muitas pessoas, \u00e9 apenas um site de &#8220;desenho&#8221;, e muitos designers novatos &#8220;pecam&#8221; com enfeites excessivos, eles tentam mostrar&#8230;<\/p>\n","protected":false},"author":1,"featured_media":9799,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[5],"tags":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v15.4 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>O que \u00e9 web design? E como voc\u00ea cria um? | Turbologo<\/title>\n<meta name=\"description\" content=\"O design da web tem tudo a ver com fazer um site parecer agrad\u00e1vel e f\u00e1cil de navegar. Trata-se de usar imagens e textos para fazer um site ficar bonito, bem, bom! Bem como como criar um.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/turbologo.com\/pt\/blog\/o-que-e-web-design-e-como-voce-cria-um\/\" \/>\n<meta property=\"og:locale\" content=\"pt_BR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"O que \u00e9 web design? E como voc\u00ea cria um? | Turbologo\" \/>\n<meta property=\"og:description\" content=\"O design da web tem tudo a ver com fazer um site parecer agrad\u00e1vel e f\u00e1cil de navegar. Trata-se de usar imagens e textos para fazer um site ficar bonito, bem, bom! Bem como como criar um.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/turbologo.com\/pt\/blog\/o-que-e-web-design-e-como-voce-cria-um\/\" \/>\n<meta property=\"og:site_name\" content=\"Sobre branding e logo design - blog oficial da Turbologo\" \/>\n<meta property=\"article:published_time\" content=\"2022-03-14T13:39:50+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-03-14T13:39:51+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/assets.turbologo.com\/blog\/pt\/2022\/03\/14133703\/%D0%B2%D0%B5%D0%B1.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1024\" \/>\n\t<meta property=\"og:image:height\" content=\"600\" \/>\n<meta name=\"twitter:card\" content=\"summary\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\">\n\t<meta name=\"twitter:data1\" content=\"Ilya Lavrov\">\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\">\n\t<meta name=\"twitter:data2\" content=\"4 minutos\">\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Organization\",\"@id\":\"https:\/\/turbologo.com\/pt\/blog\/#organization\",\"name\":\"Turbologo\",\"url\":\"https:\/\/turbologo.com\/pt\/blog\/\",\"sameAs\":[\"https:\/\/www.instagram.com\/turbologo_com\/\",\"https:\/\/www.pinterest.com\/turbologo\/\"],\"logo\":{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/turbologo.com\/pt\/blog\/#logo\",\"inLanguage\":\"pt-BR\",\"url\":\"https:\/\/assets.turbologo.com\/blog\/pt\/2020\/03\/19133249\/oFdF5wlUJjw.jpg\",\"width\":500,\"height\":500,\"caption\":\"Turbologo\"},\"image\":{\"@id\":\"https:\/\/turbologo.com\/pt\/blog\/#logo\"}},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/turbologo.com\/pt\/blog\/#website\",\"url\":\"https:\/\/turbologo.com\/pt\/blog\/\",\"name\":\"Sobre branding e logo design - blog oficial da Turbologo\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/turbologo.com\/pt\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":\"https:\/\/turbologo.com\/pt\/blog\/?s={search_term_string}\",\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"pt-BR\"},{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/turbologo.com\/pt\/blog\/o-que-e-web-design-e-como-voce-cria-um\/#primaryimage\",\"inLanguage\":\"pt-BR\",\"url\":\"https:\/\/assets.turbologo.com\/blog\/pt\/2022\/03\/14133703\/%D0%B2%D0%B5%D0%B1.png\",\"width\":1024,\"height\":600,\"caption\":\"web design\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/turbologo.com\/pt\/blog\/o-que-e-web-design-e-como-voce-cria-um\/#webpage\",\"url\":\"https:\/\/turbologo.com\/pt\/blog\/o-que-e-web-design-e-como-voce-cria-um\/\",\"name\":\"O que \\u00e9 web design? E como voc\\u00ea cria um? | Turbologo\",\"isPartOf\":{\"@id\":\"https:\/\/turbologo.com\/pt\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/turbologo.com\/pt\/blog\/o-que-e-web-design-e-como-voce-cria-um\/#primaryimage\"},\"datePublished\":\"2022-03-14T13:39:50+00:00\",\"dateModified\":\"2022-03-14T13:39:51+00:00\",\"description\":\"O design da web tem tudo a ver com fazer um site parecer agrad\\u00e1vel e f\\u00e1cil de navegar. Trata-se de usar imagens e textos para fazer um site ficar bonito, bem, bom! Bem como como criar um.\",\"breadcrumb\":{\"@id\":\"https:\/\/turbologo.com\/pt\/blog\/o-que-e-web-design-e-como-voce-cria-um\/#breadcrumb\"},\"inLanguage\":\"pt-BR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/turbologo.com\/pt\/blog\/o-que-e-web-design-e-como-voce-cria-um\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/turbologo.com\/pt\/blog\/o-que-e-web-design-e-como-voce-cria-um\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"item\":{\"@type\":\"WebPage\",\"@id\":\"https:\/\/turbologo.com\/pt\/blog\/\",\"url\":\"https:\/\/turbologo.com\/pt\/blog\/\",\"name\":\"Blog\"}},{\"@type\":\"ListItem\",\"position\":2,\"item\":{\"@type\":\"WebPage\",\"@id\":\"https:\/\/turbologo.com\/pt\/blog\/o-que-e-web-design-e-como-voce-cria-um\/\",\"url\":\"https:\/\/turbologo.com\/pt\/blog\/o-que-e-web-design-e-como-voce-cria-um\/\",\"name\":\"O que \\u00e9 web design? E como voc\\u00ea cria um?\"}}]},{\"@type\":\"Article\",\"@id\":\"https:\/\/turbologo.com\/pt\/blog\/o-que-e-web-design-e-como-voce-cria-um\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/turbologo.com\/pt\/blog\/o-que-e-web-design-e-como-voce-cria-um\/#webpage\"},\"author\":{\"@id\":\"https:\/\/turbologo.com\/pt\/blog\/#\/schema\/person\/379800fa881357672b0119e4a2994c17\"},\"headline\":\"O que \\u00e9 web design? E como voc\\u00ea cria um?\",\"datePublished\":\"2022-03-14T13:39:50+00:00\",\"dateModified\":\"2022-03-14T13:39:51+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/turbologo.com\/pt\/blog\/o-que-e-web-design-e-como-voce-cria-um\/#webpage\"},\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/turbologo.com\/pt\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/turbologo.com\/pt\/blog\/o-que-e-web-design-e-como-voce-cria-um\/#primaryimage\"},\"articleSection\":\"Marketing\",\"inLanguage\":\"pt-BR\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/turbologo.com\/pt\/blog\/o-que-e-web-design-e-como-voce-cria-um\/#respond\"]}]},{\"@type\":\"Person\",\"@id\":\"https:\/\/turbologo.com\/pt\/blog\/#\/schema\/person\/379800fa881357672b0119e4a2994c17\",\"name\":\"Ilya Lavrov\",\"image\":{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/turbologo.com\/pt\/blog\/#personlogo\",\"inLanguage\":\"pt-BR\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/713d4593fdd72be34274409471435888?s=96&d=mm&r=g\",\"caption\":\"Ilya Lavrov\"},\"description\":\"Sou designer de produto e gr\\u00e1fico com 10 anos de experi\\u00eancia. Escrever sobre branding, cria\\u00e7\\u00e3o de logotipos e neg\\u00f3cios.\",\"sameAs\":[\"http:\/\/ilyalavrov.com\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","_links":{"self":[{"href":"https:\/\/turbologo.com\/pt\/blog\/wp-json\/wp\/v2\/posts\/9797"}],"collection":[{"href":"https:\/\/turbologo.com\/pt\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/turbologo.com\/pt\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/turbologo.com\/pt\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/turbologo.com\/pt\/blog\/wp-json\/wp\/v2\/comments?post=9797"}],"version-history":[{"count":5,"href":"https:\/\/turbologo.com\/pt\/blog\/wp-json\/wp\/v2\/posts\/9797\/revisions"}],"predecessor-version":[{"id":9803,"href":"https:\/\/turbologo.com\/pt\/blog\/wp-json\/wp\/v2\/posts\/9797\/revisions\/9803"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/turbologo.com\/pt\/blog\/wp-json\/wp\/v2\/media\/9799"}],"wp:attachment":[{"href":"https:\/\/turbologo.com\/pt\/blog\/wp-json\/wp\/v2\/media?parent=9797"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/turbologo.com\/pt\/blog\/wp-json\/wp\/v2\/categories?post=9797"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/turbologo.com\/pt\/blog\/wp-json\/wp\/v2\/tags?post=9797"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}