{"id":114,"date":"2025-02-03T15:54:50","date_gmt":"2025-02-03T15:54:50","guid":{"rendered":"https:\/\/noter.heatpine.dk\/?p=114"},"modified":"2025-02-03T15:54:50","modified_gmt":"2025-02-03T15:54:50","slug":"design-systemer","status":"publish","type":"post","link":"https:\/\/noter.heatpine.dk\/index.php\/2025\/02\/03\/design-systemer\/","title":{"rendered":"Design systemer"},"content":{"rendered":"\n<p>En samling af komponenter, kode og aktiver.<\/p>\n\n\n\n<p>finder og forklare problem og solutions:<br>https:\/\/ui-patterns.com\/<\/p>\n\n\n\n<p>UI design patterns (designm\u00f8nstre)- Komponenter som kan genbrugesfor at lette forst\u00e5else. De kontekstuelle \u2013 Afh\u00e6nger af bruger og situation.Lavet for ikke at genopfinde den dybe talerken.<\/p>\n\n\n\n<p>For at v\u00e6lge pattern skal du f\u00f8rst overveje form\u00e5let.<\/p>\n\n\n\n<p><strong>M\u00f8nstre (UI patterns)<\/strong>\u2013 Indeholder komponenter \u2013 Helheden. Det kanv\u00e6re liste, nav bar, s\u00f8g bar.<\/p>\n\n\n\n<p>Det at v\u00e6lge knapper, nav bar og s\u00f8g bar er UI patterns.<\/p>\n\n\n\n<p><strong>Komponenter (components)<\/strong> \u2013 En navigation er bygget p\u00e5 komponenter.<br>Komponenter er stillen og gentagelsen af hvordan fx en nav bar eropbygget og ser ud.<\/p>\n\n\n\n<p><strong>CEV-metode:<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"567\" src=\"https:\/\/noter.heatpine.dk\/wp-content\/uploads\/2025\/02\/image-41.png\" alt=\"\" class=\"wp-image-115\" srcset=\"https:\/\/noter.heatpine.dk\/wp-content\/uploads\/2025\/02\/image-41.png 1024w, https:\/\/noter.heatpine.dk\/wp-content\/uploads\/2025\/02\/image-41-300x166.png 300w, https:\/\/noter.heatpine.dk\/wp-content\/uploads\/2025\/02\/image-41-768x425.png 768w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p><strong>Interface inventoray:<\/strong><br>Samling af komponenter der har samme funktion: f\u00e5 inspiration fraklienter, konkurrenter \u2013 for ikke at genopfinde den dybe tallerken.<\/p>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>En samling af komponenter, kode og aktiver. finder og forklare problem og solutions:https:\/\/ui-patterns.com\/ UI design patterns (designm\u00f8nstre)- Komponenter som kan genbrugesfor at lette forst\u00e5else. De kontekstuelle \u2013 Afh\u00e6nger af bruger og situation.Lavet for ikke at genopfinde den dybe talerken. For at v\u00e6lge pattern skal du f\u00f8rst overveje form\u00e5let. M\u00f8nstre (UI patterns)\u2013 Indeholder komponenter \u2013 Helheden. [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-114","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"_links":{"self":[{"href":"https:\/\/noter.heatpine.dk\/index.php\/wp-json\/wp\/v2\/posts\/114","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/noter.heatpine.dk\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/noter.heatpine.dk\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/noter.heatpine.dk\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/noter.heatpine.dk\/index.php\/wp-json\/wp\/v2\/comments?post=114"}],"version-history":[{"count":1,"href":"https:\/\/noter.heatpine.dk\/index.php\/wp-json\/wp\/v2\/posts\/114\/revisions"}],"predecessor-version":[{"id":116,"href":"https:\/\/noter.heatpine.dk\/index.php\/wp-json\/wp\/v2\/posts\/114\/revisions\/116"}],"wp:attachment":[{"href":"https:\/\/noter.heatpine.dk\/index.php\/wp-json\/wp\/v2\/media?parent=114"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/noter.heatpine.dk\/index.php\/wp-json\/wp\/v2\/categories?post=114"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/noter.heatpine.dk\/index.php\/wp-json\/wp\/v2\/tags?post=114"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}