{"id":2862,"date":"2019-12-10T13:05:07","date_gmt":"2019-12-10T13:05:07","guid":{"rendered":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/?p=2862"},"modified":"2023-08-03T13:36:36","modified_gmt":"2023-08-03T12:36:36","slug":"using-triangles-in-web-design","status":"publish","type":"post","link":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/using-triangles-in-web-design\/","title":{"rendered":"Using triangles in web design"},"content":{"rendered":"<p>When it comes to shape in web design, rectangles and squares are usually the most common and prominent. Circles also have their place, usually as a call to action button, or a specific web design feature. But what about triangles? Triangles have become more popular in web design this year, and they can play an important role in any website. But what are the considerations for using triangles in web design? And can this bring any benefits? 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\/advantages-of-whitespace-in-web-design\/\">web design<\/a> experts. We work with companies and businesses across Manchester, and the surrounding area, including <a href=\"https:\/\/www.pumpkinwebdesign.com\/web-design-wigan\/\">Wigan<\/a> and <a href=\"https:\/\/www.pumpkinwebdesign.com\/web-design-southport\/\">Southport<\/a>, to provide <a href=\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/design-mistakes-for-website-icons\/\">web design<\/a> solutions that can help businesses grow. As a result, we have produced this guide to everything you should know about triangular shapes in web design.<\/p>\n<h2>How can triangles be used in web design?<\/h2>\n<p>Triangles can be used effectively to provide a range of web design solutions. This includes:<\/p>\n<ul>\n<li><strong><em>Split screen design-<\/em><\/strong> any rectangular or square screen can be split into two prominent triangle shapes. This can make for an interesting and attention grabbing piece of above the fold content, especially when the two triangles are set up to contrast with each other.<\/li>\n<li><em><strong>Call to action button-<\/strong><\/em> using a triangle for the call to action button can be effective, as the triangular shape can draw attention, while the shape of the point down can invoke user action.<\/li>\n<li><em><strong>Above the fold design-<\/strong><\/em> the trend remains for above the fold content to use large typography overlaid on a plain, illustrated or image based background. And this means that using a triangular pattern, or a single triangular shape, in this above the fold area can be very effective. Because this contrasts with the other shapes used in the design, it can easily draw and attract attention.<\/li>\n<li><strong><em>Icon backgrounds-<\/em><\/strong> using triangular icon backgrounds can be a good way to add interest and character to your website. This means that the icons can still fit your design scheme, and be consistent, but the triangular background can help generate contrast and visual interest too.<\/li>\n<\/ul>\n<h3>What are the advantages of using triangles in web design?<\/h3>\n<p>There are many benefits to using triangular shapes in web design. These include:<\/p>\n<ul>\n<li><strong><em>Guiding the user eye-<\/em> <\/strong>because triangles are naturally pointy, they can point user attention to particular areas of the screen. This can ensure that your users spend longer browsing your website, and don&#8217;t miss out on any valuable information.<\/li>\n<li><em><strong>Creating visual contrast-<\/strong><\/em> the triangular shape can help to create contrast as this stands out from the other shapes used commonly in web design. As a result, you can draw attention to specific features or key pieces of content, just by using a triangular pattern or background.<\/li>\n<li><strong><em>Modern design-<\/em><\/strong> geometric design is becoming increasingly popular for a range of high performing websites, and using a triangles throughout your website can help ensure your website meets user expectations, and the requirements of modern design.<\/li>\n<\/ul>\n<p>For 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><\/p>\n","protected":false},"excerpt":{"rendered":"<p>When it comes to shape in web design, rectangles and squares are usually the most common and prominent. Circles also have their place, usually as a call to action button, or a specific web design feature. But what about triangles? Triangles have become more popular in web design this year, and they can play an [&#8230;]\n","protected":false},"author":2,"featured_media":1949,"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>Using triangles in 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\/using-triangles-in-web-design\/\" \/>\n<meta property=\"og:locale\" content=\"en_GB\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Using triangles in web design - Pumpkin Web Design Manchester\" \/>\n<meta property=\"og:description\" content=\"When it comes to shape in web design, rectangles and squares are usually the most common and prominent. Circles also have their place, usually as a call to action button, or a specific web design feature. But what about triangles? Triangles have become more popular in web design this year, and they can play an [...]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/using-triangles-in-web-design\/\" \/>\n<meta property=\"og:site_name\" content=\"Pumpkin Web Design Manchester\" \/>\n<meta property=\"article:published_time\" content=\"2019-12-10T13:05:07+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-08-03T12:36:36+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/wp-content\/uploads\/2019\/02\/student-849826_1920.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1920\" \/>\n\t<meta property=\"og:image:height\" content=\"1280\" \/>\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\/using-triangles-in-web-design\/\",\"url\":\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/using-triangles-in-web-design\/\",\"name\":\"Using triangles in web design - Pumpkin Web Design Manchester\",\"isPartOf\":{\"@id\":\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/#website\"},\"datePublished\":\"2019-12-10T13:05:07+00:00\",\"dateModified\":\"2023-08-03T12:36:36+00:00\",\"author\":{\"@id\":\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/#\/schema\/person\/b2a999c4885984c18f9525b21a017d28\"},\"breadcrumb\":{\"@id\":\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/using-triangles-in-web-design\/#breadcrumb\"},\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/using-triangles-in-web-design\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/using-triangles-in-web-design\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Using triangles in 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":"Using triangles in 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\/using-triangles-in-web-design\/","og_locale":"en_GB","og_type":"article","og_title":"Using triangles in web design - Pumpkin Web Design Manchester","og_description":"When it comes to shape in web design, rectangles and squares are usually the most common and prominent. Circles also have their place, usually as a call to action button, or a specific web design feature. But what about triangles? Triangles have become more popular in web design this year, and they can play an [...]","og_url":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/using-triangles-in-web-design\/","og_site_name":"Pumpkin Web Design Manchester","article_published_time":"2019-12-10T13:05:07+00:00","article_modified_time":"2023-08-03T12:36:36+00:00","og_image":[{"width":1920,"height":1280,"url":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/wp-content\/uploads\/2019\/02\/student-849826_1920.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\/using-triangles-in-web-design\/","url":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/using-triangles-in-web-design\/","name":"Using triangles in web design - Pumpkin Web Design Manchester","isPartOf":{"@id":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/#website"},"datePublished":"2019-12-10T13:05:07+00:00","dateModified":"2023-08-03T12:36:36+00:00","author":{"@id":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/#\/schema\/person\/b2a999c4885984c18f9525b21a017d28"},"breadcrumb":{"@id":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/using-triangles-in-web-design\/#breadcrumb"},"inLanguage":"en-GB","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/using-triangles-in-web-design\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/using-triangles-in-web-design\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/"},{"@type":"ListItem","position":2,"name":"Using triangles in 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\/2862"}],"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=2862"}],"version-history":[{"count":2,"href":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/wp-json\/wp\/v2\/posts\/2862\/revisions"}],"predecessor-version":[{"id":12582,"href":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/wp-json\/wp\/v2\/posts\/2862\/revisions\/12582"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/wp-json\/wp\/v2\/media\/1949"}],"wp:attachment":[{"href":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/wp-json\/wp\/v2\/media?parent=2862"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/wp-json\/wp\/v2\/categories?post=2862"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.pumpkinwebdesign.com\/web-design-manchester\/wp-json\/wp\/v2\/tags?post=2862"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}