{"id":839,"date":"2022-08-11T12:52:00","date_gmt":"2022-08-11T12:52:00","guid":{"rendered":"https:\/\/dlmconversion.com\/principles-of-web-design-focus\/"},"modified":"2023-03-02T18:24:10","modified_gmt":"2023-03-02T18:24:10","slug":"principles-of-web-design-focus","status":"publish","type":"post","link":"https:\/\/dlmconversion.com\/blog\/principles-of-web-design-focus\/","title":{"rendered":"Principles of Web Design: Focus"},"content":{"rendered":"\n

Whether you\u2019re aware of it or not, people can tell a \u201cgood\u201d website design<\/a> from a \u201cbad\u201d one. In fact, they may not know what it is about a specific design, layout, color scheme, etc. that makes your competition stand out as a premier provider of services, but they can feel it regardless. What causes this sixth sense of quality? More likely than not, it\u2019s proper use of the fundamental principles of design. When you learn what makes design eye-catching and easy to understand, you\u2019ll never see another website, billboard, or product display the same way again.<\/p>\n\n\n\n

Over the course of four blog posts, we\u2019ll explain these fundamental principles: Focus, Alignment, Repetition, and Contrast. You\u2019ll learn just a taste of what our designers think about with every web design project, not to mention the technical aspects of hosting and troubleshooting increasingly complex designs, to get a better understanding of when your practice\u2019s website might need a refresh.<\/p>\n\n\n\n

<\/a>Focus<\/h2>\n\n\n\n

Fundamentally, you\u2019re interested in what people pay attention to when they\u2019re interacting with your website and your brand. Attention can literally be drawn with focal points and proper layout of information. If you place elements too far apart, people\u2019s eyes won\u2019t be drawn to the next closest piece of content. If you crowd them too closely, it can be hard to see where one piece ends and another begins. This is the power of proximity, which can be used to imply hierarchy, or the organizing principle of creating focal points along with the most important information.<\/p>\n\n\n\n

<\/a>Hierarchy<\/h3>\n\n\n\n

As designers know, not everything on a webpage is as important as everything else. Things like your logo, the title of the page, and whatever information you want to use to support the subject of the page should be the main focal points you design with. These should be large and distinct, but not too distracting compared to the body text or the images you want to use.<\/p>\n\n\n\n

Understanding what\u2019s important for your visitors to focus on gives you a clear idea of how much contrast should be on the page, and what needs to be emphasized or de-emphasized.<\/p>\n\n\n\n

<\/a>Purpose<\/h3>\n\n\n\n

Harnessing focus from your website visitors means giving them plenty of room to explore while enticing them with relevant information. This means delivering content that matches the purpose of each specific page. For example, on before-and-after gallery pages, focus can be drawn with pictures and very little text for those who are interested in the results of a procedure they\u2019re already thinking about. However, for those doing more extensive research, procedure information will be what they want to focus on, rather than an endless scroll of pictures.<\/p>\n\n\n\n

<\/a>Device<\/h3>\n\n\n\n

Focus on a website can\u2019t be limited to one device these days, either. You have to think about how your brand looks on a mobile device as well as a large monitor. So-called screen \u201creal estate\u201d can drastically change your approach to design, which is why our team uses adaptable code to automatically re-calibrate your website design to optimize how close together elements are and how large the font is to make it seem natural for every device your potential patients could be using.<\/p>\n\n\n\n

<\/a>Professional Medical Website Design<\/h2>\n\n\n\n

Understanding the principles of design can help you spot when something doesn\u2019t look right on a website or in real life, but it doesn\u2019t help you build a great-looking site from scratch. That\u2019s where our teams of designers and developers come in. With extensive experience designing brand-new sites for practices across the country<\/a>, we\u2019re here to help give you the guidance you need to build a website and brand that sticks out. Call our team or contact us today<\/a> for more information.<\/p>\n","protected":false},"excerpt":{"rendered":"

Whether you\u2019re aware of it or not, people can tell a \u201cgood\u201d website design from a \u201cbad\u201d one. In fact, they may not know…<\/p>\n","protected":false},"author":2,"featured_media":635,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"content-type":"","inline_featured_image":false,"footnotes":""},"categories":[67],"tags":[],"class_list":["post-839","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-design","entry"],"acf":[],"yoast_head":"\nPrinciples of Web Design: Focus - Digital Limelight Media<\/title>\n<meta name=\"description\" content=\"Whether you\u2019re aware of it or not, people can tell a \u201cgood\u201d website design from a \u201cbad\u201d one. In fact, they may not know what it is about a specific\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/dlmconversion.com\/blog\/principles-of-web-design-focus\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Principles of Web Design: Focus - Digital Limelight Media\" \/>\n<meta property=\"og:description\" content=\"Whether you\u2019re aware of it or not, people can tell a \u201cgood\u201d website design from a \u201cbad\u201d one. In fact, they may not know what it is about a specific\" \/>\n<meta property=\"og:url\" content=\"https:\/\/dlmconversion.com\/blog\/principles-of-web-design-focus\/\" \/>\n<meta property=\"og:site_name\" content=\"Digital Limelight Media\" \/>\n<meta property=\"article:published_time\" content=\"2022-08-11T12:52:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-03-02T18:24:10+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/dlmconversion.com\/wp-content\/uploads\/2022\/11\/balazs-ketyi-LPWl2pEVGKc-unsplash.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"2000\" \/>\n\t<meta property=\"og:image:height\" content=\"2500\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"DLM Admin\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"DLM Admin\" \/>\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:\/\/dlmconversion.com\/blog\/principles-of-web-design-focus\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/dlmconversion.com\/blog\/principles-of-web-design-focus\/\"},\"author\":{\"name\":\"DLM Admin\",\"@id\":\"https:\/\/dlmconversion.com\/#\/schema\/person\/77f3ab2f1626763633321b5edb7637d0\"},\"headline\":\"Principles of Web Design: Focus\",\"datePublished\":\"2022-08-11T12:52:00+00:00\",\"dateModified\":\"2023-03-02T18:24:10+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/dlmconversion.com\/blog\/principles-of-web-design-focus\/\"},\"wordCount\":635,\"publisher\":{\"@id\":\"https:\/\/dlmconversion.com\/#organization\"},\"image\":{\"@id\":\"https:\/\/dlmconversion.com\/blog\/principles-of-web-design-focus\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/dlmconversion.com\/wp-content\/uploads\/2022\/11\/balazs-ketyi-LPWl2pEVGKc-unsplash.jpg\",\"articleSection\":[\"Design\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/dlmconversion.com\/blog\/principles-of-web-design-focus\/\",\"url\":\"https:\/\/dlmconversion.com\/blog\/principles-of-web-design-focus\/\",\"name\":\"Principles of Web Design: Focus - Digital Limelight Media\",\"isPartOf\":{\"@id\":\"https:\/\/dlmconversion.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/dlmconversion.com\/blog\/principles-of-web-design-focus\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/dlmconversion.com\/blog\/principles-of-web-design-focus\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/dlmconversion.com\/wp-content\/uploads\/2022\/11\/balazs-ketyi-LPWl2pEVGKc-unsplash.jpg\",\"datePublished\":\"2022-08-11T12:52:00+00:00\",\"dateModified\":\"2023-03-02T18:24:10+00:00\",\"description\":\"Whether you\u2019re aware of it or not, people can tell a \u201cgood\u201d website design from a \u201cbad\u201d one. In fact, they may not know what it is about a specific\",\"breadcrumb\":{\"@id\":\"https:\/\/dlmconversion.com\/blog\/principles-of-web-design-focus\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/dlmconversion.com\/blog\/principles-of-web-design-focus\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/dlmconversion.com\/blog\/principles-of-web-design-focus\/#primaryimage\",\"url\":\"https:\/\/dlmconversion.com\/wp-content\/uploads\/2022\/11\/balazs-ketyi-LPWl2pEVGKc-unsplash.jpg\",\"contentUrl\":\"https:\/\/dlmconversion.com\/wp-content\/uploads\/2022\/11\/balazs-ketyi-LPWl2pEVGKc-unsplash.jpg\",\"width\":2000,\"height\":2500},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/dlmconversion.com\/blog\/principles-of-web-design-focus\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/dlmconversion.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Principles of Web Design: Focus\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/dlmconversion.com\/#website\",\"url\":\"https:\/\/dlmconversion.com\/\",\"name\":\"Digital Limelight Media\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/dlmconversion.com\/#organization\"},\"alternateName\":\"DLM\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/dlmconversion.com\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/dlmconversion.com\/#organization\",\"name\":\"Digital Limelight Media\",\"alternateName\":\"DLM\",\"url\":\"https:\/\/dlmconversion.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/dlmconversion.com\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/dlmconversion.com\/wp-content\/uploads\/2022\/09\/site-logo.svg\",\"contentUrl\":\"https:\/\/dlmconversion.com\/wp-content\/uploads\/2022\/09\/site-logo.svg\",\"width\":114,\"height\":37,\"caption\":\"Digital Limelight Media\"},\"image\":{\"@id\":\"https:\/\/dlmconversion.com\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/dlmconversion.com\/#\/schema\/person\/77f3ab2f1626763633321b5edb7637d0\",\"name\":\"DLM Admin\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/dlmconversion.com\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/9fc74a362117ff2de04236113c466804c45ffba8b25d1379db0bbc7fbbbf9fe1?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/9fc74a362117ff2de04236113c466804c45ffba8b25d1379db0bbc7fbbbf9fe1?s=96&d=mm&r=g\",\"caption\":\"DLM Admin\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Principles of Web Design: Focus - Digital Limelight Media","description":"Whether you\u2019re aware of it or not, people can tell a \u201cgood\u201d website design from a \u201cbad\u201d one. In fact, they may not know what it is about a specific","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:\/\/dlmconversion.com\/blog\/principles-of-web-design-focus\/","og_locale":"en_US","og_type":"article","og_title":"Principles of Web Design: Focus - Digital Limelight Media","og_description":"Whether you\u2019re aware of it or not, people can tell a \u201cgood\u201d website design from a \u201cbad\u201d one. In fact, they may not know what it is about a specific","og_url":"https:\/\/dlmconversion.com\/blog\/principles-of-web-design-focus\/","og_site_name":"Digital Limelight Media","article_published_time":"2022-08-11T12:52:00+00:00","article_modified_time":"2023-03-02T18:24:10+00:00","og_image":[{"width":2000,"height":2500,"url":"https:\/\/dlmconversion.com\/wp-content\/uploads\/2022\/11\/balazs-ketyi-LPWl2pEVGKc-unsplash.jpg","type":"image\/jpeg"}],"author":"DLM Admin","twitter_card":"summary_large_image","twitter_misc":{"Written by":"DLM Admin","Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/dlmconversion.com\/blog\/principles-of-web-design-focus\/#article","isPartOf":{"@id":"https:\/\/dlmconversion.com\/blog\/principles-of-web-design-focus\/"},"author":{"name":"DLM Admin","@id":"https:\/\/dlmconversion.com\/#\/schema\/person\/77f3ab2f1626763633321b5edb7637d0"},"headline":"Principles of Web Design: Focus","datePublished":"2022-08-11T12:52:00+00:00","dateModified":"2023-03-02T18:24:10+00:00","mainEntityOfPage":{"@id":"https:\/\/dlmconversion.com\/blog\/principles-of-web-design-focus\/"},"wordCount":635,"publisher":{"@id":"https:\/\/dlmconversion.com\/#organization"},"image":{"@id":"https:\/\/dlmconversion.com\/blog\/principles-of-web-design-focus\/#primaryimage"},"thumbnailUrl":"https:\/\/dlmconversion.com\/wp-content\/uploads\/2022\/11\/balazs-ketyi-LPWl2pEVGKc-unsplash.jpg","articleSection":["Design"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/dlmconversion.com\/blog\/principles-of-web-design-focus\/","url":"https:\/\/dlmconversion.com\/blog\/principles-of-web-design-focus\/","name":"Principles of Web Design: Focus - Digital Limelight Media","isPartOf":{"@id":"https:\/\/dlmconversion.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/dlmconversion.com\/blog\/principles-of-web-design-focus\/#primaryimage"},"image":{"@id":"https:\/\/dlmconversion.com\/blog\/principles-of-web-design-focus\/#primaryimage"},"thumbnailUrl":"https:\/\/dlmconversion.com\/wp-content\/uploads\/2022\/11\/balazs-ketyi-LPWl2pEVGKc-unsplash.jpg","datePublished":"2022-08-11T12:52:00+00:00","dateModified":"2023-03-02T18:24:10+00:00","description":"Whether you\u2019re aware of it or not, people can tell a \u201cgood\u201d website design from a \u201cbad\u201d one. In fact, they may not know what it is about a specific","breadcrumb":{"@id":"https:\/\/dlmconversion.com\/blog\/principles-of-web-design-focus\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/dlmconversion.com\/blog\/principles-of-web-design-focus\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/dlmconversion.com\/blog\/principles-of-web-design-focus\/#primaryimage","url":"https:\/\/dlmconversion.com\/wp-content\/uploads\/2022\/11\/balazs-ketyi-LPWl2pEVGKc-unsplash.jpg","contentUrl":"https:\/\/dlmconversion.com\/wp-content\/uploads\/2022\/11\/balazs-ketyi-LPWl2pEVGKc-unsplash.jpg","width":2000,"height":2500},{"@type":"BreadcrumbList","@id":"https:\/\/dlmconversion.com\/blog\/principles-of-web-design-focus\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/dlmconversion.com\/"},{"@type":"ListItem","position":2,"name":"Principles of Web Design: Focus"}]},{"@type":"WebSite","@id":"https:\/\/dlmconversion.com\/#website","url":"https:\/\/dlmconversion.com\/","name":"Digital Limelight Media","description":"","publisher":{"@id":"https:\/\/dlmconversion.com\/#organization"},"alternateName":"DLM","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/dlmconversion.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/dlmconversion.com\/#organization","name":"Digital Limelight Media","alternateName":"DLM","url":"https:\/\/dlmconversion.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/dlmconversion.com\/#\/schema\/logo\/image\/","url":"https:\/\/dlmconversion.com\/wp-content\/uploads\/2022\/09\/site-logo.svg","contentUrl":"https:\/\/dlmconversion.com\/wp-content\/uploads\/2022\/09\/site-logo.svg","width":114,"height":37,"caption":"Digital Limelight Media"},"image":{"@id":"https:\/\/dlmconversion.com\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/dlmconversion.com\/#\/schema\/person\/77f3ab2f1626763633321b5edb7637d0","name":"DLM Admin","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/dlmconversion.com\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/9fc74a362117ff2de04236113c466804c45ffba8b25d1379db0bbc7fbbbf9fe1?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/9fc74a362117ff2de04236113c466804c45ffba8b25d1379db0bbc7fbbbf9fe1?s=96&d=mm&r=g","caption":"DLM Admin"}}]}},"featured_image_src":"https:\/\/dlmconversion.com\/wp-content\/uploads\/2022\/11\/balazs-ketyi-LPWl2pEVGKc-unsplash-600x400.jpg","featured_image_src_square":"https:\/\/dlmconversion.com\/wp-content\/uploads\/2022\/11\/balazs-ketyi-LPWl2pEVGKc-unsplash-600x600.jpg","author_info":{"display_name":"DLM Admin","author_link":"https:\/\/dlmconversion.com\/blog\/author\/dlm_admin\/"},"_links":{"self":[{"href":"https:\/\/dlmconversion.com\/wp-json\/wp\/v2\/posts\/839","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/dlmconversion.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/dlmconversion.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/dlmconversion.com\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/dlmconversion.com\/wp-json\/wp\/v2\/comments?post=839"}],"version-history":[{"count":0,"href":"https:\/\/dlmconversion.com\/wp-json\/wp\/v2\/posts\/839\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/dlmconversion.com\/wp-json\/wp\/v2\/media\/635"}],"wp:attachment":[{"href":"https:\/\/dlmconversion.com\/wp-json\/wp\/v2\/media?parent=839"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/dlmconversion.com\/wp-json\/wp\/v2\/categories?post=839"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/dlmconversion.com\/wp-json\/wp\/v2\/tags?post=839"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}