{"id":4943,"date":"2016-11-07T09:00:00","date_gmt":"2016-11-07T11:00:00","guid":{"rendered":"https:\/\/www.mxcursos.com\/blog\/?p=4943"},"modified":"2019-07-26T11:06:18","modified_gmt":"2019-07-26T14:06:18","slug":"7-softwares-todo-web-designer-precisa-dominar","status":"publish","type":"post","link":"https:\/\/www.mxcursos.com\/blog\/7-softwares-todo-web-designer-precisa-dominar\/","title":{"rendered":"7 softwares que todo web designer precisa dominar"},"content":{"rendered":"<p>Voc\u00ea provavelmente j\u00e1 se pegou olhando para as especifica\u00e7\u00f5es de uma vaga de emprego para designer e pensou \u201cmeu Deus, me ajuda!\u201d. A quantidade de <strong>ferramentas e software de web design<\/strong> exigida \u00e9 grande, e \u00e9 dif\u00edcil se manter atualizado em um mercado que est\u00e1 sempre evoluindo e modificando. Mas a quest\u00e3o \u00e9: Voc\u00ea conhece os <strong>softwares que todo web designer precisa dominar<\/strong>?<\/p>\n<p>Mesmo que voc\u00ea n\u00e3o domine a ferramenta, muitas vezes saber o conceito de como esses programas trabalham vai ser essencial para seus trabalhos \u2014 mesmo que voc\u00ea seja freelancer, que \u00e9 geralmente a maneira mais f\u00e1cil e r\u00e1pida de come\u00e7ar nesse ramo. Por isso, preparamos uma lista com <strong>7 softwares que todo web designer precisa dominar<\/strong>. Confira!<\/p>\n<h2>1. Adobe Photoshop<\/h2>\n<p><img decoding=\"async\" class=\"aligncenter wp-image-18494 size-full\" title=\"Photoshop - Softwares que todo web designer precisa dominar\" src=\"https:\/\/www.mxcursos.com\/blog\/wp-content\/uploads\/2016\/03\/07_photoshop.png\" alt=\"Photoshop - Softwares que todo web designer precisa dominar\" width=\"738\" height=\"462\" srcset=\"https:\/\/www.mxcursos.com\/blog\/wp-content\/uploads\/2016\/03\/07_photoshop.png 738w, https:\/\/www.mxcursos.com\/blog\/wp-content\/uploads\/2016\/03\/07_photoshop-600x376.png 600w, https:\/\/www.mxcursos.com\/blog\/wp-content\/uploads\/2016\/03\/07_photoshop-610x382.png 610w, https:\/\/www.mxcursos.com\/blog\/wp-content\/uploads\/2016\/03\/07_photoshop-620x388.png 620w, https:\/\/www.mxcursos.com\/blog\/wp-content\/uploads\/2016\/03\/07_photoshop-24x15.png 24w\" sizes=\"(max-width: 738px) 100vw, 738px\" \/><\/p>\n<p>Apesar de ser o queridinho dos fot\u00f3grafos e o software de edi\u00e7\u00e3o de imagens n\u00famero 1 no mundo, o <a href=\"https:\/\/www.mxcursos.com\/blog\/tags\/photoshop\/\" target=\"_blank\" rel=\"noopener noreferrer\">Photoshop<\/a> \u00e9 muito mais que isso. Com diversas ferramentas dispon\u00edveis \u2014 e mais surgindo a cada nova vers\u00e3o \u2014, o programa permite <strong>criar e manipular vetores<\/strong>, criar GIFs e diversos formatos de arquivos, diagramar, colorir ou alterar cores, criar \u00edcones e muitas outras possibilidades.<\/p>\n<p>A \u00faltima vers\u00e3o do programa, a CC (<a href=\"http:\/\/www.adobe.com\/br\/creativecloud.html?utm_source=blog&amp;utm_campaign=rc_blogpost\" target=\"_blank\" rel=\"noopener noreferrer\">Creative Cloud<\/a>) d\u00e1 acesso a uma enorme plataforma para artistas, ilustradores, designers e fot\u00f3grafos compartilharem seus trabalhos, c\u00f3digos de programa\u00e7\u00e3o, dicas e truques. Al\u00e9m de fornecer um portf\u00f3lio on-line (o <a href=\"https:\/\/www.behance.net\" target=\"_blank\" rel=\"noopener noreferrer\">Behance<\/a>) e um sistema de banco de dados de fontes, o programa se prova sempre muito \u00fatil quando voc\u00ea abre aquele projeto e as fontes n\u00e3o existem no seu computador. Ele tamb\u00e9m \u00e9 totalmente integrado \u00e0 plataforma Creative Cloud.<\/p>\n<p><strong>Dica:<\/strong> Conhe\u00e7a <a href=\"https:\/\/www.mxcursos.com\/photoshop?tracking=blog&amp;utm_source=blog&amp;utm_medium=post_link&amp;utm_content=marketing\" target=\"_blank\" rel=\"noopener noreferrer\">nossos cursos de Photoshop<\/a> e desenvolva suas habilidades em manipula\u00e7\u00f5es digitais e cria\u00e7\u00e3o de layouts para Desktops e Mobile.<\/p>\n<h2>2. GIMP<\/h2>\n<p>Falando em programas de edi\u00e7\u00e3o de imagens, o GIMP \u00e9 um editor de imagens e cria\u00e7\u00e3o de imagens vetorial. O grande diferencial \u00e9 que \u00e9 um programa de c\u00f3digo aberto, ou seja, \u00e9 gratuito. Apesar de poderosa, a ferramenta n\u00e3o \u00e9 t\u00e3o popular por alguns motivos. O maior deles \u00e9 que, por ser um programa de c\u00f3digo aberto, n\u00e3o possui licen\u00e7a para alguns formatos de arquivos e ferramentas muito utilizadas por designers profissionais.<\/p>\n<h2>3. Adobe Illustrator<\/h2>\n<p><img decoding=\"async\" class=\"aligncenter wp-image-18493 size-full\" title=\"Adobe Illustrator\" src=\"https:\/\/www.mxcursos.com\/blog\/wp-content\/uploads\/2016\/03\/08_illustrator.png\" alt=\"Adobe Illustrator\" width=\"738\" height=\"462\" srcset=\"https:\/\/www.mxcursos.com\/blog\/wp-content\/uploads\/2016\/03\/08_illustrator.png 738w, https:\/\/www.mxcursos.com\/blog\/wp-content\/uploads\/2016\/03\/08_illustrator-600x376.png 600w, https:\/\/www.mxcursos.com\/blog\/wp-content\/uploads\/2016\/03\/08_illustrator-610x382.png 610w, https:\/\/www.mxcursos.com\/blog\/wp-content\/uploads\/2016\/03\/08_illustrator-620x388.png 620w, https:\/\/www.mxcursos.com\/blog\/wp-content\/uploads\/2016\/03\/08_illustrator-24x15.png 24w\" sizes=\"(max-width: 738px) 100vw, 738px\" \/><\/p>\n<p>Mais um filho da fam\u00edlia Adobe, o Illustrator \u00e9 um <strong>programa para cria\u00e7\u00e3o de imagens vetoriais<\/strong>. Provavelmente, o <strong>software mais usado por designers<\/strong> quando o assunto \u00e9 vetor, o Illustrator permite a cria\u00e7\u00e3o de flyers, layouts, banners, cart\u00f5es de visitas, infogr\u00e1ficos, e-books e uma infinidade de outras artes. Trabalha em conjunto com outros programas Adobe \u2014 inclusive em conjunto com o Photoshop.<\/p>\n<p><strong>Dica:<\/strong> Conhe\u00e7a <a href=\"https:\/\/www.mxcursos.com\/illustrator?tracking=blog&amp;utm_source=blog&amp;utm_medium=post_link&amp;utm_content=marketing\" target=\"_blank\" rel=\"noopener noreferrer\">nossos cursos de Illustrator<\/a> e desenvolva suas habilidades em desenvolvimento de projetos vetoriais e ilustra\u00e7\u00f5es.<\/p>\n<h2>4. Adobe Fireworks<\/h2>\n<p>O Fireworks \u00e9 o programa para cria\u00e7\u00e3o de layouts da Adobe. Apesar de n\u00e3o ser t\u00e3o utilizado como o Photoshop (E ter sido descontinuado pela Adobe), \u00e9 o programa mais otimizado da Adobe. \u00c9 criado para web designers e tem layout intuitivo e bem semelhante ao do seu irm\u00e3o mais popular. Por\u00e9m, na d\u00favida de qual usar, use o Photoshop.<\/p>\n<h2>5. CorelDRAW<\/h2>\n<p><img decoding=\"async\" class=\"aligncenter wp-image-18492 size-full\" title=\"CorelDRAW\" src=\"https:\/\/www.mxcursos.com\/blog\/wp-content\/uploads\/2016\/03\/20_coreldraw.png\" alt=\"CorelDRAW\" width=\"738\" height=\"462\" srcset=\"https:\/\/www.mxcursos.com\/blog\/wp-content\/uploads\/2016\/03\/20_coreldraw.png 738w, https:\/\/www.mxcursos.com\/blog\/wp-content\/uploads\/2016\/03\/20_coreldraw-600x376.png 600w, https:\/\/www.mxcursos.com\/blog\/wp-content\/uploads\/2016\/03\/20_coreldraw-610x382.png 610w, https:\/\/www.mxcursos.com\/blog\/wp-content\/uploads\/2016\/03\/20_coreldraw-620x388.png 620w, https:\/\/www.mxcursos.com\/blog\/wp-content\/uploads\/2016\/03\/20_coreldraw-24x15.png 24w\" sizes=\"(max-width: 738px) 100vw, 738px\" \/><\/p>\n<p>O antecessor do Adobe Illustrator \u00e9 tamb\u00e9m um criador de imagem vetorial. Muitos o utilizam por considerarem mais f\u00e1cil e mais leve que seu concorrente. Vem progressivamente deixando de ser usado, j\u00e1 que o Illustrator da Adobe \u00e9 mais poderoso, mas ainda \u00e9 bem popular, especialmente por aqui. \u00c9 o queridinho de Designers que trabalham em gr\u00e1ficas pelo pa\u00eds.<\/p>\n<p>N\u00e3o estamos sendo patrocinados pela Adobe, mas a gigante dos softwares possui um programa diferente para cada \u00e1rea de atua\u00e7\u00e3o, incluindo edi\u00e7\u00e3o de v\u00eddeos, ent\u00e3o \u00e9 imposs\u00edvel listar esses programas sem falarmos de v\u00e1rios dos seus produtos.<\/p>\n<h2>6. Adobe InDesign<\/h2>\n<p><img decoding=\"async\" class=\"aligncenter wp-image-18499 size-full\" title=\"Adobe InDesign\" src=\"https:\/\/www.mxcursos.com\/blog\/wp-content\/uploads\/2016\/01\/03_indesign.png\" alt=\"Adobe InDesign\" width=\"738\" height=\"462\" srcset=\"https:\/\/www.mxcursos.com\/blog\/wp-content\/uploads\/2016\/01\/03_indesign.png 738w, https:\/\/www.mxcursos.com\/blog\/wp-content\/uploads\/2016\/01\/03_indesign-600x376.png 600w, https:\/\/www.mxcursos.com\/blog\/wp-content\/uploads\/2016\/01\/03_indesign-610x382.png 610w, https:\/\/www.mxcursos.com\/blog\/wp-content\/uploads\/2016\/01\/03_indesign-620x388.png 620w, https:\/\/www.mxcursos.com\/blog\/wp-content\/uploads\/2016\/01\/03_indesign-24x15.png 24w\" sizes=\"(max-width: 738px) 100vw, 738px\" \/><\/p>\n<p>\u00c9 o programa da Adobe dedicado \u00e0 <strong>diagrama\u00e7\u00e3o e \u00e0 organiza\u00e7\u00e3o de p\u00e1ginas<\/strong>. \u00c9 o programa n\u00famero 1 em ag\u00eancias de publicidade, jornais e revistas e gr\u00e1ficas. Apesar das ferramentas de suporte para cria\u00e7\u00e3o de layouts, n\u00e3o \u00e9 muito \u00fatil para cria\u00e7\u00e3o web.<\/p>\n<h2>7. Adobe Dreamweaver<\/h2>\n<p><img decoding=\"async\" class=\"aligncenter wp-image-18665 size-full\" title=\"Adobe Dreamweaver\" src=\"https:\/\/www.mxcursos.com\/blog\/wp-content\/uploads\/2016\/11\/04_dreamweaver.png\" alt=\"Adobe Dreamweaver\" width=\"738\" height=\"462\" srcset=\"https:\/\/www.mxcursos.com\/blog\/wp-content\/uploads\/2016\/11\/04_dreamweaver.png 738w, https:\/\/www.mxcursos.com\/blog\/wp-content\/uploads\/2016\/11\/04_dreamweaver-600x376.png 600w, https:\/\/www.mxcursos.com\/blog\/wp-content\/uploads\/2016\/11\/04_dreamweaver-610x382.png 610w, https:\/\/www.mxcursos.com\/blog\/wp-content\/uploads\/2016\/11\/04_dreamweaver-620x388.png 620w, https:\/\/www.mxcursos.com\/blog\/wp-content\/uploads\/2016\/11\/04_dreamweaver-24x15.png 24w\" sizes=\"(max-width: 738px) 100vw, 738px\" \/><\/p>\n<p>O Dreamweaver \u00e9 uma <strong>ferramenta de edi\u00e7\u00e3o de c\u00f3digos<\/strong>. A similaridade da ferramenta com os outros programas Adobe pode ser uma armadilha, j\u00e1 que o Dreamweaver pode gerar c\u00f3digos autom\u00e1ticos e desnecess\u00e1rios.<\/p>\n<p>Ter conhecimento de HTML e CSS j\u00e1 \u00e9 obrigat\u00f3rio. Voc\u00ea precisa entender essa linguagem de programa\u00e7\u00e3o b\u00e1sica para poder entender as novas linguagens, como XML e HTML 5. Conhecimento em Java, PHP e XHTML \u00e9 opcional, mas em um futuro pr\u00f3ximo, ser\u00e1 requisito b\u00e1sico.<\/p>\n<p>Dica: Conhe\u00e7a nossos <a href=\"https:\/\/www.mxcursos.com\/front-end?tracking=blog&amp;utm_source=blog&amp;utm_medium=post_link&amp;utm_content=marketing\" target=\"_blank\" rel=\"noopener noreferrer\">cursos de Front-End<\/a> e desenvolva suas habilidades em desenvolvimento web.<\/p>\n<p>O mercado de software de web design evolui constantemente e \u00e9 preciso estar sempre aprendendo para n\u00e3o ficar para tr\u00e1s.<\/p>\n<p>Gostou do nosso post? Ent\u00e3o curta a nossa <a href=\"https:\/\/www.facebook.com\/mxcursos\" target=\"_blank\" rel=\"noopener noreferrer\">p\u00e1gina no Facebook<\/a> para ficar por dentro de mais dicas como essas!<\/p>\n<p>Abra\u00e7os!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Voc\u00ea provavelmente j\u00e1 se pegou olhando para as especifica\u00e7\u00f5es de uma vaga de emprego para designer e pensou \u201cmeu Deus, me ajuda!\u201d. A quantidade de ferramentas e software de web design exigida \u00e9 grande, e \u00e9 dif\u00edcil se manter atualizado em um mercado que est\u00e1 sempre evoluindo e modificando. Mas a quest\u00e3o \u00e9: Voc\u00ea conhece [&hellip;]<\/p>\n","protected":false},"author":83,"featured_media":18667,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[307],"tags":[1208,1209,1240,1173],"class_list":["post-4943","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-design","tag-coreldraw","tag-illustrator","tag-indesign","tag-photoshop"],"_links":{"self":[{"href":"https:\/\/www.mxcursos.com\/blog\/wp-json\/wp\/v2\/posts\/4943","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.mxcursos.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.mxcursos.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.mxcursos.com\/blog\/wp-json\/wp\/v2\/users\/83"}],"replies":[{"embeddable":true,"href":"https:\/\/www.mxcursos.com\/blog\/wp-json\/wp\/v2\/comments?post=4943"}],"version-history":[{"count":0,"href":"https:\/\/www.mxcursos.com\/blog\/wp-json\/wp\/v2\/posts\/4943\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.mxcursos.com\/blog\/wp-json\/wp\/v2\/media\/18667"}],"wp:attachment":[{"href":"https:\/\/www.mxcursos.com\/blog\/wp-json\/wp\/v2\/media?parent=4943"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.mxcursos.com\/blog\/wp-json\/wp\/v2\/categories?post=4943"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.mxcursos.com\/blog\/wp-json\/wp\/v2\/tags?post=4943"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}