{"id":22605,"date":"2017-01-04T15:07:19","date_gmt":"2017-01-04T14:07:19","guid":{"rendered":"http:\/\/www.multimediaweb.eu\/web-agency\/web-design-per-developer-risorse-utili\/"},"modified":"2023-01-19T12:56:34","modified_gmt":"2023-01-19T11:56:34","slug":"web-design-per-developer-risorse-utili","status":"publish","type":"post","link":"https:\/\/www.multimediaweb.eu\/web-agency\/web-design-per-developer-risorse-utili\/","title":{"rendered":"Web design per developer: risorse utili"},"content":{"rendered":"\n<div>\n<article>Eppure, in un certo senso lo sviluppo di codice \u00e8 tanto creativo quanto la cura dell&#8217;estetica di un progetto: richiede prontezza di riflessi mentale, una propensione all&#8217;innovazione, nonch\u00e9 abilit\u00e0 nel risolvere le problematiche pi\u00f9 annose. Quali sono, di conseguenza, i consigli e le risorse che potrebbero ritornare utili allo sviluppatore per migliorare il design, almeno a livello base, delle proprie creazioni?<\/p>\n<ul>\n<li><strong>Colori<\/strong>: lo schema colori di un progetto deve essere ben chiaro gi\u00e0 dalla primissima fase di progettazione, prima ancora di scrivere una singola riga di codice. In caso non si fosse particolarmente pratici con la scelta delle tinte e il loro abbinamento, utili soluzioni provengono da servizi online. <a title=\"Colour Lovers, sito ufficiale\" href=\"http:\/\/www.colourlovers.com\/palettes\" target=\"_blank\" rel=\"nofollow noopener\">Colour Lovers<\/a>, ad prova, mette a disposizioni milioni di combinazioni per i colori di base, da cambiare poi a piacere con sfumature. Per ogni interfaccia, \u00e8 quindi raccomandata la scelta di 2 o 3 colori primari che ne costituiscano le fondamenta. Naturalmente, \u00e8 necessario lavorare anche su gradienti e sfumature, aiutandosi con la <a title=\"Color Wheel di Adobe\" href=\"https:\/\/color.adobe.com\/it\/create\/color-wheel\" target=\"_blank\" rel=\"nofollow noopener\">Color Wheel<\/a> di Adobe;<\/li>\n<li><strong>Pattern<\/strong>: i <a title=\"Pattern per Photoshop: risorse per scaricarli\" href=\"http:\/\/blog.html.it\/07\/10\/2016\/pattern-per-photoshop-risorse-per-scaricarli\/\">pattern<\/a> sono elementi estremamente utili gi\u00e0 nella fase di progettazione, dato che permettono di raggiungere consistenza nello sfondo e, fatto non da poco, costituiscono la base per il successivo lavoro di design. <a title=\"SubtlePatterns, sito ufficiale\" href=\"https:\/\/www.toptal.com\/designers\/subtlepatterns\/\" target=\"_blank\" rel=\"nofollow noopener\">Subtle Patterns<\/a> offre una raccolta davvero infinita di campioni da cui scegliere, da inserire nella propria progettazione anche sfruttando i comandi di blend all&#8217;interno delle specifiche <strong>CSS 3<\/strong>;<\/li>\n<li><strong>Fotografie<\/strong>: si tratti di un sito web, di un&#8217;applicazione mobile o qualsiasi altro tipo di interfaccia, la progettazione pi\u00f9 avvincente dal punto di vista del codice verr\u00e0 certamente uccisa dalla scelta di fotografie di pessima qualit\u00e0. Oltre all&#8217;esistenza di numerosi siti di stock a pagamento, o al ricorso a fotografi professionisti, esistono moltissime raccolte di immagini dal buon impatto visivo, distribuite gratuitamente e con licenza CC0. Fra i pi\u00f9 famosi, <a title=\"Unsplash, sito ufficiale\" href=\"https:\/\/unsplash.com\/?grid=multi\" target=\"_blank\" rel=\"nofollow noopener\">Unsplash<\/a>, <a title=\"Pixabay, sito ufficiale\" href=\"http:\/\/www.pixabay.com\" target=\"_blank\" rel=\"nofollow noopener\">Pixabay<\/a> e <a title=\"Pexels, sito ufficiale\" href=\"http:\/\/www.pexels.com\" target=\"_blank\" rel=\"nofollow noopener\">Pexels<\/a>;<\/li>\n<li><strong>Semplicit\u00e0 e ispirazione<\/strong>: quando si elabora il design per il proprio progetto, si applichino gli stessi principi cardine dello sviluppo del codice, ovvero quelli della semplicit\u00e0 e della consistenza. Design esorbitante ricchi e sofisticati, infatti, potrebbero confondere l&#8217;fruitore finale, riducendo cos\u00ec le stesse potenzialit\u00e0 di codice.<\/li>\n<\/ul>\n<p>Un buon consiglio, per chi si avvicinasse per la prima volta a questo ambito, \u00e8 quello di lasciarsi ispirare dal lavoro altrui. Questo non significa ovviamente copiare, bens\u00ec capire quali siano le soluzioni che hanno pi\u00f9 presa sull&#8217;fruitore, quali massimizzano le potenzialit\u00e0 del codice, quali risultano davvero visivamente appaganti.<\/p>\n<p>Via <a title=\"Design per developer, Ben Roux\" href=\"https:\/\/blog.benroux.me\/designing-as-a-developer\/\" target=\"_blank\" rel=\"nofollow noopener\">Ben Roux<\/a><\/p>\n<p><!--div class=\"sharelink\">\n\n\n<ul>\n \t\n\n<li class=\"facebook\"><a href=\"#\" onclick=\"window.open( 'https:\/\/www.facebook.com\/sharer\/sharer.php?u='+encodeURIComponent('http:\/\/blog.html.it\/04\/01\/2017\/web-design-per-developer-risorse-utili\/'),'condividi l'articolo su facebook', 'width=626,height=436,location=no,directories=no,titlebar=no,toolbar=no,location=no,status=no,menubar=no,scrollbars=no,resizable=no'); return false;\">Facebook<\/a><\/li>\n\n\n \t\n\n<li class=\"twitter\"><a href=\"#\" onclick=\"window.open( 'https:\/\/twitter.com\/share?url=http%3A%2F%2Fblog.html.it%2F04%2F01%2F2017%2Fweb-design-per-developer-risorse-utili%2F&via=html_it&text=Web%20design%20per%20developer%3A%20risorse%20utili','condividi l'articolo su twitter', 'width=626,height=436,location=no,directories=no,titlebar=no,toolbar=no,location=no,status=no,menubar=no,scrollbars=no,resizable=no'); return false;\">Twitter<\/a><\/li>\n\n\n<\/ul>\n\n\n<\/div-->\n<\/article>\n<div>\n<p><!--\n\n\n\n<style>\n\n\n<p>.newletter-item, .newsletter-box<br \/>  \/*float: left;<br \/>  margin: 5px 0 20px 0;*\/<br \/>  display: block;<br \/>  width: 100%;<\/p>\n\n\n\n\n<p>.newletter-item, .newsletter-box p<br \/>    font-size: 18px;<br \/>    letter-spacing: 0.3px;<br \/>    line-height: 28px;<br \/>    padding: 0 0 34px 0;<br \/>    color: #161616;<br \/>    font-family: 'Alegreya', serif;<\/p>\n\n\n\n\n<p>.newletter-item, .newsletter-box p span<br \/>  font-weight: bold;<\/p>\n\n\n\n\n<p>.newsletter-box img<br \/>    width: 48px;<br \/>    height: auto;<br \/>    margin: 0 auto 34px auto;<\/p>\n\n\n\n\n<p>.newsletter-panel<br \/>  display: block;<br \/>  width: auto;<br \/>  height: 129px;<br \/>  background: url(http:\/\/www.html.it\/wp-content\/themes\/www.html.it\/images\/newsletter\/newsletter-bg.png) no-repeat;<br \/>  position: relative;<br \/>  left: 0px;<\/p>\n\n\n\n\n<p>.newsletter-panel form<br \/>  margin: 0;<\/p>\n\n\n\n\n<p>.newsletter-panel .line-item<br \/>  display: block;<br \/>  float: left;<br \/>  margin: 0 0 0 20px;<br \/>  display: block;<br \/>  width: 408px;<\/p>\n\n\n\n\n<p>.newsletter-panel input<br \/>  float: left;<br \/>  display: block;<\/p>\n\n\n\n\n<p>.newsletter-panel input[type=\"text\"]<br \/>  margin: 20px 0 10px 20px;<br \/>  width: 395px;<br \/>  height: 26px;<br \/>  line-height: 26px;<br \/>  padding: 2px;<\/p>\n\n\n\n\n<p>.newsletter-panel input[type=\"radio\"]<br \/>  margin: 6px 3px 0 0;<\/p>\n\n\n\n\n<p>.newsletter-panel label.radio-item<br \/>  float: left;<br \/>  display: block;<br \/>  font-size: 1em;<br \/>  width: 10px;<br \/>  margin: 6px 10px 0 0;<\/p>\n\n\n\n\n<p>.newsletter-panel .lable-text<br \/>  display: block;<br \/>  float: left;<br \/>  width: 240px;<br \/>  font-size: 10px !important;<br \/>  color: #333333 !important;<br \/>  line-height: 130%;<br \/>  margin: 6px 0 0 0px !important;<\/p>\n\n\n\n\n<p>.newsletter-panel .lable-text a<br \/>  color: #333<\/p>\n\n\n\n\n<p>.newsletter-panel input[type=\"button\"]<br \/>  position: relative;<br \/>  top: -50px;<br \/>  left: 64px;<br \/>  width: 127px;<br \/>  height: 47px;<br \/>  background: url(http:\/\/www.html.it\/wp-content\/themes\/www.html.it\/images\/newsletter\/newsletter-butt.png) no-repeat;<br \/>  background-repeat: no-repeat;<br \/>  border: 0;<br \/>  cursor: pointer;<\/p>\n\n\n\n\n<p>.newsletter-panel input[type=\"button\"]:hover<br \/>  background-image: url(http:\/\/www.html.it\/wp-content\/themes\/www.html.it\/images\/newsletter\/newsletter-butt-roll.png);<\/p>\n\n\n\n\n<p>.newsletter-panel label.radio-item<br \/>  font-size: 10px !important;<\/p>\n\n\n\n\n<p>.error-newsletter<br \/>padding: 10px 20px;<\/p>\n\n\n<\/style>\n\n--><\/p>\n<div id=\"newsletter_div\" class=\"newletter-item nav-txt newsletter-box\">\n<p>Se vuoi aggiornamenti su <b>Web design per developer: risorse utili<\/b> inserisci la tua e-mail nel box qui sotto:<\/p>\n<\/div>\n<\/div>\n<\/div>\n\n<p><a href=\"http:\/\/feedproxy.google.com\/~r\/htmlitedit\/~3\/7tPXMldLQXg\/\">Source link <\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Eppure, in un certo senso lo sviluppo di codice \u00e8 tanto creativo quanto la cura dell&#8217;estetica di un progetto: richiede prontezza di riflessi mentale, una propensione all&#8217;innovazione, nonch\u00e9 abilit\u00e0 nel risolvere le problematiche pi\u00f9 annose. Quali sono, di conseguenza, i consigli e le risorse che potrebbero ritornare utili allo sviluppatore per migliorare il design, almeno&#8230;<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_s2mail":""},"categories":[37],"tags":[],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v19.13 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Web design per developer: risorse utili - Web Agency Italia Web Designer realizzazione siti web Italy<\/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.multimediaweb.eu\/web-agency\/web-design-per-developer-risorse-utili\/\" \/>\n<meta property=\"og:locale\" content=\"it_IT\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Web design per developer: risorse utili - Web Agency Italia Web Designer realizzazione siti web Italy\" \/>\n<meta property=\"og:description\" content=\"Eppure, in un certo senso lo sviluppo di codice \u00e8 tanto creativo quanto la cura dell&#8217;estetica di un progetto: richiede prontezza di riflessi mentale, una propensione all&#8217;innovazione, nonch\u00e9 abilit\u00e0 nel risolvere le problematiche pi\u00f9 annose. Quali sono, di conseguenza, i consigli e le risorse che potrebbero ritornare utili allo sviluppatore per migliorare il design, almeno...\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.multimediaweb.eu\/web-agency\/web-design-per-developer-risorse-utili\/\" \/>\n<meta property=\"og:site_name\" content=\"Web Agency Italia Web Designer realizzazione siti web Italy\" \/>\n<meta property=\"article:published_time\" content=\"2017-01-04T14:07:19+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-01-19T11:56:34+00:00\" \/>\n<meta name=\"author\" content=\"admin\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Scritto da\" \/>\n\t<meta name=\"twitter:data1\" content=\"admin\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tempo di lettura stimato\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 minuti\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.multimediaweb.eu\/web-agency\/web-design-per-developer-risorse-utili\/\",\"url\":\"https:\/\/www.multimediaweb.eu\/web-agency\/web-design-per-developer-risorse-utili\/\",\"name\":\"Web design per developer: risorse utili - Web Agency Italia Web Designer realizzazione siti web Italy\",\"isPartOf\":{\"@id\":\"https:\/\/www.multimediaweb.eu\/web-agency\/#website\"},\"datePublished\":\"2017-01-04T14:07:19+00:00\",\"dateModified\":\"2023-01-19T11:56:34+00:00\",\"author\":{\"@id\":\"https:\/\/www.multimediaweb.eu\/web-agency\/#\/schema\/person\/c0748e23499fac2fd73b79d1379fdf42\"},\"breadcrumb\":{\"@id\":\"https:\/\/www.multimediaweb.eu\/web-agency\/web-design-per-developer-risorse-utili\/#breadcrumb\"},\"inLanguage\":\"it-IT\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.multimediaweb.eu\/web-agency\/web-design-per-developer-risorse-utili\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.multimediaweb.eu\/web-agency\/web-design-per-developer-risorse-utili\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.multimediaweb.eu\/web-agency\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Web design per developer: risorse utili\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.multimediaweb.eu\/web-agency\/#website\",\"url\":\"https:\/\/www.multimediaweb.eu\/web-agency\/\",\"name\":\"Web Agency Italia Web Designer realizzazione siti web Italy\",\"description\":\"Web design creazione siti web Italia\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.multimediaweb.eu\/web-agency\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"it-IT\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.multimediaweb.eu\/web-agency\/#\/schema\/person\/c0748e23499fac2fd73b79d1379fdf42\",\"name\":\"admin\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"it-IT\",\"@id\":\"https:\/\/www.multimediaweb.eu\/web-agency\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/991cd68bbfd6f946517378a63fc3a1f7?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/991cd68bbfd6f946517378a63fc3a1f7?s=96&d=mm&r=g\",\"caption\":\"admin\"},\"url\":\"https:\/\/www.multimediaweb.eu\/web-agency\/author\/admin\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Web design per developer: risorse utili - Web Agency Italia Web Designer realizzazione siti web Italy","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.multimediaweb.eu\/web-agency\/web-design-per-developer-risorse-utili\/","og_locale":"it_IT","og_type":"article","og_title":"Web design per developer: risorse utili - Web Agency Italia Web Designer realizzazione siti web Italy","og_description":"Eppure, in un certo senso lo sviluppo di codice \u00e8 tanto creativo quanto la cura dell&#8217;estetica di un progetto: richiede prontezza di riflessi mentale, una propensione all&#8217;innovazione, nonch\u00e9 abilit\u00e0 nel risolvere le problematiche pi\u00f9 annose. Quali sono, di conseguenza, i consigli e le risorse che potrebbero ritornare utili allo sviluppatore per migliorare il design, almeno...","og_url":"https:\/\/www.multimediaweb.eu\/web-agency\/web-design-per-developer-risorse-utili\/","og_site_name":"Web Agency Italia Web Designer realizzazione siti web Italy","article_published_time":"2017-01-04T14:07:19+00:00","article_modified_time":"2023-01-19T11:56:34+00:00","author":"admin","twitter_card":"summary_large_image","twitter_misc":{"Scritto da":"admin","Tempo di lettura stimato":"4 minuti"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.multimediaweb.eu\/web-agency\/web-design-per-developer-risorse-utili\/","url":"https:\/\/www.multimediaweb.eu\/web-agency\/web-design-per-developer-risorse-utili\/","name":"Web design per developer: risorse utili - Web Agency Italia Web Designer realizzazione siti web Italy","isPartOf":{"@id":"https:\/\/www.multimediaweb.eu\/web-agency\/#website"},"datePublished":"2017-01-04T14:07:19+00:00","dateModified":"2023-01-19T11:56:34+00:00","author":{"@id":"https:\/\/www.multimediaweb.eu\/web-agency\/#\/schema\/person\/c0748e23499fac2fd73b79d1379fdf42"},"breadcrumb":{"@id":"https:\/\/www.multimediaweb.eu\/web-agency\/web-design-per-developer-risorse-utili\/#breadcrumb"},"inLanguage":"it-IT","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.multimediaweb.eu\/web-agency\/web-design-per-developer-risorse-utili\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.multimediaweb.eu\/web-agency\/web-design-per-developer-risorse-utili\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.multimediaweb.eu\/web-agency\/"},{"@type":"ListItem","position":2,"name":"Web design per developer: risorse utili"}]},{"@type":"WebSite","@id":"https:\/\/www.multimediaweb.eu\/web-agency\/#website","url":"https:\/\/www.multimediaweb.eu\/web-agency\/","name":"Web Agency Italia Web Designer realizzazione siti web Italy","description":"Web design creazione siti web Italia","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.multimediaweb.eu\/web-agency\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"it-IT"},{"@type":"Person","@id":"https:\/\/www.multimediaweb.eu\/web-agency\/#\/schema\/person\/c0748e23499fac2fd73b79d1379fdf42","name":"admin","image":{"@type":"ImageObject","inLanguage":"it-IT","@id":"https:\/\/www.multimediaweb.eu\/web-agency\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/991cd68bbfd6f946517378a63fc3a1f7?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/991cd68bbfd6f946517378a63fc3a1f7?s=96&d=mm&r=g","caption":"admin"},"url":"https:\/\/www.multimediaweb.eu\/web-agency\/author\/admin\/"}]}},"_links":{"self":[{"href":"https:\/\/www.multimediaweb.eu\/web-agency\/wp-json\/wp\/v2\/posts\/22605"}],"collection":[{"href":"https:\/\/www.multimediaweb.eu\/web-agency\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.multimediaweb.eu\/web-agency\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.multimediaweb.eu\/web-agency\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.multimediaweb.eu\/web-agency\/wp-json\/wp\/v2\/comments?post=22605"}],"version-history":[{"count":3,"href":"https:\/\/www.multimediaweb.eu\/web-agency\/wp-json\/wp\/v2\/posts\/22605\/revisions"}],"predecessor-version":[{"id":26183,"href":"https:\/\/www.multimediaweb.eu\/web-agency\/wp-json\/wp\/v2\/posts\/22605\/revisions\/26183"}],"wp:attachment":[{"href":"https:\/\/www.multimediaweb.eu\/web-agency\/wp-json\/wp\/v2\/media?parent=22605"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.multimediaweb.eu\/web-agency\/wp-json\/wp\/v2\/categories?post=22605"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.multimediaweb.eu\/web-agency\/wp-json\/wp\/v2\/tags?post=22605"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}