{"id":746035,"date":"2023-10-14T23:37:32","date_gmt":"2023-10-15T05:37:32","guid":{"rendered":"https:\/\/blogging-techies.com\/sw\/10-roliga-webbspel-for-att-testa-dina-designfardigheter\/"},"modified":"2023-10-14T23:37:32","modified_gmt":"2023-10-15T05:37:32","slug":"10-roliga-webbspel-for-att-testa-dina-designfardigheter","status":"publish","type":"post","link":"https:\/\/blogging-techies.com\/sw\/10-roliga-webbspel-for-att-testa-dina-designfardigheter\/","title":{"rendered":"10 roliga webbspel f\u00f6r att testa dina designf\u00e4rdigheter"},"content":{"rendered":"<p>Har du sv\u00e5rt att hitta en urs\u00e4kt f\u00f6r att ta en paus fr\u00e5n dina designuppgifter?  Om s\u00e5 \u00e4r fallet, \u00e4r dessa dj\u00e4vulskt beroendeframkallande designspel f\u00f6r dig.  Var och en av dem \u00e4r idealiska att spela under din fikapaus, oavsett hur kort den kan vara.  Och om n\u00e5gon fr\u00e5gar kan du ber\u00e4tta f\u00f6r dem att dessa spel <strong>hj\u00e4lper till att finslipa dina designinstinkter<\/strong> och <strong>sk\u00e4rpa dina kunskaper<\/strong>.  Jass\u00e5.<\/p>\n<p>I det h\u00e4r inl\u00e4gget finns tio beroendeframkallande. <strong>spel som testar dina kunskaper om saker som r\u00f6r design<\/strong>&#8211; Teckensnitt och kerning, f\u00e4rger och nyanser, hex-koder, webbplatslayouter och mer.  T\u00e4vla mot tiden och j\u00e4mf\u00f6r po\u00e4ng med dina andra designers och framf\u00f6r allt ha kul.<\/p>\n<h4><span class=\"ez-toc-section\" id=\"Farg\"><\/span><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/kolor.moro.es\/\">F\u00e4rg<\/a><span class=\"ez-toc-section-end\"><\/span><\/h4>\n<p>Tror du att du k\u00e4nner magenta fr\u00e5n fuchsia eller sn\u00f6 fr\u00e5n elfenben?  Det h\u00e4r \u00e4r din chans att testa ditt \u00f6ga f\u00f6r subtila nyansskillnader n\u00e4r du t\u00e4vlar mot klockan f\u00f6r att hitta r\u00e4tt designf\u00e4rg i detta fantastiska spel fr\u00e5n Kolor.<\/p>\n<figure class=\"is-mega\" data-lazy=\"\"><\/figure>\n<h4><span class=\"ez-toc-section\" id=\"Karntyp\"><\/span><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/type.method.ac\/\">K\u00e4rntyp<\/a><span class=\"ez-toc-section-end\"><\/span><\/h4>\n<p>Att f\u00f6rdela text j\u00e4mnt p\u00e5 sidan, eller &#8220;kerning&#8221; som det kallas inom typografibranschen, \u00e4r sv\u00e5rare \u00e4n det verkar.  Men som alla designer som \u00e4r v\u00e4rda sitt salt kommer att ber\u00e4tta f\u00f6r dig \u00e4r det viktigt att skapa snyggt inneh\u00e5ll p\u00e5 sidan.<\/p>\n<figure class=\"is-mega\" data-lazy=\"\"><\/figure>\n<h4><span class=\"ez-toc-section\" id=\"Pa_ett_satt\"><\/span><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/shape.method.ac\/\">P\u00e5 ett s\u00e4tt<\/a><span class=\"ez-toc-section-end\"><\/span><\/h4>\n<p>Att forma bokst\u00e4ver \u00e4r en konst, speciellt n\u00e4r du vill skapa en estetiskt tilltalande bild p\u00e5 sk\u00e4rmen.  Testa dina f\u00e4rdigheter med detta roliga surfplatta-v\u00e4nliga spel.  Det \u00e4r sv\u00e5rare \u00e4n det ser ut.<\/p>\n<figure class=\"is-mega\" data-lazy=\"\"><\/figure>\n<h4><span class=\"ez-toc-section\" id=\"Hexinkraktare\"><\/span><a rel=\"nofollow noopener\" target=\"_blank\" href=\"http:\/\/www.hexinvaders.com\/\">Hexinkr\u00e4ktare<\/a><span class=\"ez-toc-section-end\"><\/span><\/h4>\n<p>Den som sa att hex-koder \u00e4r ganska v\u00e4rdel\u00f6sa n\u00e4r det g\u00e4ller vardagliga f\u00e4rdigheter har uppenbarligen aldrig spelat det h\u00e4r spelet!  Det \u00e4r baserat p\u00e5 det klassiska arkadspelet, men med en smart designf\u00f6r\u00e4ndring s\u00e5 klart.  F\u00f6r att f\u00f6rst\u00f6ra inkr\u00e4ktarna m\u00e5ste du matcha den angivna hexadecimala koden som visas h\u00f6gst upp p\u00e5 sk\u00e4rmen.<\/p>\n<figure class=\"is-mega\" data-lazy=\"\"><\/figure>\n<h4><span class=\"ez-toc-section\" id=\"Beziers_spel\"><\/span><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/bezier.method.ac\/\">B\u00e9ziers spel<\/a><span class=\"ez-toc-section-end\"><\/span><\/h4>\n<p>Har du n\u00e5gonsin haft problem med att rita saker i dina m\u00f6nster med pennverktyget?  Med Bezier f\u00e5r du en handledning som visar hur du anv\u00e4nder pennverktyget f\u00f6r att rita olika former.  Kopiera helt enkelt stegen f\u00f6r att snabbt bem\u00e4stra pennverktyget.  Spela upp handledningen igen om du k\u00e4nner dig f\u00f6rlorad.<\/p>\n<figure class=\"is-mega\" data-lazy=\"\"><\/figure>\n<h4><span class=\"ez-toc-section\" id=\"Marke_sett\"><\/span>M\u00e4rke sett<span class=\"ez-toc-section-end\"><\/span><\/h4>\n<p>Brandseen ger dig m\u00f6jligheten att kombinera dina kunskaper om n\u00e5gra av v\u00e4rldens mest k\u00e4nda varum\u00e4rken med dina f\u00e4rdigheter i f\u00e4rgidentifiering.  Du kommer att visas 9 av de mest ikoniska logotyperna och du m\u00e5ste anv\u00e4nda dina suver\u00e4na Jedi Master-designf\u00e4rdigheter f\u00f6r att matcha r\u00e4tt f\u00e4rg till logotypdesignen.<\/p>\n<figure class=\"is-mega\" data-lazy=\"\"><\/figure>\n<h4><span class=\"ez-toc-section\" id=\"Farg-2\"><\/span><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/color.method.ac\/\">F\u00e4rg<\/a><span class=\"ez-toc-section-end\"><\/span><\/h4>\n<p>Nu \u00e4r det dags att g\u00f6ra allvar med att testa dina f\u00e4rgkunskaper.  Detta enkla men omfattande test utmanar dina \u00f6gon att hitta r\u00e4tt nyans.  Du kommer att beh\u00f6va identifiera komplement\u00e4ra f\u00e4rger, analoga, triadiska, tetradiska toner och m\u00e4ttnad.  Eller f\u00f6rs\u00f6k bara att f\u00e5 r\u00e4tt f\u00e4rg p\u00e5 mittcirkeln.  Lycka till!<\/p>\n<figure class=\"is-mega\" data-lazy=\"\"><\/figure>\n<h4><span class=\"ez-toc-section\" id=\"Den_som_inte_passar\"><\/span><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/game.ioxapp.com\/eye-test\/game.html\">Den som inte passar<\/a><span class=\"ez-toc-section-end\"><\/span><\/h4>\n<p>H\u00e4r \u00e4r ett trevligt f\u00e4rgigenk\u00e4nningsspel med en annan touch.  Du m\u00e5ste hitta fr\u00e4mlingen varje g\u00e5ng, men t\u00e4nk p\u00e5 att spelet blir mer och mer komplicerat.  Det \u00e4r ett bra s\u00e4tt att tr\u00e4na dina \u00f6gon att v\u00e4nja sig vid de subtila skillnaderna mellan nyanser, vilket alltid \u00e4r anv\u00e4ndbart n\u00e4r du designar en webbplats.<\/p>\n<figure class=\"is-mega\" data-lazy=\"\"><\/figure>\n<h4><span class=\"ez-toc-section\" id=\"pixel_perfekt\"><\/span><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/www.pixact.ly\/\">pixel perfekt<\/a><span class=\"ez-toc-section-end\"><\/span><\/h4>\n<p>Pixactly \u00e4r spelet som testar hur v\u00e4l du verkligen kan dina pixlar.  Allt du beh\u00f6ver g\u00f6ra \u00e4r att rita en ruta som matchar de givna bredd- och h\u00f6jdm\u00e5tten och se hur n\u00e4ra du \u00e4r r\u00e4tt svar.  Det l\u00e5ter l\u00e4tt eller hur?  Det finns bara ett s\u00e4tt att veta.<\/p>\n<figure class=\"is-mega\" data-lazy=\"\"><\/figure>\n<h4><span class=\"ez-toc-section\" id=\"Fargutmaning_online\"><\/span><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/www.xrite.com\/hue-test\">F\u00e4rgutmaning online<\/a><span class=\"ez-toc-section-end\"><\/span><\/h4>\n<p>Enligt statistik som finns p\u00e5 denna webbplats har 1 av 255 kvinnor och 1 av 12 m\u00e4n n\u00e5gon typ av f\u00e4rgseendebrist.  Oavsett ditt k\u00f6n misst\u00e4nker vi att du kommer att tycka att detta f\u00e4rgsorteringsspel \u00e4r ganska utmanande.<\/p>\n<figure class=\"is-mega\" data-lazy=\"\"><\/figure>\n<h4><span class=\"ez-toc-section\" id=\"Det_ganska_svara_teckensnittsspelet\"><\/span><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/ilovetypography.com\/2020\/05\/31\/the-font-game\/\">Det ganska sv\u00e5ra teckensnittsspelet<\/a><span class=\"ez-toc-section-end\"><\/span><\/h4>\n<p>Som designers anv\u00e4nder vi typsnitt hela tiden.  S\u00e5 varf\u00f6r \u00e4r namn s\u00e5 sv\u00e5ra att komma ih\u00e5g?  Om du hela tiden uppt\u00e4cker att det perfekta teckensnittsnamnet ligger precis p\u00e5 tungspetsen, h\u00e4r \u00e4r ett spel som hj\u00e4lper dig att f\u00f6rb\u00e4ttra dina kunskaper och f\u00f6rst\u00e5 de subtila skillnaderna mellan teckensnittsstilar.<\/p>\n<figure class=\"is-mega\" data-lazy=\"\"><\/figure>\n<h4><span class=\"ez-toc-section\" id=\"Skjut_serif\"><\/span><a rel=\"nofollow noopener\" target=\"_blank\" href=\"https:\/\/www.tothepoint.co.uk\/us\/fun\/i-shot-the-serif\/\">Skjut serif<\/a><span class=\"ez-toc-section-end\"><\/span><\/h4>\n<p>V\u00e4lj din designf\u00e4rdighetsniv\u00e5 och skjut sedan bara serif-teckensnitt s\u00e5 att du kan marknadsf\u00f6ra dig sj\u00e4lv.  Det \u00e4r ett beroendeframkallande spel i shoot-em-down-stil som hj\u00e4lper dig att enkelt identifiera serif-teckensnitt.  Se bara till att du l\u00e5ter sans serif st\u00e5!<\/p>\n<figure class=\"is-mega\" data-lazy=\"\"><\/figure>\n<p>Vi hoppas att du nj\u00f6t av din semester, hade mycket roligt och till och med l\u00e4rde dig n\u00e5got nytt!  Vilket \u00e4r ditt favoritspel?  K\u00e4nner du till n\u00e5gra andra bra designquiz, komplicerade experiment eller utmanande appar?  Dela dina po\u00e4ng, prestationer och tankar!<\/p>\n  <div id=\"ez-toc-container\" class=\"ez-toc-v2_0_88 ez-toc-wrap-center counter-hierarchy ez-toc-counter ez-toc-grey ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">Table of Contents<\/p>\n<span class=\"ez-toc-title-toggle\"><a href=\"#\" class=\"ez-toc-pull-right ez-toc-btn ez-toc-btn-xs ez-toc-btn-default ez-toc-toggle\" aria-label=\"Toggle Table of Content\"><span class=\"ez-toc-js-icon-con\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/span><\/a><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1 eztoc-toggle-hide-by-default' ><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/blogging-techies.com\/sw\/10-roliga-webbspel-for-att-testa-dina-designfardigheter\/#Farg\" >F\u00e4rg<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/blogging-techies.com\/sw\/10-roliga-webbspel-for-att-testa-dina-designfardigheter\/#Karntyp\" >K\u00e4rntyp<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/blogging-techies.com\/sw\/10-roliga-webbspel-for-att-testa-dina-designfardigheter\/#Pa_ett_satt\" >P\u00e5 ett s\u00e4tt<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/blogging-techies.com\/sw\/10-roliga-webbspel-for-att-testa-dina-designfardigheter\/#Hexinkraktare\" >Hexinkr\u00e4ktare<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/blogging-techies.com\/sw\/10-roliga-webbspel-for-att-testa-dina-designfardigheter\/#Beziers_spel\" >B\u00e9ziers spel<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/blogging-techies.com\/sw\/10-roliga-webbspel-for-att-testa-dina-designfardigheter\/#Marke_sett\" >M\u00e4rke sett<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/blogging-techies.com\/sw\/10-roliga-webbspel-for-att-testa-dina-designfardigheter\/#Farg-2\" >F\u00e4rg<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-8\" href=\"https:\/\/blogging-techies.com\/sw\/10-roliga-webbspel-for-att-testa-dina-designfardigheter\/#Den_som_inte_passar\" >Den som inte passar<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-9\" href=\"https:\/\/blogging-techies.com\/sw\/10-roliga-webbspel-for-att-testa-dina-designfardigheter\/#pixel_perfekt\" >pixel perfekt<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-10\" href=\"https:\/\/blogging-techies.com\/sw\/10-roliga-webbspel-for-att-testa-dina-designfardigheter\/#Fargutmaning_online\" >F\u00e4rgutmaning online<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-11\" href=\"https:\/\/blogging-techies.com\/sw\/10-roliga-webbspel-for-att-testa-dina-designfardigheter\/#Det_ganska_svara_teckensnittsspelet\" >Det ganska sv\u00e5ra teckensnittsspelet<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-12\" href=\"https:\/\/blogging-techies.com\/sw\/10-roliga-webbspel-for-att-testa-dina-designfardigheter\/#Skjut_serif\" >Skjut serif<\/a><\/li><\/ul><\/nav><\/div>\n ","protected":false},"excerpt":{"rendered":"<p>Har du sv\u00e5rt att hitta en urs\u00e4kt f\u00f6r att ta en paus fr\u00e5n dina designuppgifter? Om s\u00e5 \u00e4r fallet, \u00e4r dessa dj\u00e4vulskt beroendeframkallande designspel f\u00f6r dig. Var och en av dem \u00e4r idealiska att spela under din fikapaus, oavsett hur kort den kan vara. Och om n\u00e5gon fr\u00e5gar kan du ber\u00e4tta f\u00f6r dem att dessa [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":746036,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"fifu_image_url":"https:\/\/blogging-techies.com\/wp-content\/uploads\/2023\/06\/4-768x433-1.webp","fifu_image_alt":"","footnotes":""},"categories":[5],"tags":[],"class_list":["post-746035","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-bloggar"],"_links":{"self":[{"href":"https:\/\/blogging-techies.com\/sw\/wp-json\/wp\/v2\/posts\/746035","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blogging-techies.com\/sw\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blogging-techies.com\/sw\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blogging-techies.com\/sw\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/blogging-techies.com\/sw\/wp-json\/wp\/v2\/comments?post=746035"}],"version-history":[{"count":0,"href":"https:\/\/blogging-techies.com\/sw\/wp-json\/wp\/v2\/posts\/746035\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/blogging-techies.com\/sw\/wp-json\/wp\/v2\/media\/746036"}],"wp:attachment":[{"href":"https:\/\/blogging-techies.com\/sw\/wp-json\/wp\/v2\/media?parent=746035"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blogging-techies.com\/sw\/wp-json\/wp\/v2\/categories?post=746035"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blogging-techies.com\/sw\/wp-json\/wp\/v2\/tags?post=746035"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}