{"id":32488,"date":"2016-01-20T05:00:04","date_gmt":"2016-01-20T13:00:04","guid":{"rendered":"https:\/\/creativemarket.com\/blog\/?p=32488"},"modified":"2024-04-10T06:00:49","modified_gmt":"2024-04-10T13:00:49","slug":"should-designers-code","status":"publish","type":"post","link":"https:\/\/creativemarket.com\/blog\/should-designers-code","title":{"rendered":"Should Designers Code?"},"content":{"rendered":"

It’s 2016, not 2006. Roles like User Interface Designer<\/em> and Front-End Developer<\/em> are more favorable than the old-school Web Designer<\/em>, and they have been for a while now. We’ve become much more attuned to the different stages of building a website, not to mention the fact that there are more technologies, more trends and more competing websites than ever before.

Every aspect of a website needs a specialized type of designer.<\/p>

And when Google changes its algorithm to accommodate a change in the way we design for screens (like they did with mobile-friendliness\/responsive design), you know it’s a huge<\/strong> deal.<\/p>

But how can you be sure that the component you’re designing (whether you’re using Photoshop or Sketch) is responsive if you don’t code? It sort of makes you wonder, did we make a mistake by splitting “web design†into multiple specialized fields? Or did we do ourselves a favor by focusing our efforts?<\/p>

Let’s debate it out.<\/p>

<\/span>Why Designers Should Code<\/span><\/h2>

In bigger teams, somebody else has the role of developer. Developers have to take your design, represent it with words and make it functional. While you may have an idea (whether you visually conceptualize it or not) how the website should adapt to different screen sizes, and how the website should react to a user’s interaction, a developer has to actually make it happen.<\/p>

Forming creative ideas without boundaries is a wonderful thing to be able to do, but sadly technology does<\/strong> have boundaries — by disregarding the limitations of what code can actually<\/em> accomplish, you risk creating bumps further down the road.<\/p>

<\/span>Performance and Code Maintenance<\/span><\/h3>

Performance and code maintenance are two things a web developer has to think about, however, one of the underlying factors that contribute to bloated code and slow websites is the complexity of the design, which the developer may have no involvement in.<\/p>

Perceived loading times, actual<\/em> loading times and code complexity are three boundaries that would be better considered before handing a visual design over to a web developer.<\/p>

<\/span>Designing With Code<\/span><\/h3>

If you tend to build smaller websites then the benefits of being code-savvy are quite obvious. It doesn’t take much work to design and<\/em> code smaller websites – in fact it makes it a whole lot easier to design with<\/strong> code, directly in<\/em> the browser.<\/p>

Many designers enjoy working this way because it eliminates the need for forward-thinking in regards to writing code that runs fast and looks clean. If another developer is taking care of the code, then you run the risk of them either implementing heavy workarounds to fit your visual concept, or them sending you back to the drawing board to come up with a more practical<\/em> layout.<\/p>

<\/span>Why Designers Shouldn’t Code<\/span><\/h2>

Designing and<\/strong> coding? Well, that’s a lot of work. Although many of us may be capable of such a feat, it’s a strain on the brain. You’d be responsible for so many things: visual aesthetics, user experiences, interaction design, search engine optimization, branding, mobile-friendliness, code maintenance and so on. Teaming up with a developer sure has its advantages.<\/p>

<\/span>Focusing Your Efforts<\/span><\/h3>

Having a team (or simply a buddy to work with) means that more energy can be channeled into the design while somebody else holds the fort elsewhere. Having less responsibility means having a clearer mind and efforts that are more focused.<\/p>

<\/span>You Shouldn’t Code If You Simply Don’t Like It<\/span><\/h3>

Some designers don’t even like<\/em> programming, and I’m a firm believer of doing only what you love. If you’re doing something that you’re not passionate about you’ll never be awesome at it.<\/p>

<\/span>Conclusion: The Sweet Spot?<\/span><\/h2>

In my opinion, the necessity to know how to code is circumstantial. What enables you to code (as well as design) efficiently depends on your personality. Do you enjoy reiterating over several rough ideas at once (i.e. being a creative), or are you more neurotic (i.e. you obsess over the final details)?<\/p>

If you chose “final detailsâ€, then you’re likely the gal\/guy who takes all of the ideas and designs something solid with it. When you’re done, you hand it to the developer, right? Personally, I believe designers should be able to defend the viability of their work and offer a “this should be code-able†guarantee.<\/p>

But that doesn’t necessarily mean that web designers should code, or even know how<\/em> to code to a so-called “developer standardâ€, however, an understanding of the fundamentals could be a huge step towards a workflow with fewer bumps in the road.<\/p>

<\/span>What’s your take?<\/span><\/h2>

Equally, web developers could explore a deeper understanding of user experiences and the importance of detail. So, should designers code, or not? Or is communication, regardless of skillset, the real secret to an outstanding designer-developer team?<\/p>

Let’s discuss!<\/p>

Daniel Schwarz<\/a> is a full-time design writer and digital nomad. He’s the founder of Airwalk Studios<\/a>, a company that recently switched their interests from freelance design to content creation. Now they’re working on writing books and magazines for design enthusiasts. Daniel is 25 years of age, originally from London.<\/em><\/p>

Products Seen In This Post:<\/strong><\/p>

<\/figure>\n \n
<\/figure>\n \n
<\/figure>\n \n<\/p>
\"getpaidtowrite-banner\"<\/a><\/p>
<\/figure>\n
<\/figure>\n
<\/figure>\n
<\/figure>\n \n","protected":false},"excerpt":{"rendered":"

It’s 2016, not 2006. Roles like User Interface Designer and Front-End Developer are more favorable than the old-school Web Designer, and they have been for a while now. We’ve become much more attuned to the different stages of building a website, not to mention the fact that there are more technologies, more trends and more […]<\/p>\n","protected":false},"author":80,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"categories":[59],"tags":[1140],"topics":[],"class_list":["post-32488","post","type-post","status-publish","format-standard","hentry","category-design-trends","tag-designerlife"],"acf":[],"yoast_head":"\nShould Designers Code? - Creative Market Blog<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/creativemarket.com\/blog\/should-designers-code\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Should Designers Code?\" \/>\n<meta property=\"og:description\" content=\"It’s 2016, not 2006. Roles like User Interface Designer and Front-End Developer are more favorable than the old-school Web Designer,\" \/>\n<meta property=\"og:url\" content=\"https:\/\/creativemarket.com\/blog\/should-designers-code\" \/>\n<meta property=\"og:site_name\" content=\"Creative Market Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/crtvmrkt\" \/>\n<meta property=\"article:published_time\" content=\"2016-01-20T13:00:04+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-04-10T13:00:49+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2016\/01\/10005443\/getpaidtowrite-banner-2.jpg.webp\" \/>\n<meta name=\"author\" content=\"Daniel Schwarz\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@creativemarket\" \/>\n<meta name=\"twitter:site\" content=\"@creativemarket\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Daniel Schwarz\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"5 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/should-designers-code\",\"url\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/should-designers-code\",\"name\":\"Should Designers Code? - Creative Market Blog\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/should-designers-code#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/should-designers-code#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/d3ui957tjb5bqd.cloudfront.net\\\/uploads\\\/2016\\\/01\\\/10005443\\\/getpaidtowrite-banner-2.jpg.webp\",\"datePublished\":\"2016-01-20T13:00:04+00:00\",\"dateModified\":\"2024-04-10T13:00:49+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/#\\\/schema\\\/person\\\/22445dd760cb98b36f1c658c3d06afe7\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/should-designers-code#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/creativemarket.com\\\/blog\\\/should-designers-code\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/should-designers-code#primaryimage\",\"url\":\"https:\\\/\\\/d3ui957tjb5bqd.cloudfront.net\\\/uploads\\\/2016\\\/01\\\/10005443\\\/getpaidtowrite-banner-2.jpg.webp\",\"contentUrl\":\"https:\\\/\\\/d3ui957tjb5bqd.cloudfront.net\\\/uploads\\\/2016\\\/01\\\/10005443\\\/getpaidtowrite-banner-2.jpg.webp\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/should-designers-code#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Should Designers Code?\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/\",\"name\":\"Creative Market Blog\",\"description\":\"Creative Market Blog\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/creativemarket.com\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Should Designers Code? - Creative Market Blog","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/creativemarket.com\/blog\/should-designers-code","og_locale":"en_US","og_type":"article","og_title":"Should Designers Code?","og_description":"It’s 2016, not 2006. Roles like User Interface Designer and Front-End Developer are more favorable than the old-school Web Designer,","og_url":"https:\/\/creativemarket.com\/blog\/should-designers-code","og_site_name":"Creative Market Blog","article_publisher":"https:\/\/www.facebook.com\/crtvmrkt","article_published_time":"2016-01-20T13:00:04+00:00","article_modified_time":"2024-04-10T13:00:49+00:00","og_image":[{"url":"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2016\/01\/10005443\/getpaidtowrite-banner-2.jpg.webp","type":"","width":"","height":""}],"author":"Daniel Schwarz","twitter_card":"summary_large_image","twitter_creator":"@creativemarket","twitter_site":"@creativemarket","twitter_misc":{"Written by":"Daniel Schwarz","Est. reading time":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/creativemarket.com\/blog\/should-designers-code","url":"https:\/\/creativemarket.com\/blog\/should-designers-code","name":"Should Designers Code? - Creative Market Blog","isPartOf":{"@id":"https:\/\/creativemarket.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/creativemarket.com\/blog\/should-designers-code#primaryimage"},"image":{"@id":"https:\/\/creativemarket.com\/blog\/should-designers-code#primaryimage"},"thumbnailUrl":"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2016\/01\/10005443\/getpaidtowrite-banner-2.jpg.webp","datePublished":"2016-01-20T13:00:04+00:00","dateModified":"2024-04-10T13:00:49+00:00","author":{"@id":"https:\/\/creativemarket.com\/blog\/#\/schema\/person\/22445dd760cb98b36f1c658c3d06afe7"},"breadcrumb":{"@id":"https:\/\/creativemarket.com\/blog\/should-designers-code#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/creativemarket.com\/blog\/should-designers-code"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/creativemarket.com\/blog\/should-designers-code#primaryimage","url":"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2016\/01\/10005443\/getpaidtowrite-banner-2.jpg.webp","contentUrl":"https:\/\/d3ui957tjb5bqd.cloudfront.net\/uploads\/2016\/01\/10005443\/getpaidtowrite-banner-2.jpg.webp"},{"@type":"BreadcrumbList","@id":"https:\/\/creativemarket.com\/blog\/should-designers-code#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/creativemarket.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Should Designers Code?"}]},{"@type":"WebSite","@id":"https:\/\/creativemarket.com\/blog\/#website","url":"https:\/\/creativemarket.com\/blog\/","name":"Creative Market Blog","description":"Creative Market Blog","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/creativemarket.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/creativemarket.com\/blog\/wp-json\/wp\/v2\/posts\/32488","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/creativemarket.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/creativemarket.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/creativemarket.com\/blog\/wp-json\/wp\/v2\/users\/80"}],"replies":[{"embeddable":true,"href":"https:\/\/creativemarket.com\/blog\/wp-json\/wp\/v2\/comments?post=32488"}],"version-history":[{"count":0,"href":"https:\/\/creativemarket.com\/blog\/wp-json\/wp\/v2\/posts\/32488\/revisions"}],"wp:attachment":[{"href":"https:\/\/creativemarket.com\/blog\/wp-json\/wp\/v2\/media?parent=32488"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/creativemarket.com\/blog\/wp-json\/wp\/v2\/categories?post=32488"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/creativemarket.com\/blog\/wp-json\/wp\/v2\/tags?post=32488"},{"taxonomy":"topics","embeddable":true,"href":"https:\/\/creativemarket.com\/blog\/wp-json\/wp\/v2\/topics?post=32488"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}