{"id":412,"date":"2013-03-06T18:39:38","date_gmt":"2013-03-06T18:39:38","guid":{"rendered":"https:\/\/www.hemsida24.se\/blogg\/2013\/03\/06\/sa-anvander-du-monster-pa-din-hemsida\/"},"modified":"2013-03-06T18:39:38","modified_gmt":"2013-03-06T18:39:38","slug":"sa-anvander-du-monster-pa-din-hemsida","status":"publish","type":"post","link":"https:\/\/www.hemsida24.se\/blogg\/2013\/03\/06\/sa-anvander-du-monster-pa-din-hemsida\/","title":{"rendered":"S\u00e5 anv\u00e4nder du m\u00f6nster p\u00e5 din hemsida"},"content":{"rendered":"<p><strong>M\u00f6nster och struktur \u00e4r allt mer popul\u00e4ra inslag i webbdesign. H\u00e4r visar vi hur man p\u00e5 ett sp\u00e4nnande s\u00e4tt kan anv\u00e4nda m\u00f6nster p\u00e5 sin hemsida, och tipsar om sidor f\u00f6r inspiration.<\/strong><\/p>\n<p><img loading=\"lazy\" src=\"https:\/\/h24-original.s3.amazonaws.com\/44\/11241661-rAeqE.png?name=.jpg\" alt=\"\" width=\"600\" height=\"400\" \/><\/p>\n<p>Ett m\u00f6nster i webbdesign \u00e4r precis vad det l\u00e5ter som: ett grafiskt element som upprepar sig och oftast \u00e4r symmetriskt. Till skillnad fr\u00e5n mer f\u00e4rgglada element som bilder och illustrationer \u00e4r m\u00f6nster mer dekorativa, och best\u00e5r ofta av enkla linjer, cirklar eller kvadrater.<\/p>\n<p>&nbsp;<\/p>\n<p>I dag talar man ibland om diskreta m\u00f6nster p\u00e5 hemsidor &#8211; m\u00f6nster som inte syns s\u00e5 tydligt, men ger en tredimensionell effekt till ett underlag.&nbsp;<span style=\"letter-spacing: 0px; line-height: 24px;\">F\u00f6retaget<\/span> <a href=\"http:\/\/www.six11ink.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">Six11ink<\/a> <span style=\"letter-spacing: 0px; line-height: 24px;\">anv\u00e4nder sig exempelvis av en mycket diskret struktur som g\u00f6r att hemsidan ser papperslik ut:<\/span><\/p>\n<p><img loading=\"lazy\" src=\"https:\/\/h24-original.s3.amazonaws.com\/44\/11241494-4uIyR.png?name=Six11ink.jpg\" alt=\"\" width=\"600\" height=\"400\" \/><\/p>\n<p>Det kanske vanligaste s\u00e4ttet att anv\u00e4nda m\u00f6nster \u00e4r som bakgrund, ist\u00e4llet f\u00f6r helt\u00e4ckande f\u00e4rg eller en bild. Att ha en m\u00f6nsterbakgrund ger en snygg och symmetrisk design, som ofta ser mer levande ut \u00e4n en f\u00e4rgbakgrund.<\/p>\n<p>&nbsp;<\/p>\n<p>P\u00e5 hemsidan f\u00f6r tryckeriet <a href=\"http:\/\/www.printmornyc.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">Print Mor NYC<\/a>&nbsp;har man anv\u00e4nt ett rutigt bakgrundsm\u00f6nster:<\/p>\n<p><img loading=\"lazy\" src=\"https:\/\/h24-original.s3.amazonaws.com\/44\/11241552-zi7je.png?name=Print_Mor.jpg\" alt=\"\" width=\"600\" height=\"400\" \/><\/p>\n<p>Ett annat snyggt s\u00e4tt att anv\u00e4nda m\u00f6nster \u00e4r p\u00e5 knappar eller i menyf\u00e4lt. F\u00f6rutom att det ocks\u00e5 ger knapparna ett mer unikt utseende s\u00e5 g\u00f6r det att de h\u00e4r elementen sticker ut och blir mindre platta.<\/p>\n<p>&nbsp;<\/p>\n<p>S\u00e5 h\u00e4r ser exempelvis <a href=\"http:\/\/www.quaintology.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">Quaintologys<\/a> m\u00f6nstrade meny ut:<\/p>\n<p><img loading=\"lazy\" src=\"https:\/\/h24-original.s3.amazonaws.com\/44\/11241625-5exIM.png?name=Quaintology.jpg\" alt=\"\" width=\"600\" height=\"400\" \/><\/p>\n<p>I Hemsida24:s verktyg \u00e4r det l\u00e4tt att l\u00e4gga till m\u00f6nster: klicka p\u00e5<em> \u00c4ndra utseende &gt; Anpassa designmall,<\/em> och klicka sedan p\u00e5 <em>M\u00f6nster<\/em> under fliken <em>Bakgrund<\/em>. D\u00e4r kan du v\u00e4lja mellan flera m\u00f6nster, och \u00e4ven ladda upp egna m\u00f6nster som du vill anv\u00e4nda.<\/p>\n<p>Om du vill se fler exempel p\u00e5 hemsidor som anv\u00e4nder m\u00f6nster p\u00e5 ett snyggt s\u00e4tt s\u00e5 kan du bland annat titta p\u00e5 <a href=\"http:\/\/vandelaydesign.com\/blog\/galleries\/patterns-in-web-design\/\" target=\"_blank\" rel=\"noopener noreferrer\">Vandelay Design<\/a>, <a href=\"http:\/\/www.smashingmagazine.com\/2008\/07\/09\/textures-and-patterns-design-showcase\/\" target=\"_blank\" rel=\"noopener noreferrer\">Smashing Magazine<\/a>&nbsp;och <a href=\"http:\/\/designinstruct.com\/visual-inspiration\/web-design-inspiration\/30-examples-of-using-background-patterns-in-web-design\/\" target=\"_blank\" rel=\"noopener noreferrer\">Design Instruct<\/a>.<\/p>\n<p>&nbsp;<\/p>\n<p>F\u00f6r den som inte kan eller har tid att g\u00f6ra egna m\u00f6nster, finns det m\u00e5nga bra webbsidor d\u00e4r man kan ladda ner gratism\u00f6nster som bildfiler.&nbsp;<span style=\"letter-spacing: 0px; line-height: 24px;\">P\u00e5&nbsp;<\/span><a href=\"http:\/\/www.subtlepatterns.com\" target=\"_blank\" rel=\"noopener noreferrer\">Subtle Patterns<\/a><span style=\"letter-spacing: 0px; line-height: 24px;\">&nbsp;kan du exempelvis ladda ner v\u00e4ldigt snygga, enkla m\u00f6nster som \u00e4r mer avskalade. <a href=\"http:\/\/designwoop.com\/2012\/03\/20-free-subtle-textures-for-backgrounds\/\" target=\"_blank\" rel=\"noopener noreferrer\">Design Woop<\/a> har ocks\u00e5 en liknande samling nedladdningsbara m\u00f6nster, och&nbsp;<a href=\"http:\/\/webdesignledger.com\/freebies\/80-fresh-new-textures-for-creating-web-site-backgrounds\" target=\"_blank\" rel=\"noopener noreferrer\">Web Design Ledger<\/a>&nbsp;har m\u00e5nga mer dekorativa strukturer.<\/span><\/p>\n<p><span style=\"letter-spacing: 0px; line-height: 24px;\">&nbsp;<\/span><\/p>\n<p><a href=\"http:\/\/patternizer.com\/izfa\" target=\"_blank\" rel=\"noopener noreferrer\">Patternizer<\/a> \u00e4r ett verktyg d\u00e4r du kan g\u00f6ra dina egna m\u00f6nster. Titta \u00e4ven p\u00e5 <a href=\"http:\/\/repperpatterns.com\/tool\/\" target=\"_blank\" rel=\"noopener noreferrer\">Repper Patterns<\/a>, som fungerar p\u00e5 ett liknande s\u00e4tt.<\/p>\n<p>&nbsp;<\/p>\n<p>Om du inte har Photoshop, kom i h\u00e5g att du alltid kan anv\u00e4nda <a href=\"http:\/\/www.picmonkey.com\" target=\"_blank\" rel=\"noopener noreferrer\">Pic Monkey<\/a>&nbsp;f\u00f6r att besk\u00e4ra och spara m\u00f6nster.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>M\u00f6nster och struktur \u00e4r allt mer popul\u00e4ra inslag i webbdesign. H\u00e4r visar vi hur man p\u00e5 ett sp\u00e4nnande s\u00e4tt kan anv\u00e4nda m\u00f6nster p\u00e5 sin hemsida, och tipsar om sidor f\u00f6r inspiration.Ett m\u00f6nster i webbdesign \u00e4r precis vad det l\u00e5ter som: ett grafiskt element som upprepar sig och oftast \u00e4r symmetriskt. Till skillnad fr\u00e5n mer f\u00e4rgglada element som bilder och illustrationer \u00e4r m\u00f6nster mer dekorativa, och best\u00e5r ofta av enkla linjer, cirklar eller kvadrater.<br \/>\n&nbsp;<br \/>\nI dag talar man ibland om diskreta m\u00f6nster p\u00e5 hemsidor &#8211; m\u00f6nster som inte syns s\u00e5 tydligt, men ger en tredimensionell effekt till ett underlag.&nbsp;F\u00f6retaget Six11ink anv\u00e4nder sig exempelvis av en mycket diskret struktur som g\u00f6r att hemsidan ser papperslik ut:<br \/>\nDet kanske vanligaste s\u00e4ttet att anv\u00e4nda m\u00f6nster \u00e4r som bakgrund, ist\u00e4llet f\u00f6r helt\u00e4ckande f\u00e4rg eller en bild. Att ha en m\u00f6nsterbakgrund ger en snygg och symmetrisk design, som ofta ser mer levande ut \u00e4n en f\u00e4rgbakgrund.<br \/>\n&nbsp;<br \/>\nP\u00e5 hemsidan f\u00f6r tryckeriet Print Mor NYC&nbsp;har man anv\u00e4nt ett rutigt bakgrundsm\u00f6nster:<br \/>\nEtt annat snyggt s\u00e4tt att anv\u00e4nda m\u00f6nster \u00e4r p\u00e5 knappar eller i menyf\u00e4lt. F\u00f6rutom att det ocks\u00e5 ger knapparna ett mer unikt utseende s\u00e5 g\u00f6r det att de h\u00e4r elementen sticker ut och blir mindre platta.<br \/>\n&nbsp;<br \/>\nS\u00e5 h\u00e4r ser exempelvis Quaintologys m\u00f6nstrade meny ut:<br \/>\nI Hemsida24:s verktyg \u00e4r det l\u00e4tt att l\u00e4gga till m\u00f6nster: klicka p\u00e5 \u00c4ndra utseende &gt; Anpassa designmall, och klicka sedan p\u00e5 M\u00f6nster under fliken Bakgrund. D\u00e4r kan du v\u00e4lja mellan flera m\u00f6nster, och \u00e4ven ladda upp egna m\u00f6nster som du vill anv\u00e4nda.Om du vill se fler exempel p\u00e5 hemsidor som anv\u00e4nder m\u00f6nster p\u00e5 ett snyggt s\u00e4tt s\u00e5 kan du bland annat titta p\u00e5 Vandelay Design, Smashing Magazine&nbsp;och Design Instruct.<br \/>\n&nbsp;<br \/>\nF\u00f6r den som inte kan eller har tid att g\u00f6ra egna m\u00f6nster, finns det m\u00e5nga bra webbsidor d\u00e4r man kan ladda ner gratism\u00f6nster som bildfiler.&nbsp;P\u00e5&nbsp;Subtle Patterns&nbsp;kan du exempelvis ladda ner v\u00e4ldigt snygga, enkla m\u00f6nster som \u00e4r mer avskalade. Design Woop har ocks\u00e5 en liknande samling nedladdningsbara m\u00f6nster, och&nbsp;Web Design Ledger&nbsp;har m\u00e5nga mer dekorativa strukturer.<br \/>\n&nbsp;<br \/>\nPatternizer \u00e4r ett verktyg d\u00e4r du kan g\u00f6ra dina egna m\u00f6nster. Titta \u00e4ven p\u00e5 Repper Patterns, som fungerar p\u00e5 ett liknande s\u00e4tt.<br \/>\n&nbsp;<br \/>\nOm du inte har Photoshop, kom i h\u00e5g att du alltid kan anv\u00e4nda Pic Monkey&nbsp;f\u00f6r att besk\u00e4ra och spara m\u00f6nster.<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[69],"tags":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v17.9 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>S\u00e5 anv\u00e4nder du m\u00f6nster p\u00e5 din hemsida - Hemsida24<\/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.hemsida24.se\/blogg\/2013\/03\/06\/sa-anvander-du-monster-pa-din-hemsida\/\" \/>\n<meta property=\"og:locale\" content=\"sv_SE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"S\u00e5 anv\u00e4nder du m\u00f6nster p\u00e5 din hemsida - Hemsida24\" \/>\n<meta property=\"og:description\" content=\"M\u00f6nster och struktur \u00e4r allt mer popul\u00e4ra inslag i webbdesign. H\u00e4r visar vi hur man p\u00e5 ett sp\u00e4nnande s\u00e4tt kan anv\u00e4nda m\u00f6nster p\u00e5 sin hemsida, och tipsar om sidor f\u00f6r inspiration.Ett m\u00f6nster i webbdesign \u00e4r precis vad det l\u00e5ter som: ett grafiskt element som upprepar sig och oftast \u00e4r symmetriskt. Till skillnad fr\u00e5n mer f\u00e4rgglada element som bilder och illustrationer \u00e4r m\u00f6nster mer dekorativa, och best\u00e5r ofta av enkla linjer, cirklar eller kvadrater. &nbsp; I dag talar man ibland om diskreta m\u00f6nster p\u00e5 hemsidor - m\u00f6nster som inte syns s\u00e5 tydligt, men ger en tredimensionell effekt till ett underlag.&nbsp;F\u00f6retaget Six11ink anv\u00e4nder sig exempelvis av en mycket diskret struktur som g\u00f6r att hemsidan ser papperslik ut: Det kanske vanligaste s\u00e4ttet att anv\u00e4nda m\u00f6nster \u00e4r som bakgrund, ist\u00e4llet f\u00f6r helt\u00e4ckande f\u00e4rg eller en bild. Att ha en m\u00f6nsterbakgrund ger en snygg och symmetrisk design, som ofta ser mer levande ut \u00e4n en f\u00e4rgbakgrund. &nbsp; P\u00e5 hemsidan f\u00f6r tryckeriet Print Mor NYC&nbsp;har man anv\u00e4nt ett rutigt bakgrundsm\u00f6nster: Ett annat snyggt s\u00e4tt att anv\u00e4nda m\u00f6nster \u00e4r p\u00e5 knappar eller i menyf\u00e4lt. F\u00f6rutom att det ocks\u00e5 ger knapparna ett mer unikt utseende s\u00e5 g\u00f6r det att de h\u00e4r elementen sticker ut och blir mindre platta. &nbsp; S\u00e5 h\u00e4r ser exempelvis Quaintologys m\u00f6nstrade meny ut: I Hemsida24:s verktyg \u00e4r det l\u00e4tt att l\u00e4gga till m\u00f6nster: klicka p\u00e5 \u00c4ndra utseende &gt; Anpassa designmall, och klicka sedan p\u00e5 M\u00f6nster under fliken Bakgrund. D\u00e4r kan du v\u00e4lja mellan flera m\u00f6nster, och \u00e4ven ladda upp egna m\u00f6nster som du vill anv\u00e4nda.Om du vill se fler exempel p\u00e5 hemsidor som anv\u00e4nder m\u00f6nster p\u00e5 ett snyggt s\u00e4tt s\u00e5 kan du bland annat titta p\u00e5 Vandelay Design, Smashing Magazine&nbsp;och Design Instruct. &nbsp; F\u00f6r den som inte kan eller har tid att g\u00f6ra egna m\u00f6nster, finns det m\u00e5nga bra webbsidor d\u00e4r man kan ladda ner gratism\u00f6nster som bildfiler.&nbsp;P\u00e5&nbsp;Subtle Patterns&nbsp;kan du exempelvis ladda ner v\u00e4ldigt snygga, enkla m\u00f6nster som \u00e4r mer avskalade. Design Woop har ocks\u00e5 en liknande samling nedladdningsbara m\u00f6nster, och&nbsp;Web Design Ledger&nbsp;har m\u00e5nga mer dekorativa strukturer. &nbsp; Patternizer \u00e4r ett verktyg d\u00e4r du kan g\u00f6ra dina egna m\u00f6nster. Titta \u00e4ven p\u00e5 Repper Patterns, som fungerar p\u00e5 ett liknande s\u00e4tt. &nbsp; Om du inte har Photoshop, kom i h\u00e5g att du alltid kan anv\u00e4nda Pic Monkey&nbsp;f\u00f6r att besk\u00e4ra och spara m\u00f6nster.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.hemsida24.se\/blogg\/2013\/03\/06\/sa-anvander-du-monster-pa-din-hemsida\/\" \/>\n<meta property=\"og:site_name\" content=\"Hemsida24\" \/>\n<meta property=\"article:published_time\" content=\"2013-03-06T18:39:38+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/h24-original.s3.amazonaws.com\/44\/11241661-rAeqE.png?name=.jpg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Skriven av\" \/>\n\t<meta name=\"twitter:data1\" content=\"supervisor\" \/>\n\t<meta name=\"twitter:label2\" content=\"Ber\u00e4knad l\u00e4stid\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minuter\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.hemsida24.se\/blogg\/#website\",\"url\":\"https:\/\/www.hemsida24.se\/blogg\/\",\"name\":\"Hemsida24\",\"description\":\"Blogg\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.hemsida24.se\/blogg\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"sv-SE\"},{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/www.hemsida24.se\/blogg\/2013\/03\/06\/sa-anvander-du-monster-pa-din-hemsida\/#primaryimage\",\"inLanguage\":\"sv-SE\",\"url\":\"https:\/\/h24-original.s3.amazonaws.com\/44\/11241661-rAeqE.png?name=.jpg\",\"contentUrl\":\"https:\/\/h24-original.s3.amazonaws.com\/44\/11241661-rAeqE.png?name=.jpg\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.hemsida24.se\/blogg\/2013\/03\/06\/sa-anvander-du-monster-pa-din-hemsida\/#webpage\",\"url\":\"https:\/\/www.hemsida24.se\/blogg\/2013\/03\/06\/sa-anvander-du-monster-pa-din-hemsida\/\",\"name\":\"S\\u00e5 anv\\u00e4nder du m\\u00f6nster p\\u00e5 din hemsida - Hemsida24\",\"isPartOf\":{\"@id\":\"https:\/\/www.hemsida24.se\/blogg\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.hemsida24.se\/blogg\/2013\/03\/06\/sa-anvander-du-monster-pa-din-hemsida\/#primaryimage\"},\"datePublished\":\"2013-03-06T18:39:38+00:00\",\"dateModified\":\"2013-03-06T18:39:38+00:00\",\"author\":{\"@id\":\"https:\/\/www.hemsida24.se\/blogg\/#\/schema\/person\/ca45c38f2c4b8f335556d725ddc3a574\"},\"breadcrumb\":{\"@id\":\"https:\/\/www.hemsida24.se\/blogg\/2013\/03\/06\/sa-anvander-du-monster-pa-din-hemsida\/#breadcrumb\"},\"inLanguage\":\"sv-SE\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.hemsida24.se\/blogg\/2013\/03\/06\/sa-anvander-du-monster-pa-din-hemsida\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.hemsida24.se\/blogg\/2013\/03\/06\/sa-anvander-du-monster-pa-din-hemsida\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.hemsida24.se\/blogg\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"S\\u00e5 anv\\u00e4nder du m\\u00f6nster p\\u00e5 din hemsida\"}]},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.hemsida24.se\/blogg\/#\/schema\/person\/ca45c38f2c4b8f335556d725ddc3a574\",\"name\":\"supervisor\",\"image\":{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/www.hemsida24.se\/blogg\/#personlogo\",\"inLanguage\":\"sv-SE\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/35afb41a7be6126e4500e131eeaf26c0?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/35afb41a7be6126e4500e131eeaf26c0?s=96&d=mm&r=g\",\"caption\":\"supervisor\"},\"url\":\"https:\/\/www.hemsida24.se\/blogg\/author\/supervisor\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"S\u00e5 anv\u00e4nder du m\u00f6nster p\u00e5 din hemsida - Hemsida24","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.hemsida24.se\/blogg\/2013\/03\/06\/sa-anvander-du-monster-pa-din-hemsida\/","og_locale":"sv_SE","og_type":"article","og_title":"S\u00e5 anv\u00e4nder du m\u00f6nster p\u00e5 din hemsida - Hemsida24","og_description":"M\u00f6nster och struktur \u00e4r allt mer popul\u00e4ra inslag i webbdesign. H\u00e4r visar vi hur man p\u00e5 ett sp\u00e4nnande s\u00e4tt kan anv\u00e4nda m\u00f6nster p\u00e5 sin hemsida, och tipsar om sidor f\u00f6r inspiration.Ett m\u00f6nster i webbdesign \u00e4r precis vad det l\u00e5ter som: ett grafiskt element som upprepar sig och oftast \u00e4r symmetriskt. Till skillnad fr\u00e5n mer f\u00e4rgglada element som bilder och illustrationer \u00e4r m\u00f6nster mer dekorativa, och best\u00e5r ofta av enkla linjer, cirklar eller kvadrater. &nbsp; I dag talar man ibland om diskreta m\u00f6nster p\u00e5 hemsidor - m\u00f6nster som inte syns s\u00e5 tydligt, men ger en tredimensionell effekt till ett underlag.&nbsp;F\u00f6retaget Six11ink anv\u00e4nder sig exempelvis av en mycket diskret struktur som g\u00f6r att hemsidan ser papperslik ut: Det kanske vanligaste s\u00e4ttet att anv\u00e4nda m\u00f6nster \u00e4r som bakgrund, ist\u00e4llet f\u00f6r helt\u00e4ckande f\u00e4rg eller en bild. Att ha en m\u00f6nsterbakgrund ger en snygg och symmetrisk design, som ofta ser mer levande ut \u00e4n en f\u00e4rgbakgrund. &nbsp; P\u00e5 hemsidan f\u00f6r tryckeriet Print Mor NYC&nbsp;har man anv\u00e4nt ett rutigt bakgrundsm\u00f6nster: Ett annat snyggt s\u00e4tt att anv\u00e4nda m\u00f6nster \u00e4r p\u00e5 knappar eller i menyf\u00e4lt. F\u00f6rutom att det ocks\u00e5 ger knapparna ett mer unikt utseende s\u00e5 g\u00f6r det att de h\u00e4r elementen sticker ut och blir mindre platta. &nbsp; S\u00e5 h\u00e4r ser exempelvis Quaintologys m\u00f6nstrade meny ut: I Hemsida24:s verktyg \u00e4r det l\u00e4tt att l\u00e4gga till m\u00f6nster: klicka p\u00e5 \u00c4ndra utseende &gt; Anpassa designmall, och klicka sedan p\u00e5 M\u00f6nster under fliken Bakgrund. D\u00e4r kan du v\u00e4lja mellan flera m\u00f6nster, och \u00e4ven ladda upp egna m\u00f6nster som du vill anv\u00e4nda.Om du vill se fler exempel p\u00e5 hemsidor som anv\u00e4nder m\u00f6nster p\u00e5 ett snyggt s\u00e4tt s\u00e5 kan du bland annat titta p\u00e5 Vandelay Design, Smashing Magazine&nbsp;och Design Instruct. &nbsp; F\u00f6r den som inte kan eller har tid att g\u00f6ra egna m\u00f6nster, finns det m\u00e5nga bra webbsidor d\u00e4r man kan ladda ner gratism\u00f6nster som bildfiler.&nbsp;P\u00e5&nbsp;Subtle Patterns&nbsp;kan du exempelvis ladda ner v\u00e4ldigt snygga, enkla m\u00f6nster som \u00e4r mer avskalade. Design Woop har ocks\u00e5 en liknande samling nedladdningsbara m\u00f6nster, och&nbsp;Web Design Ledger&nbsp;har m\u00e5nga mer dekorativa strukturer. &nbsp; Patternizer \u00e4r ett verktyg d\u00e4r du kan g\u00f6ra dina egna m\u00f6nster. Titta \u00e4ven p\u00e5 Repper Patterns, som fungerar p\u00e5 ett liknande s\u00e4tt. &nbsp; Om du inte har Photoshop, kom i h\u00e5g att du alltid kan anv\u00e4nda Pic Monkey&nbsp;f\u00f6r att besk\u00e4ra och spara m\u00f6nster.","og_url":"https:\/\/www.hemsida24.se\/blogg\/2013\/03\/06\/sa-anvander-du-monster-pa-din-hemsida\/","og_site_name":"Hemsida24","article_published_time":"2013-03-06T18:39:38+00:00","og_image":[{"url":"https:\/\/h24-original.s3.amazonaws.com\/44\/11241661-rAeqE.png?name=.jpg"}],"twitter_card":"summary_large_image","twitter_misc":{"Skriven av":"supervisor","Ber\u00e4knad l\u00e4stid":"2 minuter"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebSite","@id":"https:\/\/www.hemsida24.se\/blogg\/#website","url":"https:\/\/www.hemsida24.se\/blogg\/","name":"Hemsida24","description":"Blogg","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.hemsida24.se\/blogg\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"sv-SE"},{"@type":"ImageObject","@id":"https:\/\/www.hemsida24.se\/blogg\/2013\/03\/06\/sa-anvander-du-monster-pa-din-hemsida\/#primaryimage","inLanguage":"sv-SE","url":"https:\/\/h24-original.s3.amazonaws.com\/44\/11241661-rAeqE.png?name=.jpg","contentUrl":"https:\/\/h24-original.s3.amazonaws.com\/44\/11241661-rAeqE.png?name=.jpg"},{"@type":"WebPage","@id":"https:\/\/www.hemsida24.se\/blogg\/2013\/03\/06\/sa-anvander-du-monster-pa-din-hemsida\/#webpage","url":"https:\/\/www.hemsida24.se\/blogg\/2013\/03\/06\/sa-anvander-du-monster-pa-din-hemsida\/","name":"S\u00e5 anv\u00e4nder du m\u00f6nster p\u00e5 din hemsida - Hemsida24","isPartOf":{"@id":"https:\/\/www.hemsida24.se\/blogg\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.hemsida24.se\/blogg\/2013\/03\/06\/sa-anvander-du-monster-pa-din-hemsida\/#primaryimage"},"datePublished":"2013-03-06T18:39:38+00:00","dateModified":"2013-03-06T18:39:38+00:00","author":{"@id":"https:\/\/www.hemsida24.se\/blogg\/#\/schema\/person\/ca45c38f2c4b8f335556d725ddc3a574"},"breadcrumb":{"@id":"https:\/\/www.hemsida24.se\/blogg\/2013\/03\/06\/sa-anvander-du-monster-pa-din-hemsida\/#breadcrumb"},"inLanguage":"sv-SE","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.hemsida24.se\/blogg\/2013\/03\/06\/sa-anvander-du-monster-pa-din-hemsida\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.hemsida24.se\/blogg\/2013\/03\/06\/sa-anvander-du-monster-pa-din-hemsida\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.hemsida24.se\/blogg\/"},{"@type":"ListItem","position":2,"name":"S\u00e5 anv\u00e4nder du m\u00f6nster p\u00e5 din hemsida"}]},{"@type":"Person","@id":"https:\/\/www.hemsida24.se\/blogg\/#\/schema\/person\/ca45c38f2c4b8f335556d725ddc3a574","name":"supervisor","image":{"@type":"ImageObject","@id":"https:\/\/www.hemsida24.se\/blogg\/#personlogo","inLanguage":"sv-SE","url":"https:\/\/secure.gravatar.com\/avatar\/35afb41a7be6126e4500e131eeaf26c0?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/35afb41a7be6126e4500e131eeaf26c0?s=96&d=mm&r=g","caption":"supervisor"},"url":"https:\/\/www.hemsida24.se\/blogg\/author\/supervisor\/"}]}},"_links":{"self":[{"href":"https:\/\/www.hemsida24.se\/blogg\/wp-json\/wp\/v2\/posts\/412"}],"collection":[{"href":"https:\/\/www.hemsida24.se\/blogg\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hemsida24.se\/blogg\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hemsida24.se\/blogg\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hemsida24.se\/blogg\/wp-json\/wp\/v2\/comments?post=412"}],"version-history":[{"count":0,"href":"https:\/\/www.hemsida24.se\/blogg\/wp-json\/wp\/v2\/posts\/412\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.hemsida24.se\/blogg\/wp-json\/wp\/v2\/media?parent=412"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hemsida24.se\/blogg\/wp-json\/wp\/v2\/categories?post=412"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hemsida24.se\/blogg\/wp-json\/wp\/v2\/tags?post=412"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}