{"id":3171,"date":"2020-04-14T16:00:01","date_gmt":"2020-04-14T15:00:01","guid":{"rendered":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/?p=3171"},"modified":"2023-07-27T15:35:42","modified_gmt":"2023-07-27T14:35:42","slug":"dos-and-donts-of-split-screen-web-design","status":"publish","type":"post","link":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/dos-and-donts-of-split-screen-web-design\/","title":{"rendered":"Do&#8217;s and don&#8217;ts of split screen web design"},"content":{"rendered":"Split screen web design is something that can be incredibly visually effective on a desktop site, as well as a mobile device. This is a layout choice that can draw attention to key features and important pieces of information, while being primarily visual, using colours, imagery and design to deliver a clear company message. But how can you be sure that your company website could benefit from a split screen design? And what are the do&#8217;s and don&#8217;ts of split screen web design? Well, here at <a href=\"https:\/\/www.pumpkinwebdesign.com\/website-designers-manchester\/\">Pumpkin Web Design Manchester<\/a>, we are Manchester&#8217;s leading <a href=\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/web-design-features-for-small-businesses-offering-local-services\/\">web design<\/a> professionals. From\u00a0<a href=\"https:\/\/www.pumpkinwebdesign.com\/web-design-wigan\/\">Wigan<\/a>\u00a0to\u00a0<a href=\"https:\/\/www.pumpkinwebdesign.com\/web-design-southport\/\">Southport<\/a>, we work with companies across Manchester and the surrounding region to deliver high quality <a href=\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/using-contrast-effectively-in-web-design\/\">web design<\/a> solutions that really get results. As a result, we have produced this guide using split screen design for your website.\r\n<h2>What are the do&#8217;s and don&#8217;ts of split screen web design?<\/h2>\r\nIf you are designing a split screen website for your company or business, there are some things that you should be sure to do, and others that you should avoid completely. These include:\r\n<ul>\r\n \t<li>DO keep the design consistent<\/li>\r\n \t<li>DON&#8217;T use too many colours<\/li>\r\n \t<li>DO consider company branding<\/li>\r\n \t<li>DON&#8217;T neglect the imagery<\/li>\r\n \t<li>DO use split screen for a purpose<\/li>\r\n<\/ul>\r\n<h3>DO keep the design consistent<\/h3>\r\nIf you choose a split screen website, be sure to keep the split percentage and ratio the same and consistent across each page of your website. This can help to ensure a positive user experience, as it makes it clear that each page is professional, and part of your company website. If you want to alternate the split 75-25, then 25-75, this can be very effective, as long as it is used consistently, keeping to the same parameters.\r\n<h3>DON&#8217;T use too many colours<\/h3>\r\nWith split screen design, it can be tempting to use two different colours on each side of the screen, with a third colour for typography, and a fourth colour for accents and links. While this might work for some websites, sticking to just three colours is generally more effective, and presents your website in a more professional manner.\r\n<h3>DO consider company branding<\/h3>\r\nAs with any website, company branding is essential. Consider this when you plan your split screen design, and be sure to position the company logo clearly and effectively, where it will be seen immediately. You should also consider the company colours when planning your website colour scheme.\r\n<h3>DON&#8217;T neglect the imagery<\/h3>\r\nSplit screen design is all about drawing the user eye from one side of the page to another. And to help with this, imagery can be essential. Be sure to always use professional, high quality, fully optimized imagery for the best possible results.\r\n<h3>DO use split screen for a purpose<\/h3>\r\nSplit screen websites should serve a particular purpose, with a specific goal in mind. This can help your website be more effective overall. In general, a split screen design is used to focus user attention at certain points, and to help users slow down when browsing the website. If this isnt necessary for your company website, a different layout could be a better match.\r\n\r\nFor more information or advice, or for high quality, professional web design solutions, get in touch with the experts today, here at <a href=\"https:\/\/www.pumpkinwebdesign.com\/website-designers-manchester\/\">Pumpkin Web Design Manchester.<\/a>\r\n\r\n<!-- \/wp:paragraph --><!-- wp:heading -->","protected":false},"excerpt":{"rendered":"<p>Split screen web design is something that can be incredibly visually effective on a desktop site, as well as a mobile device. This is a layout choice that can draw attention to key features and important pieces of information, while being primarily visual, using colours, imagery and design to deliver a clear company message. But [&#8230;]\n","protected":false},"author":2,"featured_media":2108,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[17],"tags":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v20.10 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Do&#039;s and don&#039;ts of split screen web design - Pumpkin Web Design Manchester<\/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:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/dos-and-donts-of-split-screen-web-design\/\" \/>\n<meta property=\"og:locale\" content=\"en_GB\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Do&#039;s and don&#039;ts of split screen web design - Pumpkin Web Design Manchester\" \/>\n<meta property=\"og:description\" content=\"Split screen web design is something that can be incredibly visually effective on a desktop site, as well as a mobile device. This is a layout choice that can draw attention to key features and important pieces of information, while being primarily visual, using colours, imagery and design to deliver a clear company message. But [...]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/dos-and-donts-of-split-screen-web-design\/\" \/>\n<meta property=\"og:site_name\" content=\"Pumpkin Web Design Manchester\" \/>\n<meta property=\"article:published_time\" content=\"2020-04-14T15:00:01+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-07-27T14:35:42+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/wp-content\/uploads\/2019\/04\/adding-value-with-social-media.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1000\" \/>\n\t<meta property=\"og:image:height\" content=\"667\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Pumpkin Web Design Manchester\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Pumpkin Web Design Manchester\" \/>\n\t<meta name=\"twitter:label2\" content=\"Estimated 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\":\"WebPage\",\"@id\":\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/dos-and-donts-of-split-screen-web-design\/\",\"url\":\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/dos-and-donts-of-split-screen-web-design\/\",\"name\":\"Do's and don'ts of split screen web design - Pumpkin Web Design Manchester\",\"isPartOf\":{\"@id\":\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/#website\"},\"datePublished\":\"2020-04-14T15:00:01+00:00\",\"dateModified\":\"2023-07-27T14:35:42+00:00\",\"author\":{\"@id\":\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/#\/schema\/person\/b2a999c4885984c18f9525b21a017d28\"},\"breadcrumb\":{\"@id\":\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/dos-and-donts-of-split-screen-web-design\/#breadcrumb\"},\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/dos-and-donts-of-split-screen-web-design\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/dos-and-donts-of-split-screen-web-design\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Do&#8217;s and don&#8217;ts of split screen web design\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/#website\",\"url\":\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/\",\"name\":\"Pumpkin Web Design Manchester\",\"description\":\"Full service digital agency\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-GB\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/#\/schema\/person\/b2a999c4885984c18f9525b21a017d28\",\"name\":\"Pumpkin Web Design Manchester\",\"description\":\"Providing top notch web design, across Manchester, since 2009\",\"url\":\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/author\/g4oyprjmpvh3epn\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Do's and don'ts of split screen web design - Pumpkin Web Design Manchester","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.pumpkinwebdesign.com\/web-design-manchester\/dos-and-donts-of-split-screen-web-design\/","og_locale":"en_GB","og_type":"article","og_title":"Do's and don'ts of split screen web design - Pumpkin Web Design Manchester","og_description":"Split screen web design is something that can be incredibly visually effective on a desktop site, as well as a mobile device. This is a layout choice that can draw attention to key features and important pieces of information, while being primarily visual, using colours, imagery and design to deliver a clear company message. But [...]","og_url":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/dos-and-donts-of-split-screen-web-design\/","og_site_name":"Pumpkin Web Design Manchester","article_published_time":"2020-04-14T15:00:01+00:00","article_modified_time":"2023-07-27T14:35:42+00:00","og_image":[{"width":1000,"height":667,"url":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/wp-content\/uploads\/2019\/04\/adding-value-with-social-media.jpg","type":"image\/jpeg"}],"author":"Pumpkin Web Design Manchester","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Pumpkin Web Design Manchester","Estimated reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/dos-and-donts-of-split-screen-web-design\/","url":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/dos-and-donts-of-split-screen-web-design\/","name":"Do's and don'ts of split screen web design - Pumpkin Web Design Manchester","isPartOf":{"@id":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/#website"},"datePublished":"2020-04-14T15:00:01+00:00","dateModified":"2023-07-27T14:35:42+00:00","author":{"@id":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/#\/schema\/person\/b2a999c4885984c18f9525b21a017d28"},"breadcrumb":{"@id":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/dos-and-donts-of-split-screen-web-design\/#breadcrumb"},"inLanguage":"en-GB","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/dos-and-donts-of-split-screen-web-design\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/dos-and-donts-of-split-screen-web-design\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/"},{"@type":"ListItem","position":2,"name":"Do&#8217;s and don&#8217;ts of split screen web design"}]},{"@type":"WebSite","@id":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/#website","url":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/","name":"Pumpkin Web Design Manchester","description":"Full service digital agency","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-GB"},{"@type":"Person","@id":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/#\/schema\/person\/b2a999c4885984c18f9525b21a017d28","name":"Pumpkin Web Design Manchester","description":"Providing top notch web design, across Manchester, since 2009","url":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/author\/g4oyprjmpvh3epn\/"}]}},"_links":{"self":[{"href":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/wp-json\/wp\/v2\/posts\/3171"}],"collection":[{"href":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/wp-json\/wp\/v2\/comments?post=3171"}],"version-history":[{"count":2,"href":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/wp-json\/wp\/v2\/posts\/3171\/revisions"}],"predecessor-version":[{"id":12497,"href":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/wp-json\/wp\/v2\/posts\/3171\/revisions\/12497"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/wp-json\/wp\/v2\/media\/2108"}],"wp:attachment":[{"href":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/wp-json\/wp\/v2\/media?parent=3171"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/wp-json\/wp\/v2\/categories?post=3171"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/wp-json\/wp\/v2\/tags?post=3171"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}