{"id":11665,"date":"2013-09-06T07:20:58","date_gmt":"2013-09-06T07:20:58","guid":{"rendered":"https:\/\/www.plasmacomp.com\/?p=4109"},"modified":"2024-07-05T11:22:50","modified_gmt":"2024-07-05T11:22:50","slug":"web-design-an-introduction","status":"publish","type":"post","link":"https:\/\/www.plasmacomp.com\/home\/blogs\/web-design-an-introduction\/","title":{"rendered":"Web Design &#8211; An Introduction"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"11665\" class=\"elementor elementor-11665\" data-elementor-post-type=\"post\">\n\t\t\t\t<div class=\"elementor-element elementor-element-19a25cb6 DetailPage e-flex e-con-boxed e-con e-parent\" data-id=\"19a25cb6\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4fd7c5d8 elementor-widget elementor-widget-text-editor\" data-id=\"4fd7c5d8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p><em><b>This is the first part of our short series on the basics of web design. To learn more, check back in with us for more articles in this series!<\/b><\/em><\/p><p><em><b>\u00a0<\/b><\/em><\/p><p>\u00a0<\/p><p>Web design is not an easy field to step into. Whether you\u2019re trying to get started yourself or just evaluating work that you\u2019re having done for your company, it can be hard to put everything in perspective. Design on the web is not the same as design for print, which leads many people to make mistakes. You also can\u2019t allow your personal preferences to overshadow important design principles (Comic Sans, for example, will never be a good professional font).<\/p><p>\u00a0<\/p><p>So how can you get a handle on web design? In this series, we\u2019ll break down some of the most important principles of web design into three, simple mantras that you can apply to all of your design work: simple, standard and compatible.<\/p><p>\u201cSimple\u201d is an evocative word. In web design, simplicity means that you should focus on clean, intuitive sites, valuing functionality and a clear conveyance of your message over fancy graphics and tricks.<\/p><p>\u00a0<\/p><p>In <a href=\"http:\/\/conversionxl.com\/8-universal-web-design-principles-you-should-to-know\/#.\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">an article on ConversionXL<\/a>, Peep Laja gives an example of the application of simplicity in web design through the use of Occam\u2019s razor, where \u201cthe simplest solution is usually best.\u201d He notes the experience of the company Pipedrive, where they \u201cremoved 80% of the content, and left one sign-up button and one Learn More link on the home page.\u201d The result? \u201cConversion to sign up increased by 300%.\u201d Your company can have an incredible amount of impressive services and credentials, but shoving them all onto the main page will only serve to make it messy instead of impressing potential customers. A simple page finds a way to get the message across (\u201cWe\u2019re a highly respected and successful company with the best products in our industry.\u201d) without having to write a dissertation on it.<\/p><p>\u00a0<\/p><p>A simple web page should get your message across immediately. There should be no extra steps, like automatically playing animation and flash video or a landing\/splash page. When a user arrives at your site, they shouldn\u2019t have to think: everything should be obvious, from navigation to your company\u2019s purpose and product. Anything else adds steps in between a user arriving and that same user converting to a paying customer. No one likes to jump through hoops to get things done, so you should make your website as accessible as possible.<\/p><p>\u00a0<\/p><p>To help maintain a simple, professional design, limit how many fonts and colors you use. Adding too many will make the page appear busy and distract visitors with visual clutter. Treat your graphics in the same way and only add things that complement the design. You should also avoid pop-ups, since they obscure the rest of your website and can annoy guests.<\/p><p>Simplicity is about making a functional site that gets the job done with streamlined good looks. A web designer does not have the same mission as an artist: they are designing something for a functional purpose such that the average user both likes and easily understands it. So when you\u2019re looking for a successful website design, keep it simple.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Web design is not an easy field to step into. Whether you\u2019re trying to get started yourself or just evaluating work that you\u2019re having done for your company, it can be hard to put everything in perspective. <\/p>\n","protected":false},"author":1,"featured_media":17687,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[60,77,78],"tags":[],"class_list":["post-11665","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-blogs","category-web-development","category-website-designing"],"acf":{"dl_description":"","dl_pinterest_image":"","dl_hashtags":""},"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.7 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Introduction to Web Design, Its Principles and Benefits<\/title>\n<meta name=\"description\" content=\"Web design is not an easy field to step into. Whether you\u2019re trying to get started yourself or just evaluating work that you\u2019re having done for your company, it can be hard to put everything in perspective.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.plasmacomp.com\/blogs\/web-design-an-introduction\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Introduction to Web Design, Its Principles and Benefits\" \/>\n<meta property=\"og:description\" content=\"Web design is not an easy field to step into. Whether you\u2019re trying to get started yourself or just evaluating work that you\u2019re having done for your company, it can be hard to put everything in perspective.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.plasmacomp.com\/blogs\/web-design-an-introduction\/\" \/>\n<meta property=\"og:site_name\" content=\"Plasma\" \/>\n<meta property=\"article:published_time\" content=\"2013-09-06T07:20:58+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-07-05T11:22:50+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.plasmacomp.com\/wp-content\/uploads\/2013\/09\/web-design-blog.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1110\" \/>\n\t<meta property=\"og:image:height\" content=\"450\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"plasma\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"plasma\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.plasmacomp.com\\\/blogs\\\/web-design-an-introduction\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.plasmacomp.com\\\/blogs\\\/web-design-an-introduction\\\/\"},\"author\":{\"name\":\"plasma\",\"@id\":\"https:\\\/\\\/www.plasmacomp.com\\\/#\\\/schema\\\/person\\\/8957f55b57bda86c52120f20445a8102\"},\"headline\":\"Web Design &#8211; An Introduction\",\"datePublished\":\"2013-09-06T07:20:58+00:00\",\"dateModified\":\"2024-07-05T11:22:50+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.plasmacomp.com\\\/blogs\\\/web-design-an-introduction\\\/\"},\"wordCount\":541,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/www.plasmacomp.com\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.plasmacomp.com\\\/blogs\\\/web-design-an-introduction\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.plasmacomp.com\\\/wp-content\\\/uploads\\\/2013\\\/09\\\/web-design-blog.jpg\",\"articleSection\":[\"Blogs\",\"Web Development\",\"Website Designing\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.plasmacomp.com\\\/blogs\\\/web-design-an-introduction\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.plasmacomp.com\\\/blogs\\\/web-design-an-introduction\\\/\",\"url\":\"https:\\\/\\\/www.plasmacomp.com\\\/blogs\\\/web-design-an-introduction\\\/\",\"name\":\"Introduction to Web Design, Its Principles and Benefits\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.plasmacomp.com\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.plasmacomp.com\\\/blogs\\\/web-design-an-introduction\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.plasmacomp.com\\\/blogs\\\/web-design-an-introduction\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.plasmacomp.com\\\/wp-content\\\/uploads\\\/2013\\\/09\\\/web-design-blog.jpg\",\"datePublished\":\"2013-09-06T07:20:58+00:00\",\"dateModified\":\"2024-07-05T11:22:50+00:00\",\"description\":\"Web design is not an easy field to step into. Whether you\u2019re trying to get started yourself or just evaluating work that you\u2019re having done for your company, it can be hard to put everything in perspective.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.plasmacomp.com\\\/blogs\\\/web-design-an-introduction\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.plasmacomp.com\\\/blogs\\\/web-design-an-introduction\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.plasmacomp.com\\\/blogs\\\/web-design-an-introduction\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.plasmacomp.com\\\/wp-content\\\/uploads\\\/2013\\\/09\\\/web-design-blog.jpg\",\"contentUrl\":\"https:\\\/\\\/www.plasmacomp.com\\\/wp-content\\\/uploads\\\/2013\\\/09\\\/web-design-blog.jpg\",\"width\":1110,\"height\":450,\"caption\":\"Web Design \u2013 An Introduction\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.plasmacomp.com\\\/blogs\\\/web-design-an-introduction\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.plasmacomp.com\\\/home\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Web Design &#8211; An Introduction\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.plasmacomp.com\\\/#website\",\"url\":\"https:\\\/\\\/www.plasmacomp.com\\\/\",\"name\":\"Plasma\",\"description\":\"Digital Transformation Solutions to Match Your Enterprise Needs\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.plasmacomp.com\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.plasmacomp.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.plasmacomp.com\\\/#organization\",\"name\":\"Plasma\",\"url\":\"https:\\\/\\\/www.plasmacomp.com\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.plasmacomp.com\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.plasmacomp.com\\\/wp-content\\\/uploads\\\/2024\\\/04\\\/cropped-Plasma_Logo_color.png\",\"contentUrl\":\"https:\\\/\\\/www.plasmacomp.com\\\/wp-content\\\/uploads\\\/2024\\\/04\\\/cropped-Plasma_Logo_color.png\",\"width\":599,\"height\":250,\"caption\":\"Plasma\"},\"image\":{\"@id\":\"https:\\\/\\\/www.plasmacomp.com\\\/#\\\/schema\\\/logo\\\/image\\\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.plasmacomp.com\\\/#\\\/schema\\\/person\\\/8957f55b57bda86c52120f20445a8102\",\"name\":\"plasma\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/23ee60b2bb27014985bdc827afc3052de457943dfbccf4b0fd40edf147bcec8d?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/23ee60b2bb27014985bdc827afc3052de457943dfbccf4b0fd40edf147bcec8d?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/23ee60b2bb27014985bdc827afc3052de457943dfbccf4b0fd40edf147bcec8d?s=96&d=mm&r=g\",\"caption\":\"plasma\"},\"sameAs\":[\"https:\\\/\\\/staging.plasmastaging.com\"],\"url\":\"https:\\\/\\\/www.plasmacomp.com\\\/home\\\/author\\\/plasma\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Introduction to Web Design, Its Principles and Benefits","description":"Web design is not an easy field to step into. Whether you\u2019re trying to get started yourself or just evaluating work that you\u2019re having done for your company, it can be hard to put everything in perspective.","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:\/\/www.plasmacomp.com\/blogs\/web-design-an-introduction\/","og_locale":"en_US","og_type":"article","og_title":"Introduction to Web Design, Its Principles and Benefits","og_description":"Web design is not an easy field to step into. Whether you\u2019re trying to get started yourself or just evaluating work that you\u2019re having done for your company, it can be hard to put everything in perspective.","og_url":"https:\/\/www.plasmacomp.com\/blogs\/web-design-an-introduction\/","og_site_name":"Plasma","article_published_time":"2013-09-06T07:20:58+00:00","article_modified_time":"2024-07-05T11:22:50+00:00","og_image":[{"width":1110,"height":450,"url":"https:\/\/www.plasmacomp.com\/wp-content\/uploads\/2013\/09\/web-design-blog.jpg","type":"image\/jpeg"}],"author":"plasma","twitter_card":"summary_large_image","twitter_misc":{"Written by":"plasma","Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.plasmacomp.com\/blogs\/web-design-an-introduction\/#article","isPartOf":{"@id":"https:\/\/www.plasmacomp.com\/blogs\/web-design-an-introduction\/"},"author":{"name":"plasma","@id":"https:\/\/www.plasmacomp.com\/#\/schema\/person\/8957f55b57bda86c52120f20445a8102"},"headline":"Web Design &#8211; An Introduction","datePublished":"2013-09-06T07:20:58+00:00","dateModified":"2024-07-05T11:22:50+00:00","mainEntityOfPage":{"@id":"https:\/\/www.plasmacomp.com\/blogs\/web-design-an-introduction\/"},"wordCount":541,"commentCount":0,"publisher":{"@id":"https:\/\/www.plasmacomp.com\/#organization"},"image":{"@id":"https:\/\/www.plasmacomp.com\/blogs\/web-design-an-introduction\/#primaryimage"},"thumbnailUrl":"https:\/\/www.plasmacomp.com\/wp-content\/uploads\/2013\/09\/web-design-blog.jpg","articleSection":["Blogs","Web Development","Website Designing"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.plasmacomp.com\/blogs\/web-design-an-introduction\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.plasmacomp.com\/blogs\/web-design-an-introduction\/","url":"https:\/\/www.plasmacomp.com\/blogs\/web-design-an-introduction\/","name":"Introduction to Web Design, Its Principles and Benefits","isPartOf":{"@id":"https:\/\/www.plasmacomp.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.plasmacomp.com\/blogs\/web-design-an-introduction\/#primaryimage"},"image":{"@id":"https:\/\/www.plasmacomp.com\/blogs\/web-design-an-introduction\/#primaryimage"},"thumbnailUrl":"https:\/\/www.plasmacomp.com\/wp-content\/uploads\/2013\/09\/web-design-blog.jpg","datePublished":"2013-09-06T07:20:58+00:00","dateModified":"2024-07-05T11:22:50+00:00","description":"Web design is not an easy field to step into. Whether you\u2019re trying to get started yourself or just evaluating work that you\u2019re having done for your company, it can be hard to put everything in perspective.","breadcrumb":{"@id":"https:\/\/www.plasmacomp.com\/blogs\/web-design-an-introduction\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.plasmacomp.com\/blogs\/web-design-an-introduction\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.plasmacomp.com\/blogs\/web-design-an-introduction\/#primaryimage","url":"https:\/\/www.plasmacomp.com\/wp-content\/uploads\/2013\/09\/web-design-blog.jpg","contentUrl":"https:\/\/www.plasmacomp.com\/wp-content\/uploads\/2013\/09\/web-design-blog.jpg","width":1110,"height":450,"caption":"Web Design \u2013 An Introduction"},{"@type":"BreadcrumbList","@id":"https:\/\/www.plasmacomp.com\/blogs\/web-design-an-introduction\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.plasmacomp.com\/home\/"},{"@type":"ListItem","position":2,"name":"Web Design &#8211; An Introduction"}]},{"@type":"WebSite","@id":"https:\/\/www.plasmacomp.com\/#website","url":"https:\/\/www.plasmacomp.com\/","name":"Plasma","description":"Digital Transformation Solutions to Match Your Enterprise Needs","publisher":{"@id":"https:\/\/www.plasmacomp.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.plasmacomp.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.plasmacomp.com\/#organization","name":"Plasma","url":"https:\/\/www.plasmacomp.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.plasmacomp.com\/#\/schema\/logo\/image\/","url":"https:\/\/www.plasmacomp.com\/wp-content\/uploads\/2024\/04\/cropped-Plasma_Logo_color.png","contentUrl":"https:\/\/www.plasmacomp.com\/wp-content\/uploads\/2024\/04\/cropped-Plasma_Logo_color.png","width":599,"height":250,"caption":"Plasma"},"image":{"@id":"https:\/\/www.plasmacomp.com\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/www.plasmacomp.com\/#\/schema\/person\/8957f55b57bda86c52120f20445a8102","name":"plasma","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/23ee60b2bb27014985bdc827afc3052de457943dfbccf4b0fd40edf147bcec8d?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/23ee60b2bb27014985bdc827afc3052de457943dfbccf4b0fd40edf147bcec8d?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/23ee60b2bb27014985bdc827afc3052de457943dfbccf4b0fd40edf147bcec8d?s=96&d=mm&r=g","caption":"plasma"},"sameAs":["https:\/\/staging.plasmastaging.com"],"url":"https:\/\/www.plasmacomp.com\/home\/author\/plasma\/"}]}},"_links":{"self":[{"href":"https:\/\/www.plasmacomp.com\/home\/wp-json\/wp\/v2\/posts\/11665","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.plasmacomp.com\/home\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.plasmacomp.com\/home\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.plasmacomp.com\/home\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.plasmacomp.com\/home\/wp-json\/wp\/v2\/comments?post=11665"}],"version-history":[{"count":0,"href":"https:\/\/www.plasmacomp.com\/home\/wp-json\/wp\/v2\/posts\/11665\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.plasmacomp.com\/home\/wp-json\/wp\/v2\/media\/17687"}],"wp:attachment":[{"href":"https:\/\/www.plasmacomp.com\/home\/wp-json\/wp\/v2\/media?parent=11665"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.plasmacomp.com\/home\/wp-json\/wp\/v2\/categories?post=11665"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.plasmacomp.com\/home\/wp-json\/wp\/v2\/tags?post=11665"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}