{"id":350,"date":"2020-09-19T17:07:43","date_gmt":"2020-09-19T16:07:43","guid":{"rendered":"http:\/\/www.friezedesign.co.uk\/blog\/?page_id=350"},"modified":"2022-05-24T12:47:02","modified_gmt":"2022-05-24T11:47:02","slug":"web-design-glossary","status":"publish","type":"page","link":"https:\/\/www.friezedesign.co.uk\/blog\/web-design-glossary\/","title":{"rendered":"Web Design Glossary"},"content":{"rendered":"<style>.wp-block-kadence-advancedheading.kt-adv-heading_f64fe3-b6, .wp-block-kadence-advancedheading.kt-adv-heading_f64fe3-b6[data-kb-block=\"kb-adv-heading_f64fe3-b6\"]{text-align:center;font-weight:400;font-style:normal;font-family:Georgia, serif;text-transform:none;color:#ea024d;}.wp-block-kadence-advancedheading.kt-adv-heading_f64fe3-b6 mark.kt-highlight, .wp-block-kadence-advancedheading.kt-adv-heading_f64fe3-b6[data-kb-block=\"kb-adv-heading_f64fe3-b6\"] mark.kt-highlight{font-style:normal;color:#f76a0c;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}.wp-block-kadence-advancedheading.kt-adv-heading_f64fe3-b6 img.kb-inline-image, .wp-block-kadence-advancedheading.kt-adv-heading_f64fe3-b6[data-kb-block=\"kb-adv-heading_f64fe3-b6\"] img.kb-inline-image{width:150px;vertical-align:baseline;}<\/style>\n<h4 class=\"kt-adv-heading_f64fe3-b6 wp-block-kadence-advancedheading\" data-kb-block=\"kb-adv-heading_f64fe3-b6\">An alphabetical list of common terms and phrases used by web designers and front-end web developers.<\/h4>\n\n\n\n<p class=\"has-text-align-center\">We thought it might be helpful for those people working alongside, or in partnership with web designers, to know what these terms mean?<\/p>\n\n\n<style>.wp-block-kadence-column.kb-section-dir-horizontal > .kt-inside-inner-col > #kt-info-box_dc53d8-c0 .kt-blocks-info-box-link-wrap{max-width:unset;}#kt-info-box_dc53d8-c0 .kt-blocks-info-box-link-wrap{border-top-width:1px;border-right-width:1px;border-bottom-width:1px;border-left-width:1px;background:#ffffff;padding-top:26px;padding-right:26px;padding-bottom:26px;padding-left:26px;margin-top:66px;}#kt-info-box_dc53d8-c0 .kt-blocks-info-box-link-wrap:hover{background:#ffffff;}#kt-info-box_dc53d8-c0 .kadence-info-box-icon-container .kt-info-svg-icon, #kt-info-box_dc53d8-c0 .kt-info-svg-icon-flip, #kt-info-box_dc53d8-c0 .kt-blocks-info-box-number{font-size:32px;}#kt-info-box_dc53d8-c0 .kt-blocks-info-box-media{color:#ffffff;background:#cd2653;border-color:#eeeeee;border-top-width:0px;border-right-width:0px;border-bottom-width:0px;border-left-width:0px;padding-top:12px;padding-right:12px;padding-bottom:12px;padding-left:12px;}#kt-info-box_dc53d8-c0 .kt-blocks-info-box-media-container{margin-top:-59px;margin-right:0px;margin-bottom:20px;margin-left:0px;}#kt-info-box_dc53d8-c0 .kt-blocks-info-box-link-wrap:hover .kt-blocks-info-box-media{color:#ffffff;background:#cd2653;border-color:#eeeeee;}#kt-info-box_dc53d8-c0 .kt-infobox-textcontent h4.kt-blocks-info-box-title{color:#000000;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;margin-top:5px;margin-right:0px;margin-bottom:10px;margin-left:0px;}#kt-info-box_dc53d8-c0 .kt-blocks-info-box-learnmore{background:transparent;border-color:#555555;border-width:0px 0px 0px 0px;padding-top:4px;padding-right:8px;padding-bottom:4px;padding-left:8px;margin-top:10px;margin-right:0px;margin-bottom:10px;margin-left:0px;}#kt-info-box_dc53d8-c0 .kt-blocks-info-box-link-wrap:hover .kt-blocks-info-box-learnmore,#kt-info-box_dc53d8-c0 .kt-blocks-info-box-link-wrap .kt-blocks-info-box-learnmore:focus{color:#ffffff;background:#444444;border-color:#444444;}<\/style>\n<div id=\"kt-info-box_dc53d8-c0\" class=\"wp-block-kadence-infobox\"><a class=\"kt-blocks-info-box-link-wrap info-box-link kt-blocks-info-box-media-align-top kt-info-halign-left\"><div class=\"kt-blocks-info-box-media-container\"><div class=\"kt-blocks-info-box-media kt-info-media-animate-none\"><div class=\"kadence-info-box-icon-container kt-info-icon-animate-none\"><div class=\"kadence-info-box-icon-inner-container\"><span style=\"display:block;justify-content:center;align-items:center\" class=\"kt-info-svg-icon kt-info-svg-icon-fe_arrowDownCircle\"><svg style=\"display:inline-block;vertical-align:middle\" viewbox=\"0 0 24 24\" height=\"32\" width=\"32\" fill=\"none\" stroke=\"currentColor\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><polyline points=\"8 12 12 16 16 12\"><\/polyline><line x1=\"12\" y1=\"8\" x2=\"12\" y2=\"16\"><\/line><\/svg><\/span><\/div><\/div><\/div><\/div><div class=\"kt-infobox-textcontent\"><h4 class=\"kt-blocks-info-box-title\">Accessibility<\/h4><p class=\"kt-blocks-info-box-text\">Web design practices and techniques to ensure a website is accessible to everyone. A website&#8217;s code should include elements that are helpful for people who use assistive technologies, such as screen readers. Design being attentive to colour combinations and contrast levels.<\/p><\/div><\/a><\/div>\n\n\n<style>.wp-block-kadence-column.kb-section-dir-horizontal > .kt-inside-inner-col > #kt-info-box_cb7f2a-07 .kt-blocks-info-box-link-wrap{max-width:unset;}#kt-info-box_cb7f2a-07 .kt-blocks-info-box-link-wrap{border-top-width:1px;border-right-width:1px;border-bottom-width:1px;border-left-width:1px;background:#ffffff;padding-top:26px;padding-right:26px;padding-bottom:26px;padding-left:26px;margin-top:66px;}#kt-info-box_cb7f2a-07 .kt-blocks-info-box-link-wrap:hover{background:#ffffff;}#kt-info-box_cb7f2a-07 .kadence-info-box-icon-container .kt-info-svg-icon, #kt-info-box_cb7f2a-07 .kt-info-svg-icon-flip, #kt-info-box_cb7f2a-07 .kt-blocks-info-box-number{font-size:32px;}#kt-info-box_cb7f2a-07 .kt-blocks-info-box-media{color:#ffffff;background:#cd2653;border-color:#eeeeee;border-top-width:0px;border-right-width:0px;border-bottom-width:0px;border-left-width:0px;padding-top:12px;padding-right:12px;padding-bottom:12px;padding-left:12px;}#kt-info-box_cb7f2a-07 .kt-blocks-info-box-media-container{margin-top:-59px;margin-right:0px;margin-bottom:20px;margin-left:0px;}#kt-info-box_cb7f2a-07 .kt-blocks-info-box-link-wrap:hover .kt-blocks-info-box-media{color:#ffffff;background:#cd2653;border-color:#eeeeee;}#kt-info-box_cb7f2a-07 .kt-infobox-textcontent h4.kt-blocks-info-box-title{color:#000000;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;margin-top:5px;margin-right:0px;margin-bottom:10px;margin-left:0px;}#kt-info-box_cb7f2a-07 .kt-blocks-info-box-learnmore{background:transparent;border-color:#555555;border-width:0px 0px 0px 0px;padding-top:4px;padding-right:8px;padding-bottom:4px;padding-left:8px;margin-top:10px;margin-right:0px;margin-bottom:10px;margin-left:0px;}#kt-info-box_cb7f2a-07 .kt-blocks-info-box-link-wrap:hover .kt-blocks-info-box-learnmore,#kt-info-box_cb7f2a-07 .kt-blocks-info-box-link-wrap .kt-blocks-info-box-learnmore:focus{color:#ffffff;background:#444444;border-color:#444444;}<\/style>\n<div id=\"kt-info-box_cb7f2a-07\" class=\"wp-block-kadence-infobox\"><a class=\"kt-blocks-info-box-link-wrap info-box-link kt-blocks-info-box-media-align-top kt-info-halign-left\"><div class=\"kt-blocks-info-box-media-container\"><div class=\"kt-blocks-info-box-media kt-info-media-animate-none\"><div class=\"kadence-info-box-icon-container kt-info-icon-animate-none\"><div class=\"kadence-info-box-icon-inner-container\"><span style=\"display:block;justify-content:center;align-items:center\" class=\"kt-info-svg-icon kt-info-svg-icon-fe_arrowDownCircle\"><svg style=\"display:inline-block;vertical-align:middle\" viewbox=\"0 0 24 24\" height=\"32\" width=\"32\" fill=\"none\" stroke=\"currentColor\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><polyline points=\"8 12 12 16 16 12\"><\/polyline><line x1=\"12\" y1=\"8\" x2=\"12\" y2=\"16\"><\/line><\/svg><\/span><\/div><\/div><\/div><\/div><div class=\"kt-infobox-textcontent\"><h4 class=\"kt-blocks-info-box-title\">CMS<\/h4><p class=\"kt-blocks-info-box-text\">CMSs (Content Management System) are web based applications that allow those, with little or no knowledge of web design or development, to manage their website. Typically this would include the ability to create new pages\/views, edit existing content, as well adding and managing features such as membership or donation processing.<\/p><\/div><\/a><\/div>\n\n\n<style>.wp-block-kadence-column.kb-section-dir-horizontal > .kt-inside-inner-col > #kt-info-box_0018f4-cc .kt-blocks-info-box-link-wrap{max-width:unset;}#kt-info-box_0018f4-cc .kt-blocks-info-box-link-wrap{border-top-width:1px;border-right-width:1px;border-bottom-width:1px;border-left-width:1px;background:#ffffff;padding-top:26px;padding-right:26px;padding-bottom:26px;padding-left:26px;margin-top:66px;}#kt-info-box_0018f4-cc .kt-blocks-info-box-link-wrap:hover{background:#ffffff;}#kt-info-box_0018f4-cc .kadence-info-box-icon-container .kt-info-svg-icon, #kt-info-box_0018f4-cc .kt-info-svg-icon-flip, #kt-info-box_0018f4-cc .kt-blocks-info-box-number{font-size:32px;}#kt-info-box_0018f4-cc .kt-blocks-info-box-media{color:#ffffff;background:#cd2653;border-color:#eeeeee;border-top-width:0px;border-right-width:0px;border-bottom-width:0px;border-left-width:0px;padding-top:12px;padding-right:12px;padding-bottom:12px;padding-left:12px;}#kt-info-box_0018f4-cc .kt-blocks-info-box-media-container{margin-top:-59px;margin-right:0px;margin-bottom:20px;margin-left:0px;}#kt-info-box_0018f4-cc .kt-blocks-info-box-link-wrap:hover .kt-blocks-info-box-media{color:#ffffff;background:#cd2653;border-color:#eeeeee;}#kt-info-box_0018f4-cc .kt-infobox-textcontent h4.kt-blocks-info-box-title{color:#000000;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;margin-top:5px;margin-right:0px;margin-bottom:10px;margin-left:0px;}#kt-info-box_0018f4-cc .kt-blocks-info-box-learnmore{background:transparent;border-color:#555555;border-width:0px 0px 0px 0px;padding-top:4px;padding-right:8px;padding-bottom:4px;padding-left:8px;margin-top:10px;margin-right:0px;margin-bottom:10px;margin-left:0px;}#kt-info-box_0018f4-cc .kt-blocks-info-box-link-wrap:hover .kt-blocks-info-box-learnmore,#kt-info-box_0018f4-cc .kt-blocks-info-box-link-wrap .kt-blocks-info-box-learnmore:focus{color:#ffffff;background:#444444;border-color:#444444;}<\/style>\n<div id=\"kt-info-box_0018f4-cc\" class=\"wp-block-kadence-infobox\"><a class=\"kt-blocks-info-box-link-wrap info-box-link kt-blocks-info-box-media-align-top kt-info-halign-left\"><div class=\"kt-blocks-info-box-media-container\"><div class=\"kt-blocks-info-box-media kt-info-media-animate-none\"><div class=\"kadence-info-box-icon-container kt-info-icon-animate-none\"><div class=\"kadence-info-box-icon-inner-container\"><span style=\"display:block;justify-content:center;align-items:center\" class=\"kt-info-svg-icon kt-info-svg-icon-fe_arrowDownCircle\"><svg style=\"display:inline-block;vertical-align:middle\" viewbox=\"0 0 24 24\" height=\"32\" width=\"32\" fill=\"none\" stroke=\"currentColor\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><polyline points=\"8 12 12 16 16 12\"><\/polyline><line x1=\"12\" y1=\"8\" x2=\"12\" y2=\"16\"><\/line><\/svg><\/span><\/div><\/div><\/div><\/div><div class=\"kt-infobox-textcontent\"><h4 class=\"kt-blocks-info-box-title\">Content Strategy<\/h4><p class=\"kt-blocks-info-box-text\">A &#8216;big-picture&#8217; blueprint strategy for a website&#8217;s content. Best enacted at the planning stage. This should range from; the practicalities of what content should be included, to; should content be freshly produced to reflect a different style or tone? <\/p><\/div><\/a><\/div>\n\n\n<style>.wp-block-kadence-column.kb-section-dir-horizontal > .kt-inside-inner-col > #kt-info-box_6ea2e2-f8 .kt-blocks-info-box-link-wrap{max-width:unset;}#kt-info-box_6ea2e2-f8 .kt-blocks-info-box-link-wrap{border-top-width:1px;border-right-width:1px;border-bottom-width:1px;border-left-width:1px;background:#ffffff;padding-top:26px;padding-right:26px;padding-bottom:26px;padding-left:26px;margin-top:66px;}#kt-info-box_6ea2e2-f8 .kt-blocks-info-box-link-wrap:hover{background:#ffffff;}#kt-info-box_6ea2e2-f8 .kadence-info-box-icon-container .kt-info-svg-icon, #kt-info-box_6ea2e2-f8 .kt-info-svg-icon-flip, #kt-info-box_6ea2e2-f8 .kt-blocks-info-box-number{font-size:32px;}#kt-info-box_6ea2e2-f8 .kt-blocks-info-box-media{color:#ffffff;background:#cd2653;border-color:#eeeeee;border-top-width:0px;border-right-width:0px;border-bottom-width:0px;border-left-width:0px;padding-top:12px;padding-right:12px;padding-bottom:12px;padding-left:12px;}#kt-info-box_6ea2e2-f8 .kt-blocks-info-box-media-container{margin-top:-59px;margin-right:0px;margin-bottom:20px;margin-left:0px;}#kt-info-box_6ea2e2-f8 .kt-blocks-info-box-link-wrap:hover .kt-blocks-info-box-media{color:#ffffff;background:#cd2653;border-color:#eeeeee;}#kt-info-box_6ea2e2-f8 .kt-infobox-textcontent h4.kt-blocks-info-box-title{color:#000000;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;margin-top:5px;margin-right:0px;margin-bottom:10px;margin-left:0px;}#kt-info-box_6ea2e2-f8 .kt-blocks-info-box-learnmore{background:transparent;border-color:#555555;border-width:0px 0px 0px 0px;padding-top:4px;padding-right:8px;padding-bottom:4px;padding-left:8px;margin-top:10px;margin-right:0px;margin-bottom:10px;margin-left:0px;}#kt-info-box_6ea2e2-f8 .kt-blocks-info-box-link-wrap:hover .kt-blocks-info-box-learnmore,#kt-info-box_6ea2e2-f8 .kt-blocks-info-box-link-wrap .kt-blocks-info-box-learnmore:focus{color:#ffffff;background:#444444;border-color:#444444;}<\/style>\n<div id=\"kt-info-box_6ea2e2-f8\" class=\"wp-block-kadence-infobox\"><a class=\"kt-blocks-info-box-link-wrap info-box-link kt-blocks-info-box-media-align-top kt-info-halign-left\"><div class=\"kt-blocks-info-box-media-container\"><div class=\"kt-blocks-info-box-media kt-info-media-animate-none\"><div class=\"kadence-info-box-icon-container kt-info-icon-animate-none\"><div class=\"kadence-info-box-icon-inner-container\"><span style=\"display:block;justify-content:center;align-items:center\" class=\"kt-info-svg-icon kt-info-svg-icon-fe_arrowDownCircle\"><svg style=\"display:inline-block;vertical-align:middle\" viewbox=\"0 0 24 24\" height=\"32\" width=\"32\" fill=\"none\" stroke=\"currentColor\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><polyline points=\"8 12 12 16 16 12\"><\/polyline><line x1=\"12\" y1=\"8\" x2=\"12\" y2=\"16\"><\/line><\/svg><\/span><\/div><\/div><\/div><\/div><div class=\"kt-infobox-textcontent\"><h4 class=\"kt-blocks-info-box-title\">Information Architecture<\/h4><p class=\"kt-blocks-info-box-text\">Structuring website content in a logical and systematic way. Methods include categorisation, serialisation and heirarchical systems. Particularly important for large websites, and should form part of the &#8216;planning&#8217; phase.<\/p><\/div><\/a><\/div>\n\n\n<style>.wp-block-kadence-column.kb-section-dir-horizontal > .kt-inside-inner-col > #kt-info-box_bec6f1-a1 .kt-blocks-info-box-link-wrap{max-width:unset;}#kt-info-box_bec6f1-a1 .kt-blocks-info-box-link-wrap{border-top-width:1px;border-right-width:1px;border-bottom-width:1px;border-left-width:1px;background:#ffffff;padding-top:26px;padding-right:26px;padding-bottom:26px;padding-left:26px;margin-top:66px;}#kt-info-box_bec6f1-a1 .kt-blocks-info-box-link-wrap:hover{background:#ffffff;}#kt-info-box_bec6f1-a1 .kadence-info-box-icon-container .kt-info-svg-icon, #kt-info-box_bec6f1-a1 .kt-info-svg-icon-flip, #kt-info-box_bec6f1-a1 .kt-blocks-info-box-number{font-size:32px;}#kt-info-box_bec6f1-a1 .kt-blocks-info-box-media{color:#ffffff;background:#cd2653;border-color:#eeeeee;border-top-width:0px;border-right-width:0px;border-bottom-width:0px;border-left-width:0px;padding-top:12px;padding-right:12px;padding-bottom:12px;padding-left:12px;}#kt-info-box_bec6f1-a1 .kt-blocks-info-box-media-container{margin-top:-59px;margin-right:0px;margin-bottom:20px;margin-left:0px;}#kt-info-box_bec6f1-a1 .kt-blocks-info-box-link-wrap:hover .kt-blocks-info-box-media{color:#ffffff;background:#cd2653;border-color:#eeeeee;}#kt-info-box_bec6f1-a1 .kt-infobox-textcontent h4.kt-blocks-info-box-title{color:#000000;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;margin-top:5px;margin-right:0px;margin-bottom:10px;margin-left:0px;}#kt-info-box_bec6f1-a1 .kt-blocks-info-box-learnmore{background:transparent;border-color:#555555;border-width:0px 0px 0px 0px;padding-top:4px;padding-right:8px;padding-bottom:4px;padding-left:8px;margin-top:10px;margin-right:0px;margin-bottom:10px;margin-left:0px;}#kt-info-box_bec6f1-a1 .kt-blocks-info-box-link-wrap:hover .kt-blocks-info-box-learnmore,#kt-info-box_bec6f1-a1 .kt-blocks-info-box-link-wrap .kt-blocks-info-box-learnmore:focus{color:#ffffff;background:#444444;border-color:#444444;}<\/style>\n<div id=\"kt-info-box_bec6f1-a1\" class=\"wp-block-kadence-infobox\"><div class=\"kt-blocks-info-box-link-wrap kt-blocks-info-box-media-align-top kt-info-halign-left\"><div class=\"kt-blocks-info-box-media-container\"><div class=\"kt-blocks-info-box-media kt-info-media-animate-none\"><div class=\"kadence-info-box-icon-container kt-info-icon-animate-none\"><div class=\"kadence-info-box-icon-inner-container\"><span style=\"display:block;justify-content:center;align-items:center\" class=\"kt-info-svg-icon kt-info-svg-icon-fe_arrowDownCircle\"><svg style=\"display:inline-block;vertical-align:middle\" viewbox=\"0 0 24 24\" height=\"32\" width=\"32\" fill=\"none\" stroke=\"currentColor\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><polyline points=\"8 12 12 16 16 12\"><\/polyline><line x1=\"12\" y1=\"8\" x2=\"12\" y2=\"16\"><\/line><\/svg><\/span><\/div><\/div><\/div><\/div><div class=\"kt-infobox-textcontent\"><h4 class=\"kt-blocks-info-box-title\">Navigation<\/h4><p class=\"kt-blocks-info-box-text\">Methods by which website visitors are able to &#8216;navigate&#8217; through the content on a website. Common methods include Navigation &#8216;Menus&#8217; (Primary, Secondary, Custom, etc.), &#8216;Related&#8217; content, &#8216;Calls to Action&#8217;, Breadcrumbs and &#8216;Read More&#8217;. See &#8216;<a href=\"https:\/\/www.friezedesign.co.uk\/blog\/is-your-website-easy-to-navigate\/\" data-type=\"post\" data-id=\"497\">Website Navigation<\/a>&#8216; article<\/p><\/div><\/div><\/div>\n\n\n<style>.wp-block-kadence-column.kb-section-dir-horizontal > .kt-inside-inner-col > #kt-info-box_8ed5a9-90 .kt-blocks-info-box-link-wrap{max-width:unset;}#kt-info-box_8ed5a9-90 .kt-blocks-info-box-link-wrap{border-top-width:1px;border-right-width:1px;border-bottom-width:1px;border-left-width:1px;background:#ffffff;padding-top:26px;padding-right:26px;padding-bottom:26px;padding-left:26px;margin-top:66px;}#kt-info-box_8ed5a9-90 .kt-blocks-info-box-link-wrap:hover{background:#ffffff;}#kt-info-box_8ed5a9-90 .kadence-info-box-icon-container .kt-info-svg-icon, #kt-info-box_8ed5a9-90 .kt-info-svg-icon-flip, #kt-info-box_8ed5a9-90 .kt-blocks-info-box-number{font-size:32px;}#kt-info-box_8ed5a9-90 .kt-blocks-info-box-media{color:#ffffff;background:#cd2653;border-color:#eeeeee;border-top-width:0px;border-right-width:0px;border-bottom-width:0px;border-left-width:0px;padding-top:12px;padding-right:12px;padding-bottom:12px;padding-left:12px;}#kt-info-box_8ed5a9-90 .kt-blocks-info-box-media-container{margin-top:-59px;margin-right:0px;margin-bottom:20px;margin-left:0px;}#kt-info-box_8ed5a9-90 .kt-blocks-info-box-link-wrap:hover .kt-blocks-info-box-media{color:#ffffff;background:#cd2653;border-color:#eeeeee;}#kt-info-box_8ed5a9-90 .kt-infobox-textcontent h4.kt-blocks-info-box-title{color:#000000;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;margin-top:5px;margin-right:0px;margin-bottom:10px;margin-left:0px;}#kt-info-box_8ed5a9-90 .kt-blocks-info-box-learnmore{background:transparent;border-color:#555555;border-width:0px 0px 0px 0px;padding-top:4px;padding-right:8px;padding-bottom:4px;padding-left:8px;margin-top:10px;margin-right:0px;margin-bottom:10px;margin-left:0px;}#kt-info-box_8ed5a9-90 .kt-blocks-info-box-link-wrap:hover .kt-blocks-info-box-learnmore,#kt-info-box_8ed5a9-90 .kt-blocks-info-box-link-wrap .kt-blocks-info-box-learnmore:focus{color:#ffffff;background:#444444;border-color:#444444;}<\/style>\n<div id=\"kt-info-box_8ed5a9-90\" class=\"wp-block-kadence-infobox\"><a class=\"kt-blocks-info-box-link-wrap info-box-link kt-blocks-info-box-media-align-top kt-info-halign-left\"><div class=\"kt-blocks-info-box-media-container\"><div class=\"kt-blocks-info-box-media kt-info-media-animate-none\"><div class=\"kadence-info-box-icon-container kt-info-icon-animate-none\"><div class=\"kadence-info-box-icon-inner-container\"><span style=\"display:block;justify-content:center;align-items:center\" class=\"kt-info-svg-icon kt-info-svg-icon-fe_arrowDownCircle\"><svg style=\"display:inline-block;vertical-align:middle\" viewbox=\"0 0 24 24\" height=\"32\" width=\"32\" fill=\"none\" stroke=\"currentColor\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><polyline points=\"8 12 12 16 16 12\"><\/polyline><line x1=\"12\" y1=\"8\" x2=\"12\" y2=\"16\"><\/line><\/svg><\/span><\/div><\/div><\/div><\/div><div class=\"kt-infobox-textcontent\"><h4 class=\"kt-blocks-info-box-title\">Performance (Performant)<\/h4><p class=\"kt-blocks-info-box-text\">This relates to a website being fast and responsive, with minimum delay between any user interactions. This could be the time it takes for a web page to appear, or the time taken to re-draw a map as a user zooms in. Optimisation techniques, the website&#8217;s audience and their connection speeds, plus the server set-up; will all be important factors in determining performance.<\/p><\/div><\/a><\/div>\n\n\n<style>.wp-block-kadence-column.kb-section-dir-horizontal > .kt-inside-inner-col > #kt-info-box_71ba3d-17 .kt-blocks-info-box-link-wrap{max-width:unset;}#kt-info-box_71ba3d-17 .kt-blocks-info-box-link-wrap{border-top-width:1px;border-right-width:1px;border-bottom-width:1px;border-left-width:1px;background:#ffffff;padding-top:26px;padding-right:26px;padding-bottom:26px;padding-left:26px;margin-top:66px;}#kt-info-box_71ba3d-17 .kt-blocks-info-box-link-wrap:hover{background:#ffffff;}#kt-info-box_71ba3d-17 .kadence-info-box-icon-container .kt-info-svg-icon, #kt-info-box_71ba3d-17 .kt-info-svg-icon-flip, #kt-info-box_71ba3d-17 .kt-blocks-info-box-number{font-size:32px;}#kt-info-box_71ba3d-17 .kt-blocks-info-box-media{color:#ffffff;background:#cd2653;border-color:#eeeeee;border-top-width:0px;border-right-width:0px;border-bottom-width:0px;border-left-width:0px;padding-top:12px;padding-right:12px;padding-bottom:12px;padding-left:12px;}#kt-info-box_71ba3d-17 .kt-blocks-info-box-media-container{margin-top:-59px;margin-right:0px;margin-bottom:20px;margin-left:0px;}#kt-info-box_71ba3d-17 .kt-blocks-info-box-link-wrap:hover .kt-blocks-info-box-media{color:#ffffff;background:#cd2653;border-color:#eeeeee;}#kt-info-box_71ba3d-17 .kt-infobox-textcontent h4.kt-blocks-info-box-title{color:#000000;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;margin-top:5px;margin-right:0px;margin-bottom:10px;margin-left:0px;}#kt-info-box_71ba3d-17 .kt-blocks-info-box-learnmore{background:transparent;border-color:#555555;border-width:0px 0px 0px 0px;padding-top:4px;padding-right:8px;padding-bottom:4px;padding-left:8px;margin-top:10px;margin-right:0px;margin-bottom:10px;margin-left:0px;}#kt-info-box_71ba3d-17 .kt-blocks-info-box-link-wrap:hover .kt-blocks-info-box-learnmore,#kt-info-box_71ba3d-17 .kt-blocks-info-box-link-wrap .kt-blocks-info-box-learnmore:focus{color:#ffffff;background:#444444;border-color:#444444;}<\/style>\n<div id=\"kt-info-box_71ba3d-17\" class=\"wp-block-kadence-infobox\"><a class=\"kt-blocks-info-box-link-wrap info-box-link kt-blocks-info-box-media-align-top kt-info-halign-left\"><div class=\"kt-blocks-info-box-media-container\"><div class=\"kt-blocks-info-box-media kt-info-media-animate-none\"><div class=\"kadence-info-box-icon-container kt-info-icon-animate-none\"><div class=\"kadence-info-box-icon-inner-container\"><span style=\"display:block;justify-content:center;align-items:center\" class=\"kt-info-svg-icon kt-info-svg-icon-fe_arrowDownCircle\"><svg style=\"display:inline-block;vertical-align:middle\" viewbox=\"0 0 24 24\" height=\"32\" width=\"32\" fill=\"none\" stroke=\"currentColor\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><polyline points=\"8 12 12 16 16 12\"><\/polyline><line x1=\"12\" y1=\"8\" x2=\"12\" y2=\"16\"><\/line><\/svg><\/span><\/div><\/div><\/div><\/div><div class=\"kt-infobox-textcontent\"><h4 class=\"kt-blocks-info-box-title\">Project Scope<\/h4><p class=\"kt-blocks-info-box-text\">Defining the boundaries of your web design and development project. A focus on what your website is able to achieve, and what it cannot. Aims, technical requirements, site management and budget will help in determining project scope.<\/p><\/div><\/a><\/div>\n\n\n<style>.wp-block-kadence-column.kb-section-dir-horizontal > .kt-inside-inner-col > #kt-info-box_def200-74 .kt-blocks-info-box-link-wrap{max-width:unset;}#kt-info-box_def200-74 .kt-blocks-info-box-link-wrap{border-top-width:1px;border-right-width:1px;border-bottom-width:1px;border-left-width:1px;background:#ffffff;padding-top:26px;padding-right:26px;padding-bottom:26px;padding-left:26px;margin-top:66px;}#kt-info-box_def200-74 .kt-blocks-info-box-link-wrap:hover{background:#ffffff;}#kt-info-box_def200-74 .kadence-info-box-icon-container .kt-info-svg-icon, #kt-info-box_def200-74 .kt-info-svg-icon-flip, #kt-info-box_def200-74 .kt-blocks-info-box-number{font-size:32px;}#kt-info-box_def200-74 .kt-blocks-info-box-media{color:#ffffff;background:#cd2653;border-color:#eeeeee;border-top-width:0px;border-right-width:0px;border-bottom-width:0px;border-left-width:0px;padding-top:12px;padding-right:12px;padding-bottom:12px;padding-left:12px;}#kt-info-box_def200-74 .kt-blocks-info-box-media-container{margin-top:-59px;margin-right:0px;margin-bottom:20px;margin-left:0px;}#kt-info-box_def200-74 .kt-blocks-info-box-link-wrap:hover .kt-blocks-info-box-media{color:#ffffff;background:#cd2653;border-color:#eeeeee;}#kt-info-box_def200-74 .kt-infobox-textcontent h4.kt-blocks-info-box-title{color:#000000;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;margin-top:5px;margin-right:0px;margin-bottom:10px;margin-left:0px;}#kt-info-box_def200-74 .kt-blocks-info-box-learnmore{background:transparent;border-color:#555555;border-width:0px 0px 0px 0px;padding-top:4px;padding-right:8px;padding-bottom:4px;padding-left:8px;margin-top:10px;margin-right:0px;margin-bottom:10px;margin-left:0px;}#kt-info-box_def200-74 .kt-blocks-info-box-link-wrap:hover .kt-blocks-info-box-learnmore,#kt-info-box_def200-74 .kt-blocks-info-box-link-wrap .kt-blocks-info-box-learnmore:focus{color:#ffffff;background:#444444;border-color:#444444;}<\/style>\n<div id=\"kt-info-box_def200-74\" class=\"wp-block-kadence-infobox\"><a class=\"kt-blocks-info-box-link-wrap info-box-link kt-blocks-info-box-media-align-top kt-info-halign-left\"><div class=\"kt-blocks-info-box-media-container\"><div class=\"kt-blocks-info-box-media kt-info-media-animate-none\"><div class=\"kadence-info-box-icon-container kt-info-icon-animate-none\"><div class=\"kadence-info-box-icon-inner-container\"><span style=\"display:block;justify-content:center;align-items:center\" class=\"kt-info-svg-icon kt-info-svg-icon-fe_arrowDownCircle\"><svg style=\"display:inline-block;vertical-align:middle\" viewbox=\"0 0 24 24\" height=\"32\" width=\"32\" fill=\"none\" stroke=\"currentColor\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><polyline points=\"8 12 12 16 16 12\"><\/polyline><line x1=\"12\" y1=\"8\" x2=\"12\" y2=\"16\"><\/line><\/svg><\/span><\/div><\/div><\/div><\/div><div class=\"kt-infobox-textcontent\"><h4 class=\"kt-blocks-info-box-title\">Prototyping<\/h4><p class=\"kt-blocks-info-box-text\">As with other professions, web design prototyping allows design ideas to be tested, and for experimentation to take place. Prototyping is useful by emulating real-world scenarios, where problems can be caught and corrected early on.<\/p><\/div><\/a><\/div>\n\n\n<style>.wp-block-kadence-column.kb-section-dir-horizontal > .kt-inside-inner-col > #kt-info-box_ca1de6-1b .kt-blocks-info-box-link-wrap{max-width:unset;}#kt-info-box_ca1de6-1b .kt-blocks-info-box-link-wrap{border-top-width:1px;border-right-width:1px;border-bottom-width:1px;border-left-width:1px;background:#ffffff;padding-top:26px;padding-right:26px;padding-bottom:26px;padding-left:26px;margin-top:66px;}#kt-info-box_ca1de6-1b .kt-blocks-info-box-link-wrap:hover{background:#ffffff;}#kt-info-box_ca1de6-1b .kadence-info-box-icon-container .kt-info-svg-icon, #kt-info-box_ca1de6-1b .kt-info-svg-icon-flip, #kt-info-box_ca1de6-1b .kt-blocks-info-box-number{font-size:32px;}#kt-info-box_ca1de6-1b .kt-blocks-info-box-media{color:#ffffff;background:#cd2653;border-color:#eeeeee;border-top-width:0px;border-right-width:0px;border-bottom-width:0px;border-left-width:0px;padding-top:12px;padding-right:12px;padding-bottom:12px;padding-left:12px;}#kt-info-box_ca1de6-1b .kt-blocks-info-box-media-container{margin-top:-59px;margin-right:0px;margin-bottom:20px;margin-left:0px;}#kt-info-box_ca1de6-1b .kt-blocks-info-box-link-wrap:hover .kt-blocks-info-box-media{color:#ffffff;background:#cd2653;border-color:#eeeeee;}#kt-info-box_ca1de6-1b .kt-infobox-textcontent h4.kt-blocks-info-box-title{color:#000000;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;margin-top:5px;margin-right:0px;margin-bottom:10px;margin-left:0px;}#kt-info-box_ca1de6-1b .kt-blocks-info-box-learnmore{background:transparent;border-color:#555555;border-width:0px 0px 0px 0px;padding-top:4px;padding-right:8px;padding-bottom:4px;padding-left:8px;margin-top:10px;margin-right:0px;margin-bottom:10px;margin-left:0px;}#kt-info-box_ca1de6-1b .kt-blocks-info-box-link-wrap:hover .kt-blocks-info-box-learnmore,#kt-info-box_ca1de6-1b .kt-blocks-info-box-link-wrap .kt-blocks-info-box-learnmore:focus{color:#ffffff;background:#444444;border-color:#444444;}<\/style>\n<div id=\"kt-info-box_ca1de6-1b\" class=\"wp-block-kadence-infobox\"><div class=\"kt-blocks-info-box-link-wrap kt-blocks-info-box-media-align-top kt-info-halign-left\"><div class=\"kt-blocks-info-box-media-container\"><div class=\"kt-blocks-info-box-media kt-info-media-animate-none\"><div class=\"kadence-info-box-icon-container kt-info-icon-animate-none\"><div class=\"kadence-info-box-icon-inner-container\"><span style=\"display:block;justify-content:center;align-items:center\" class=\"kt-info-svg-icon kt-info-svg-icon-fe_arrowDownCircle\"><svg style=\"display:inline-block;vertical-align:middle\" viewbox=\"0 0 24 24\" height=\"32\" width=\"32\" fill=\"none\" stroke=\"currentColor\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><polyline points=\"8 12 12 16 16 12\"><\/polyline><line x1=\"12\" y1=\"8\" x2=\"12\" y2=\"16\"><\/line><\/svg><\/span><\/div><\/div><\/div><\/div><div class=\"kt-infobox-textcontent\"><h4 class=\"kt-blocks-info-box-title\">SEO<\/h4><p class=\"kt-blocks-info-box-text\">There are many facets to SEO (Search Engine Optimisation), but for web design, it relates to having a logical semantic structure to your website&#8217;s content. This structure will make it easier for Search Engines to identify what your website is about, and match it to relevant &#8216;search phrases&#8217; people might use. See <a href=\"http:\/\/www.getawebsite.friezedesign.co.uk\/promo.htm\">detailed SEO article<\/a> on our sister website<\/p><\/div><\/div><\/div>\n\n\n<style>.wp-block-kadence-column.kb-section-dir-horizontal > .kt-inside-inner-col > #kt-info-box_009058-60 .kt-blocks-info-box-link-wrap{max-width:unset;}#kt-info-box_009058-60 .kt-blocks-info-box-link-wrap{border-top-width:1px;border-right-width:1px;border-bottom-width:1px;border-left-width:1px;background:#ffffff;padding-top:26px;padding-right:26px;padding-bottom:26px;padding-left:26px;margin-top:66px;}#kt-info-box_009058-60 .kt-blocks-info-box-link-wrap:hover{background:#ffffff;}#kt-info-box_009058-60 .kadence-info-box-icon-container .kt-info-svg-icon, #kt-info-box_009058-60 .kt-info-svg-icon-flip, #kt-info-box_009058-60 .kt-blocks-info-box-number{font-size:32px;}#kt-info-box_009058-60 .kt-blocks-info-box-media{color:#ffffff;background:#cd2653;border-color:#eeeeee;border-top-width:0px;border-right-width:0px;border-bottom-width:0px;border-left-width:0px;padding-top:12px;padding-right:12px;padding-bottom:12px;padding-left:12px;}#kt-info-box_009058-60 .kt-blocks-info-box-media-container{margin-top:-59px;margin-right:0px;margin-bottom:20px;margin-left:0px;}#kt-info-box_009058-60 .kt-blocks-info-box-link-wrap:hover .kt-blocks-info-box-media{color:#ffffff;background:#cd2653;border-color:#eeeeee;}#kt-info-box_009058-60 .kt-infobox-textcontent h4.kt-blocks-info-box-title{color:#000000;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;margin-top:5px;margin-right:0px;margin-bottom:10px;margin-left:0px;}#kt-info-box_009058-60 .kt-blocks-info-box-learnmore{background:transparent;border-color:#555555;border-width:0px 0px 0px 0px;padding-top:4px;padding-right:8px;padding-bottom:4px;padding-left:8px;margin-top:10px;margin-right:0px;margin-bottom:10px;margin-left:0px;}#kt-info-box_009058-60 .kt-blocks-info-box-link-wrap:hover .kt-blocks-info-box-learnmore,#kt-info-box_009058-60 .kt-blocks-info-box-link-wrap .kt-blocks-info-box-learnmore:focus{color:#ffffff;background:#444444;border-color:#444444;}<\/style>\n<div id=\"kt-info-box_009058-60\" class=\"wp-block-kadence-infobox\"><div class=\"kt-blocks-info-box-link-wrap kt-blocks-info-box-media-align-top kt-info-halign-left\"><div class=\"kt-blocks-info-box-media-container\"><div class=\"kt-blocks-info-box-media kt-info-media-animate-none\"><div class=\"kadence-info-box-icon-container kt-info-icon-animate-none\"><div class=\"kadence-info-box-icon-inner-container\"><span style=\"display:block;justify-content:center;align-items:center\" class=\"kt-info-svg-icon kt-info-svg-icon-fe_arrowDownCircle\"><svg style=\"display:inline-block;vertical-align:middle\" viewbox=\"0 0 24 24\" height=\"32\" width=\"32\" fill=\"none\" stroke=\"currentColor\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><polyline points=\"8 12 12 16 16 12\"><\/polyline><line x1=\"12\" y1=\"8\" x2=\"12\" y2=\"16\"><\/line><\/svg><\/span><\/div><\/div><\/div><\/div><div class=\"kt-infobox-textcontent\"><h4 class=\"kt-blocks-info-box-title\">Style Guide<\/h4><p class=\"kt-blocks-info-box-text\">A reference guide specifying uniform &#8216;branding&#8217; rules. This would include instructions, such as what colours and typefaces should be used within an organisation. For web design, it is ensuring these specifications are automated where possible, through preset coded rules.<\/p><\/div><\/div><\/div>\n\n\n<style>.wp-block-kadence-column.kb-section-dir-horizontal > .kt-inside-inner-col > #kt-info-box_e75cc6-31 .kt-blocks-info-box-link-wrap{max-width:unset;}#kt-info-box_e75cc6-31 .kt-blocks-info-box-link-wrap{border-top-width:1px;border-right-width:1px;border-bottom-width:1px;border-left-width:1px;background:#ffffff;padding-top:26px;padding-right:26px;padding-bottom:26px;padding-left:26px;margin-top:66px;}#kt-info-box_e75cc6-31 .kt-blocks-info-box-link-wrap:hover{background:#ffffff;}#kt-info-box_e75cc6-31 .kadence-info-box-icon-container .kt-info-svg-icon, #kt-info-box_e75cc6-31 .kt-info-svg-icon-flip, #kt-info-box_e75cc6-31 .kt-blocks-info-box-number{font-size:32px;}#kt-info-box_e75cc6-31 .kt-blocks-info-box-media{color:#ffffff;background:#cd2653;border-color:#eeeeee;border-top-width:0px;border-right-width:0px;border-bottom-width:0px;border-left-width:0px;padding-top:12px;padding-right:12px;padding-bottom:12px;padding-left:12px;}#kt-info-box_e75cc6-31 .kt-blocks-info-box-media-container{margin-top:-59px;margin-right:0px;margin-bottom:20px;margin-left:0px;}#kt-info-box_e75cc6-31 .kt-blocks-info-box-link-wrap:hover .kt-blocks-info-box-media{color:#ffffff;background:#cd2653;border-color:#eeeeee;}#kt-info-box_e75cc6-31 .kt-infobox-textcontent h4.kt-blocks-info-box-title{color:#000000;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;margin-top:5px;margin-right:0px;margin-bottom:10px;margin-left:0px;}#kt-info-box_e75cc6-31 .kt-blocks-info-box-learnmore{background:transparent;border-color:#555555;border-width:0px 0px 0px 0px;padding-top:4px;padding-right:8px;padding-bottom:4px;padding-left:8px;margin-top:10px;margin-right:0px;margin-bottom:10px;margin-left:0px;}#kt-info-box_e75cc6-31 .kt-blocks-info-box-link-wrap:hover .kt-blocks-info-box-learnmore,#kt-info-box_e75cc6-31 .kt-blocks-info-box-link-wrap .kt-blocks-info-box-learnmore:focus{color:#ffffff;background:#444444;border-color:#444444;}<\/style>\n<div id=\"kt-info-box_e75cc6-31\" class=\"wp-block-kadence-infobox\"><a class=\"kt-blocks-info-box-link-wrap info-box-link kt-blocks-info-box-media-align-top kt-info-halign-left\"><div class=\"kt-blocks-info-box-media-container\"><div class=\"kt-blocks-info-box-media kt-info-media-animate-none\"><div class=\"kadence-info-box-icon-container kt-info-icon-animate-none\"><div class=\"kadence-info-box-icon-inner-container\"><span style=\"display:block;justify-content:center;align-items:center\" class=\"kt-info-svg-icon kt-info-svg-icon-fe_arrowDownCircle\"><svg style=\"display:inline-block;vertical-align:middle\" viewbox=\"0 0 24 24\" height=\"32\" width=\"32\" fill=\"none\" stroke=\"currentColor\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><polyline points=\"8 12 12 16 16 12\"><\/polyline><line x1=\"12\" y1=\"8\" x2=\"12\" y2=\"16\"><\/line><\/svg><\/span><\/div><\/div><\/div><\/div><div class=\"kt-infobox-textcontent\"><h4 class=\"kt-blocks-info-box-title\">Target Audience<\/h4><p class=\"kt-blocks-info-box-text\">The primary group of people you hope to attract to your website.  Web designers should consider how your website&#8217;s design can be tailored to draw attention from these people, and keep them engaged.<\/p><\/div><\/a><\/div>\n\n\n<style>.wp-block-kadence-column.kb-section-dir-horizontal > .kt-inside-inner-col > #kt-info-box_f38c2e-0b .kt-blocks-info-box-link-wrap{max-width:unset;}#kt-info-box_f38c2e-0b .kt-blocks-info-box-link-wrap{border-top-width:1px;border-right-width:1px;border-bottom-width:1px;border-left-width:1px;background:#ffffff;padding-top:26px;padding-right:26px;padding-bottom:26px;padding-left:26px;margin-top:66px;}#kt-info-box_f38c2e-0b .kt-blocks-info-box-link-wrap:hover{background:#ffffff;}#kt-info-box_f38c2e-0b .kadence-info-box-icon-container .kt-info-svg-icon, #kt-info-box_f38c2e-0b .kt-info-svg-icon-flip, #kt-info-box_f38c2e-0b .kt-blocks-info-box-number{font-size:32px;}#kt-info-box_f38c2e-0b .kt-blocks-info-box-media{color:#ffffff;background:#cd2653;border-color:#eeeeee;border-top-width:0px;border-right-width:0px;border-bottom-width:0px;border-left-width:0px;padding-top:12px;padding-right:12px;padding-bottom:12px;padding-left:12px;}#kt-info-box_f38c2e-0b .kt-blocks-info-box-media-container{margin-top:-59px;margin-right:0px;margin-bottom:20px;margin-left:0px;}#kt-info-box_f38c2e-0b .kt-blocks-info-box-link-wrap:hover .kt-blocks-info-box-media{color:#ffffff;background:#cd2653;border-color:#eeeeee;}#kt-info-box_f38c2e-0b .kt-infobox-textcontent h4.kt-blocks-info-box-title{color:#000000;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;margin-top:5px;margin-right:0px;margin-bottom:10px;margin-left:0px;}#kt-info-box_f38c2e-0b .kt-blocks-info-box-learnmore{background:transparent;border-color:#555555;border-width:0px 0px 0px 0px;padding-top:4px;padding-right:8px;padding-bottom:4px;padding-left:8px;margin-top:10px;margin-right:0px;margin-bottom:10px;margin-left:0px;}#kt-info-box_f38c2e-0b .kt-blocks-info-box-link-wrap:hover .kt-blocks-info-box-learnmore,#kt-info-box_f38c2e-0b .kt-blocks-info-box-link-wrap .kt-blocks-info-box-learnmore:focus{color:#ffffff;background:#444444;border-color:#444444;}<\/style>\n<div id=\"kt-info-box_f38c2e-0b\" class=\"wp-block-kadence-infobox\"><a class=\"kt-blocks-info-box-link-wrap info-box-link kt-blocks-info-box-media-align-top kt-info-halign-left\"><div class=\"kt-blocks-info-box-media-container\"><div class=\"kt-blocks-info-box-media kt-info-media-animate-none\"><div class=\"kadence-info-box-icon-container kt-info-icon-animate-none\"><div class=\"kadence-info-box-icon-inner-container\"><span style=\"display:block;justify-content:center;align-items:center\" class=\"kt-info-svg-icon kt-info-svg-icon-fe_arrowDownCircle\"><svg style=\"display:inline-block;vertical-align:middle\" viewbox=\"0 0 24 24\" height=\"32\" width=\"32\" fill=\"none\" stroke=\"currentColor\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><polyline points=\"8 12 12 16 16 12\"><\/polyline><line x1=\"12\" y1=\"8\" x2=\"12\" y2=\"16\"><\/line><\/svg><\/span><\/div><\/div><\/div><\/div><div class=\"kt-infobox-textcontent\"><h4 class=\"kt-blocks-info-box-title\">Typography<\/h4><p class=\"kt-blocks-info-box-text\">Typography is the precise design of text or &#8216;lettering&#8217; on a website. It combines legibility, structure and aesthetic qualities to present typographic styles and patterns for texts. Selecting typefaces, colours, font weights, font sizing, line-spacing and line lengths, are just some typographic options available to web designers.<\/p><\/div><\/a><\/div>\n\n\n<style>.wp-block-kadence-column.kb-section-dir-horizontal > .kt-inside-inner-col > #kt-info-box_cd6cef-2a .kt-blocks-info-box-link-wrap{max-width:unset;}#kt-info-box_cd6cef-2a .kt-blocks-info-box-link-wrap{border-top-width:1px;border-right-width:1px;border-bottom-width:1px;border-left-width:1px;background:#ffffff;padding-top:26px;padding-right:26px;padding-bottom:26px;padding-left:26px;margin-top:66px;}#kt-info-box_cd6cef-2a .kt-blocks-info-box-link-wrap:hover{background:#ffffff;}#kt-info-box_cd6cef-2a .kadence-info-box-icon-container .kt-info-svg-icon, #kt-info-box_cd6cef-2a .kt-info-svg-icon-flip, #kt-info-box_cd6cef-2a .kt-blocks-info-box-number{font-size:32px;}#kt-info-box_cd6cef-2a .kt-blocks-info-box-media{color:#ffffff;background:#cd2653;border-color:#eeeeee;border-top-width:0px;border-right-width:0px;border-bottom-width:0px;border-left-width:0px;padding-top:12px;padding-right:12px;padding-bottom:12px;padding-left:12px;}#kt-info-box_cd6cef-2a .kt-blocks-info-box-media-container{margin-top:-59px;margin-right:0px;margin-bottom:20px;margin-left:0px;}#kt-info-box_cd6cef-2a .kt-blocks-info-box-link-wrap:hover .kt-blocks-info-box-media{color:#ffffff;background:#cd2653;border-color:#eeeeee;}#kt-info-box_cd6cef-2a .kt-infobox-textcontent h4.kt-blocks-info-box-title{color:#000000;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;margin-top:5px;margin-right:0px;margin-bottom:10px;margin-left:0px;}#kt-info-box_cd6cef-2a .kt-blocks-info-box-learnmore{background:transparent;border-color:#555555;border-width:0px 0px 0px 0px;padding-top:4px;padding-right:8px;padding-bottom:4px;padding-left:8px;margin-top:10px;margin-right:0px;margin-bottom:10px;margin-left:0px;}#kt-info-box_cd6cef-2a .kt-blocks-info-box-link-wrap:hover .kt-blocks-info-box-learnmore,#kt-info-box_cd6cef-2a .kt-blocks-info-box-link-wrap .kt-blocks-info-box-learnmore:focus{color:#ffffff;background:#444444;border-color:#444444;}<\/style>\n<div id=\"kt-info-box_cd6cef-2a\" class=\"wp-block-kadence-infobox\"><a class=\"kt-blocks-info-box-link-wrap info-box-link kt-blocks-info-box-media-align-top kt-info-halign-left\"><div class=\"kt-blocks-info-box-media-container\"><div class=\"kt-blocks-info-box-media kt-info-media-animate-none\"><div class=\"kadence-info-box-icon-container kt-info-icon-animate-none\"><div class=\"kadence-info-box-icon-inner-container\"><span style=\"display:block;justify-content:center;align-items:center\" class=\"kt-info-svg-icon kt-info-svg-icon-fe_arrowDownCircle\"><svg style=\"display:inline-block;vertical-align:middle\" viewbox=\"0 0 24 24\" height=\"32\" width=\"32\" fill=\"none\" stroke=\"currentColor\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><polyline points=\"8 12 12 16 16 12\"><\/polyline><line x1=\"12\" y1=\"8\" x2=\"12\" y2=\"16\"><\/line><\/svg><\/span><\/div><\/div><\/div><\/div><div class=\"kt-infobox-textcontent\"><h4 class=\"kt-blocks-info-box-title\">Usability<\/h4><p class=\"kt-blocks-info-box-text\">An aspect of web design that considers a website&#8217;s ease of use. The goal is to remove any component of the design that may confuse, obstruct or frustrate those using the website.<\/p><\/div><\/a><\/div>\n\n\n<style>.wp-block-kadence-column.kb-section-dir-horizontal > .kt-inside-inner-col > #kt-info-box_289c6a-b8 .kt-blocks-info-box-link-wrap{max-width:unset;}#kt-info-box_289c6a-b8 .kt-blocks-info-box-link-wrap{border-top-width:1px;border-right-width:1px;border-bottom-width:1px;border-left-width:1px;background:#ffffff;padding-top:26px;padding-right:26px;padding-bottom:26px;padding-left:26px;margin-top:66px;}#kt-info-box_289c6a-b8 .kt-blocks-info-box-link-wrap:hover{background:#ffffff;}#kt-info-box_289c6a-b8 .kadence-info-box-icon-container .kt-info-svg-icon, #kt-info-box_289c6a-b8 .kt-info-svg-icon-flip, #kt-info-box_289c6a-b8 .kt-blocks-info-box-number{font-size:32px;}#kt-info-box_289c6a-b8 .kt-blocks-info-box-media{color:#ffffff;background:#cd2653;border-color:#eeeeee;border-top-width:0px;border-right-width:0px;border-bottom-width:0px;border-left-width:0px;padding-top:12px;padding-right:12px;padding-bottom:12px;padding-left:12px;}#kt-info-box_289c6a-b8 .kt-blocks-info-box-media-container{margin-top:-59px;margin-right:0px;margin-bottom:20px;margin-left:0px;}#kt-info-box_289c6a-b8 .kt-blocks-info-box-link-wrap:hover .kt-blocks-info-box-media{color:#ffffff;background:#cd2653;border-color:#eeeeee;}#kt-info-box_289c6a-b8 .kt-infobox-textcontent h4.kt-blocks-info-box-title{color:#000000;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;margin-top:5px;margin-right:0px;margin-bottom:10px;margin-left:0px;}#kt-info-box_289c6a-b8 .kt-blocks-info-box-learnmore{background:transparent;border-color:#555555;border-width:0px 0px 0px 0px;padding-top:4px;padding-right:8px;padding-bottom:4px;padding-left:8px;margin-top:10px;margin-right:0px;margin-bottom:10px;margin-left:0px;}#kt-info-box_289c6a-b8 .kt-blocks-info-box-link-wrap:hover .kt-blocks-info-box-learnmore,#kt-info-box_289c6a-b8 .kt-blocks-info-box-link-wrap .kt-blocks-info-box-learnmore:focus{color:#ffffff;background:#444444;border-color:#444444;}<\/style>\n<div id=\"kt-info-box_289c6a-b8\" class=\"wp-block-kadence-infobox\"><a class=\"kt-blocks-info-box-link-wrap info-box-link kt-blocks-info-box-media-align-top kt-info-halign-left\"><div class=\"kt-blocks-info-box-media-container\"><div class=\"kt-blocks-info-box-media kt-info-media-animate-none\"><div class=\"kadence-info-box-icon-container kt-info-icon-animate-none\"><div class=\"kadence-info-box-icon-inner-container\"><span style=\"display:block;justify-content:center;align-items:center\" class=\"kt-info-svg-icon kt-info-svg-icon-fe_arrowDownCircle\"><svg style=\"display:inline-block;vertical-align:middle\" viewbox=\"0 0 24 24\" height=\"32\" width=\"32\" fill=\"none\" stroke=\"currentColor\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><polyline points=\"8 12 12 16 16 12\"><\/polyline><line x1=\"12\" y1=\"8\" x2=\"12\" y2=\"16\"><\/line><\/svg><\/span><\/div><\/div><\/div><\/div><div class=\"kt-infobox-textcontent\"><h4 class=\"kt-blocks-info-box-title\">User Experience (UX)<\/h4><p class=\"kt-blocks-info-box-text\">An aspect of web design that considers the visitor&#8217;s overall experience when using a website, and what can be done to ensure the experience is a favourable one. UX goes beyond usability, in that it seeks to draw a positive emotional response from the user.<\/p><\/div><\/a><\/div>\n\n\n<style>.wp-block-kadence-column.kb-section-dir-horizontal > .kt-inside-inner-col > #kt-info-box_aa0ca8-76 .kt-blocks-info-box-link-wrap{max-width:unset;}#kt-info-box_aa0ca8-76 .kt-blocks-info-box-link-wrap{border-top-width:1px;border-right-width:1px;border-bottom-width:1px;border-left-width:1px;background:#ffffff;padding-top:26px;padding-right:26px;padding-bottom:26px;padding-left:26px;margin-top:66px;}#kt-info-box_aa0ca8-76 .kt-blocks-info-box-link-wrap:hover{background:#ffffff;}#kt-info-box_aa0ca8-76 .kadence-info-box-icon-container .kt-info-svg-icon, #kt-info-box_aa0ca8-76 .kt-info-svg-icon-flip, #kt-info-box_aa0ca8-76 .kt-blocks-info-box-number{font-size:32px;}#kt-info-box_aa0ca8-76 .kt-blocks-info-box-media{color:#ffffff;background:#cd2653;border-color:#eeeeee;border-top-width:0px;border-right-width:0px;border-bottom-width:0px;border-left-width:0px;padding-top:12px;padding-right:12px;padding-bottom:12px;padding-left:12px;}#kt-info-box_aa0ca8-76 .kt-blocks-info-box-media-container{margin-top:-59px;margin-right:0px;margin-bottom:20px;margin-left:0px;}#kt-info-box_aa0ca8-76 .kt-blocks-info-box-link-wrap:hover .kt-blocks-info-box-media{color:#ffffff;background:#cd2653;border-color:#eeeeee;}#kt-info-box_aa0ca8-76 .kt-infobox-textcontent h4.kt-blocks-info-box-title{color:#000000;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;margin-top:5px;margin-right:0px;margin-bottom:10px;margin-left:0px;}#kt-info-box_aa0ca8-76 .kt-blocks-info-box-learnmore{background:transparent;border-color:#555555;border-width:0px 0px 0px 0px;padding-top:4px;padding-right:8px;padding-bottom:4px;padding-left:8px;margin-top:10px;margin-right:0px;margin-bottom:10px;margin-left:0px;}#kt-info-box_aa0ca8-76 .kt-blocks-info-box-link-wrap:hover .kt-blocks-info-box-learnmore,#kt-info-box_aa0ca8-76 .kt-blocks-info-box-link-wrap .kt-blocks-info-box-learnmore:focus{color:#ffffff;background:#444444;border-color:#444444;}<\/style>\n<div id=\"kt-info-box_aa0ca8-76\" class=\"wp-block-kadence-infobox\"><a class=\"kt-blocks-info-box-link-wrap info-box-link kt-blocks-info-box-media-align-top kt-info-halign-left\"><div class=\"kt-blocks-info-box-media-container\"><div class=\"kt-blocks-info-box-media kt-info-media-animate-none\"><div class=\"kadence-info-box-icon-container kt-info-icon-animate-none\"><div class=\"kadence-info-box-icon-inner-container\"><span style=\"display:block;justify-content:center;align-items:center\" class=\"kt-info-svg-icon kt-info-svg-icon-fe_arrowDownCircle\"><svg style=\"display:inline-block;vertical-align:middle\" viewbox=\"0 0 24 24\" height=\"32\" width=\"32\" fill=\"none\" stroke=\"currentColor\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><polyline points=\"8 12 12 16 16 12\"><\/polyline><line x1=\"12\" y1=\"8\" x2=\"12\" y2=\"16\"><\/line><\/svg><\/span><\/div><\/div><\/div><\/div><div class=\"kt-infobox-textcontent\"><h4 class=\"kt-blocks-info-box-title\">User Interface (Website UI\/GUI)<\/h4><p class=\"kt-blocks-info-box-text\">Similar to, and interchangeable with, web &#8216;page&#8217; or &#8216;view&#8217;; a screen-based, interactive interface. A term more commonly used in relation to web interfaces that require a high level user interaction, as opposed to passive activities, such as just reading content. <\/p><\/div><\/a><\/div>\n\n\n<style>.wp-block-kadence-column.kb-section-dir-horizontal > .kt-inside-inner-col > #kt-info-box_f3ef1e-9b .kt-blocks-info-box-link-wrap{max-width:unset;}#kt-info-box_f3ef1e-9b .kt-blocks-info-box-link-wrap{border-top-width:1px;border-right-width:1px;border-bottom-width:1px;border-left-width:1px;background:#ffffff;padding-top:26px;padding-right:26px;padding-bottom:26px;padding-left:26px;margin-top:66px;}#kt-info-box_f3ef1e-9b .kt-blocks-info-box-link-wrap:hover{background:#ffffff;}#kt-info-box_f3ef1e-9b .kadence-info-box-icon-container .kt-info-svg-icon, #kt-info-box_f3ef1e-9b .kt-info-svg-icon-flip, #kt-info-box_f3ef1e-9b .kt-blocks-info-box-number{font-size:32px;}#kt-info-box_f3ef1e-9b .kt-blocks-info-box-media{color:#ffffff;background:#cd2653;border-color:#eeeeee;border-top-width:0px;border-right-width:0px;border-bottom-width:0px;border-left-width:0px;padding-top:12px;padding-right:12px;padding-bottom:12px;padding-left:12px;}#kt-info-box_f3ef1e-9b .kt-blocks-info-box-media-container{margin-top:-59px;margin-right:0px;margin-bottom:20px;margin-left:0px;}#kt-info-box_f3ef1e-9b .kt-blocks-info-box-link-wrap:hover .kt-blocks-info-box-media{color:#ffffff;background:#cd2653;border-color:#eeeeee;}#kt-info-box_f3ef1e-9b .kt-infobox-textcontent h4.kt-blocks-info-box-title{color:#000000;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;margin-top:5px;margin-right:0px;margin-bottom:10px;margin-left:0px;}#kt-info-box_f3ef1e-9b .kt-blocks-info-box-learnmore{background:transparent;border-color:#555555;border-width:0px 0px 0px 0px;padding-top:4px;padding-right:8px;padding-bottom:4px;padding-left:8px;margin-top:10px;margin-right:0px;margin-bottom:10px;margin-left:0px;}#kt-info-box_f3ef1e-9b .kt-blocks-info-box-link-wrap:hover .kt-blocks-info-box-learnmore,#kt-info-box_f3ef1e-9b .kt-blocks-info-box-link-wrap .kt-blocks-info-box-learnmore:focus{color:#ffffff;background:#444444;border-color:#444444;}<\/style>\n<div id=\"kt-info-box_f3ef1e-9b\" class=\"wp-block-kadence-infobox\"><a class=\"kt-blocks-info-box-link-wrap info-box-link kt-blocks-info-box-media-align-top kt-info-halign-left\"><div class=\"kt-blocks-info-box-media-container\"><div class=\"kt-blocks-info-box-media kt-info-media-animate-none\"><div class=\"kadence-info-box-icon-container kt-info-icon-animate-none\"><div class=\"kadence-info-box-icon-inner-container\"><span style=\"display:block;justify-content:center;align-items:center\" class=\"kt-info-svg-icon kt-info-svg-icon-fe_arrowDownCircle\"><svg style=\"display:inline-block;vertical-align:middle\" viewbox=\"0 0 24 24\" height=\"32\" width=\"32\" fill=\"none\" stroke=\"currentColor\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><polyline points=\"8 12 12 16 16 12\"><\/polyline><line x1=\"12\" y1=\"8\" x2=\"12\" y2=\"16\"><\/line><\/svg><\/span><\/div><\/div><\/div><\/div><div class=\"kt-infobox-textcontent\"><h4 class=\"kt-blocks-info-box-title\">Wireframes<\/h4><p class=\"kt-blocks-info-box-text\">A minimalist outline design, used to help visualise and examine the layout, content structure and functionality of a potential web page or view. Helpful in identifying any issues, before moving forward to the full design phase.<\/p><\/div><\/a><\/div>\n","protected":false},"excerpt":{"rendered":"<p>An alphabetical list of common terms and phrases used by web designers and front-end web developers. We thought it might be helpful for those people working alongside, or in partnership with web designers, to know what these terms mean?<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-350","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.friezedesign.co.uk\/blog\/wp-json\/wp\/v2\/pages\/350","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.friezedesign.co.uk\/blog\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.friezedesign.co.uk\/blog\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.friezedesign.co.uk\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.friezedesign.co.uk\/blog\/wp-json\/wp\/v2\/comments?post=350"}],"version-history":[{"count":61,"href":"https:\/\/www.friezedesign.co.uk\/blog\/wp-json\/wp\/v2\/pages\/350\/revisions"}],"predecessor-version":[{"id":748,"href":"https:\/\/www.friezedesign.co.uk\/blog\/wp-json\/wp\/v2\/pages\/350\/revisions\/748"}],"wp:attachment":[{"href":"https:\/\/www.friezedesign.co.uk\/blog\/wp-json\/wp\/v2\/media?parent=350"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}