{"id":255967,"date":"2024-03-10T07:12:00","date_gmt":"2024-03-10T04:12:00","guid":{"rendered":"https:\/\/inform.click\/quando-e-come-usare-il-minimalismo-nella-progettazione-di-siti-web\/"},"modified":"2024-03-10T07:12:00","modified_gmt":"2024-03-10T04:12:00","slug":"quando-e-come-usare-il-minimalismo-nella-progettazione-di-siti-web","status":"publish","type":"post","link":"https:\/\/inform.click\/it\/quando-e-come-usare-il-minimalismo-nella-progettazione-di-siti-web\/","title":{"rendered":"Quando e come usare il minimalismo nella progettazione di siti web"},"content":{"rendered":"<p>\n  Per prima cosa togliamo di mezzo un malinteso sul minimalismo. Solo perch\u00e9 c'\u00e8 meno da vedere non significa che sia pi\u00f9 facile. In realt\u00e0, \u00e8 proprio il contrario. Meno hai, pi\u00f9 tempo devi spendere per assicurarti che ogni elemento che hai sia giusto per i soldi.\n<\/p>\n<p>\n  Dopotutto, se hai un'interfaccia affollata, se qualcosa \u00e8 allineato leggermente a sinistra del centro, o un font che non \u00e8 del tutto ottimale per quello che stai usando, probabilmente non verr\u00e0 nemmeno notato tra gli altri dettagli.\n<\/p>\n<p>\n  Ci\u00f2 non sar\u00e0 vero se stai utilizzando un web design minimalista, tuttavia, poich\u00e9 non c'\u00e8 nulla dietro cui nascondersi dietro il tuo errore o la tua scelta sbagliata. Si distingueranno per i dettagli abbaglianti, come un'insegna al neon su una casa giapponese. Ci\u00f2 significa che se stai solo cercando di mettere insieme una pagina, il minimalismo non \u00e8 la strada da percorrere. Il minimalismo \u00e8 per i perfezionisti, il tipo di web designer ossessivo-compulsivo, concentrato sul laser, che sta sveglio fino alle tre del mattino per ottenere quel titolo giusto. Se non sei tu allora non fa per te.\n<\/p>\n<p>\n  Se \u00e8 allora continua a leggere, continua a leggere! Gi\u00f9 nella tana del coniglio andiamo.\n<\/p>\n<h4>\n  Spazio negativo<br \/>\n<\/h4>\n<p>\n  Iniziamo osservando ci\u00f2 che un sito Web minimalista avr\u00e0 di pi\u00f9: lo spazio negativo, anche se potresti conoscerlo come &#8220;lo sfondo&#8221;. Tranne, ovviamente, che nel design minimalista non \u00e8 affatto &#8220;indietro&#8221;. Invece, \u00e8 davanti e al centro, dove gioca un ruolo vitale, in quanto manipola il flusso visivo dell'utente.\n<\/p>\n<p>\n  Il potere dello spazio negativo \u00e8 che pi\u00f9 ne hai, pi\u00f9 qualsiasi altra cosa tu abbia sulla pagina salter\u00e0 fuori. Questo \u00e8 il motivo per cui i designer industriali utilizzano spesso layout minimalisti. In questo modo i loro prodotti invece di svanire in tutto il resto attireranno l'attenzione che stanno cercando. E poich\u00e9 questo \u00e8 ci\u00f2 che stanno cercando di vendere o almeno mostrare, ci\u00f2 rende questo approccio molto attraente per loro e per chiunque altro abbia oggetti statici da mostrare, come interior designer e fotografi.\n<\/p>\n<p>\n  Lo spazio negativo pu\u00f2 essere un potente strumento per creare un'oasi di calma, oltre che per non far sentire gli utenti sopraffatti. Per questo spesso le spa e i centri benessere scelgono questo tipo di layout.\n<\/p>\n<p>\n  Nota che lo spazio negativo non significa che non c'\u00e8 niente l\u00ec. Ovviamente, lo spazio deve essere riempito con qualcosa e sebbene il bianco sia una scelta ovvia, non \u00e8 l'unica. Inoltre, colori diversi hanno effetti completamente diversi sugli utenti, quindi assicurati di dedicare un po' di tempo alla ricerca. Una cosa che vorrei sottolineare \u00e8 che non scegli un colore troppo saturo. Questo \u00e8 un errore fondamentale che fanno molti designer alle prime armi. Il problema \u00e8 che pu\u00f2 essere piuttosto doloroso per gli utenti, il che rende quindi nullo uno dei grandi vantaggi del minimalismo.\n<\/p>\n<h4>\n  Fotografie<br \/>\n<\/h4>\n<p><a href=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-266271-63825873036e1.webp\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-266271-63825873036e1.webp\" alt=\"\" \/><\/a><\/p>\n<p>\n  Se solo un colore \u00e8 troppo positivo, c'\u00e8, ovviamente, la possibilit\u00e0 di scegliere una foto di qualche tipo. Ovviamente, se scegli un'immagine, assicurati che sia fedele allo spirito del minimalismo che stai cercando. L'immagine non deve essere troppo occupata.\n<\/p>\n<p>\n  Lo intendo in due modi.\n<\/p>\n<ol>\n<li>Ovviamente, assicurati che la foto non sia eccessivamente ingombra di oggetti o persone, in quanto ci\u00f2 vanificherebbe l'intero scopo del tuo design minimalista.\n  <\/li>\n<li>Ci\u00f2 non \u00e8 sufficiente, tuttavia, poich\u00e9 l'implicazione di movimento rapido o pericolo \u00e8 altrettanto in grado di attirare l'attenzione sull'immagine e allontanarla dall'elemento principale che stai cercando di visualizzare. In effetti, anche la visualizzazione di un'emozione negativa pu\u00f2 distrarre le persone da ci\u00f2 su cui vuoi veramente che si concentrino.\n  <\/li>\n<\/ol>\n<p>\n  Per questo motivo, navigando su siti minimalisti, vedrai molte foto con sfondi molto neutri e statici. Ecco alcuni <a href=\"http:\/\/photography.tutsplus.com\/articles\/less-is-more-50-examples-of-minimalist-photography--photo-3914\" target=\"_blank\" rel=\"noopener\">ottimi esempi<\/a>.\n<\/p>\n<h4>\n  Tipografia<br \/>\n<\/h4>\n<p><a href=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-266271-63825875bcdc7.webp\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-266271-63825875bcdc7.webp\" alt=\"\" \/><\/a><\/p>\n<p>\n  Puoi tagliare molte cose dalla tua pagina minimalista, come una barra dei menu, i pulsanti dei social media e gli annunci, ma una cosa di cui non puoi fare a meno sono le parole. Alla fine, ne avrai bisogno. Ma come presentarli? Dovresti considerare molto attentamente quale carattere decidi di utilizzare (e se decidi di crearne uno tuo), soprattutto visto che caratteri diversi evocheranno emozioni e stati d'animo diversi.\n<\/p>\n<p>\n  Ad esempio, i caratteri serif (quelli in cui i bit ondulati sporgono sotto e sopra la linea) vengono letti in modo pi\u00f9 fluido rispetto ai caratteri sans serif e sono quindi considerati pi\u00f9 facili da comprendere. Allo stesso modo, poich\u00e9 le istruzioni sono scritte in caratteri pi\u00f9 puliti e leggibili (come Ariel per esempio) sono viste come pi\u00f9 comprensibili rispetto a quelle scritte in caratteri pi\u00f9 confusi e pi\u00f9 affollati, il che significa che quelle istruzioni sono considerate pi\u00f9 facili da eseguire.\n<\/p>\n<p>\n  Ma ovviamente la leggibilit\u00e0 non \u00e8 l'unica cosa che deve essere considerata, devi anche pensare a quali emozioni provocano i caratteri. S\u00ec, \u00e8 vero, caratteri diversi influenzano le persone in modo diverso, con tipi di carattere come Times New Roman pi\u00f9 spesso associati a emozioni come &#8220;divertente&#8221; e &#8220;arrabbiato&#8221; rispetto ad Ariel.\n<\/p>\n<p>\n  Ti avevo avvertito che il minimalismo non era per i deboli di cuore!\n<\/p>\n<p>\n  Un'altra cosa da considerare \u00e8 quali tipi di carattere usi dove, poich\u00e9 ovviamente non devi usare lo stesso carattere per tutto il tempo. E poich\u00e9 non c'\u00e8 nient'altro che possa distrarre il tuo pubblico, se utilizzi stili di carattere e tipografie diversi, \u00e8 molto pi\u00f9 probabile che il tuo utente li noti.\n<\/p>\n<p>\n  Questa pu\u00f2 quindi essere una strategia molto efficace per far s\u00ec che il tuo pubblico presti attenzione ad aree specifiche. Ad esempio, considera di scrivere quei testi che vuoi che gli utenti leggano per primi in grassetto, con tratti spessi, mentre le parti che dovrebbero notare in seguito scritte in caratteri pi\u00f9 neutri. L'occhio dell'utente sar\u00e0 immediatamente attratto dal testo pi\u00f9 in grassetto mentre l'altro testo verr\u00e0 consumato in seguito.\n<\/p>\n<h4>\n  Contrasto e posizionamento<br \/>\n<\/h4>\n<p><a href=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-266271-63825875bcdc7.webp\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-266271-63825875bcdc7.webp\" alt=\"\" \/><\/a><\/p>\n<p>\n  Uno degli strumenti pi\u00f9 potenti a disposizione di un web designer minimalista \u00e8 il contrasto. Se vuoi usare il contrasto per ottenere il massimo effetto, dovrai scegliere sfondi di colore chiaro: il bianco \u00e8 la scelta predominante, in quanto consente di ottenere l'effetto migliore. Questo \u00e8 il motivo per cui le pagine minimaliste useranno spesso il nero su sfondi bianchi poich\u00e9 queste linee nette sono immensamente accattivanti dal punto di vista visivo. Ecco un <a href=\"http:\/\/www.jorgerieraflores.com\/\" target=\"_blank\" rel=\"noopener\">buon esempio<\/a>. Inoltre, il pi\u00f9 piccolo tocco di colore, come una spruzzata di giallo, pu\u00f2 essere molto efficace. Basti pensare al cappotto della ragazza in Schindler's List.\n<\/p>\n<p>\n  Un designer pu\u00f2 creare un contratto con molte cose diverse, tra cui colore, forma, posizione, scala e dimensioni. Se usato correttamente, pu\u00f2 essere incredibilmente utile per condurre l'utente a quelle parti a cui dovrebbe prestare attenzione per prime (proprio come ho spiegato sopra in termini di tipografia, quando ho discusso di testi in grassetto rispetto a quelli pi\u00f9 neutri). Non \u00e8 facile, tuttavia, e per utilizzarlo al meglio \u00e8 necessario avere una conoscenza di base di come gli utenti consumano le pagine Internet.\n<\/p>\n<p>\n  Gli studi sul movimento degli occhi ci hanno fornito una visione approfondita del punto in cui le persone guardano per prime, generalmente partendo dall'angolo in alto a sinistra e poi, a seconda che ci sia o meno molto testo, scansionando la pagina con una &#8220;F&#8221; o un modello &#8216;Z' rispettivamente.\n<\/p>\n<p>\n  Dato che la tua pagina minimalista non sar\u00e0 pesante per il testo, vorrai quindi organizzare gli aspetti pi\u00f9 importanti della tua pagina in uno schema di tipo Z, con le cose che i tuoi utenti dovrebbero notare per prime (sei le tue opzioni di menu) che generalmente prendono una posizione pi\u00f9 in alto a sinistra della tua pagina, mentre quelle cose che dovrebbero essere notate in seguito (ad esempio le tue rivendicazioni sul copyright) scendono in basso e pi\u00f9 a destra. In questo modo renderai la fruizione della tua pagina pi\u00f9 fluida e naturale.\n<\/p>\n<h4>\n  Il pulsante Hamburger e altri layout<br \/>\n<\/h4>\n<p><a href=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-266271-63825875bcdc7.webp\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-266271-63825875bcdc7.webp\" alt=\"\" \/><\/a><\/p>\n<p>\n  L'unica cosa importante da ricordare con il design minimalista \u00e8 che solo perch\u00e9 non c'\u00e8 molto da vedere per pagina, non significa che non ci siano molti contenuti in generale; la maggior parte delle volte tutte queste informazioni sono semplicemente nascoste nei sottomenu e nelle pagine secondarie. Un modo popolare (anche se controverso) per farlo \u00e8 attraverso quello che \u00e8 noto come &#8220;il pulsante dell'hamburger&#8221;, o le tre linee che ora vedi dappertutto, come in Chrome in alto a destra cos\u00ec come sull'iPhone. E s\u00ec, se hai bevuto un paio di drink sembra un hamburger (non ho inventato il nome).\n<\/p>\n<p>\n  Personalmente, non sono un grande fan perch\u00e9 va contro i miei istinti minimalisti. Qual \u00e8 lo scopo di creare una pagina ordinata se poi creerai un menu disordinato per navigare nel resto del tuo sito web? Per me, una strategia molto migliore \u00e8 suddividere il pulsante dell'hamburger in diverse scelte di menu che sono ovvie e facilmente comprensibili e coinvolgeranno i tuoi lettori, ma alla fine dipende da te.\n<\/p>\n<p>\n  Un fattore importante da considerare quando stai pensando se creare diverse voci di menu o utilizzare un solo pulsante \u00e8 l'et\u00e0 del tuo pubblico. Pi\u00f9 sono vecchi, meno familiarit\u00e0 avranno con questo design e pi\u00f9 \u00e8 probabile che non trovino i tuoi sottomenu, il che pu\u00f2 rendere inutile la tua pagina. Quindi la tua pagina \u00e8 rivolta principalmente ai millennial? Vai avanti e usalo. Stai servendo i pensionati? Probabilmente \u00e8 saggio ripensarci.\n<\/p>\n<h4>\n  Stile visivo<br \/>\n<\/h4>\n<p><a href=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-266271-63825875bcdc7.webp\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-266271-63825875bcdc7.webp\" alt=\"\" \/><\/a><\/p>\n<p>\n  E poi c'\u00e8 come dovrebbe essere strutturata la tua pagina. Quando decidi di scegliere uno stile minimalista, devi scegliere uno stile di layout e poi seguirlo. Questo perch\u00e9 il tuo pubblico inizier\u00e0 immediatamente a fare ipotesi inconsce su come la tua pagina web si adatta e se poi violi queste ipotesi, i tuoi utenti sentiranno che la tua pagina \u00e8 &#8220;disordinata&#8221; e &#8220;non organizzata&#8221;. Questa \u00e8 una campana a morto per il minimalismo (e anche per la maggior parte delle altre pagine, a dire il vero).\n<\/p>\n<p>\n  Per questo motivo, devi selezionare una griglia, che in pratica significa le colonne in cui hai suddiviso la tua pagina, e seguirla. Quante colonne vuoi? Come saranno distanziati? Quanto spazio negativo rimarr\u00e0 tra loro? Queste sono tutte domande importanti a cui devi rispondere prima ancora di iniziare a impaginare la pagina.\n<\/p>\n<p>\n  L'idea qui non \u00e8 che le immagini non possano superare i confini di queste linee della griglia. Spesso le immagini si estendono sull'intera pagina. In questo caso, il testo relativo all'immagine presentato sotto di esso verrebbe disposto nelle colonne selezionate. Allo stesso modo, se hai diverse immagini sulla tua pagina, dovrebbero seguire la griglia che hai creato in modo che la tua pagina nel complesso appaia pulita e professionale.\n<\/p>\n<h5>\n  Vale la pena andare al minimalismo?<br \/>\n<\/h5>\n<p>\n  Onestamente dipende da cosa stai cercando di fare (e ovviamente dall'argomento della tua pagina). Se stai cercando di ridurre il tuo lavoro, come gi\u00e0 detto, il minimalismo non fa per te. Se d'altra parte, questo tipo di layout ti attrae istintivamente e si adatta al tipo di prodotto che stai spingendo, allora \u00e8 la strada da percorrere.\n<\/p>\n<p>\n  Il fatto \u00e8 che il minimalismo richiede un set di abilit\u00e0 diverso rispetto al design standard, in quanto non puoi semplicemente usare pezzi ordinari e metterli insieme per creare una pagina. Se provi a farlo, ti ritroverai con qualcosa che non \u00e8 visivamente accattivante o cos\u00ec informativo. Il peggiore, in altre parole, di entrambi i mondi.\n<\/p>\n<p>\n  Invece, dovrai dedicare un po' di tempo a imparare come sovvertire i tuoi istinti di base che hai raccolto dai progetti di pagine precedenti che hai realizzato. Quindi dovrai sederti e capire cosa \u00e8 essenziale per la tua pagina.\n<\/p>\n<p>\n  E dovrai fare i conti con il contratto, i tipi di carattere e le foto come non hai mai fatto prima. \u00c8 quasi come se stessi imparando un nuovo linguaggio di design. Pu\u00f2 essere difficile.\n<\/p>\n<p>\n  Il bello dell'apprendimento di una nuova lingua, tuttavia, \u00e8 che ti fa realizzare cose sulla tua lingua originale che non avevi mai notato prima. E questo \u00e8 altrettanto vero con l'apprendimento del web design minimalista. L'atto stesso di cercare di imparare a progettare in questo modo ti far\u00e0 realizzare cose sul design che non sapevi prima.\n<\/p>\n<p>\n  E questo potrebbe far valere la pena di tutta la sudorazione e il duro lavoro.\n<\/p>\n<p>\n  Dimenticando per il momento che le pagine minimaliste sono semplicemente belle, ovviamente.\n<\/p>\n<\/p>\n<div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">\n  Fonte di registrazione: instantshift.com\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Per prima cosa togliamo di mezzo un malinteso sul minimalismo. Solo perch\u00e9 c&#8217;\u00e8 meno da vedere non significa che sia pi\u00f9 facile. In realt\u00e0, \u00e8 proprio il contrario. Meno hai, pi\u00f9 tempo devi spendere per assicurarti che ogni elemento che hai sia giusto per i soldi. Dopotutto, se hai un&#8217;interfaccia affollata, se qualcosa \u00e8 allineato leggermente a sinistra del centro, o un font che non \u00e8 del tutto ottimale per quello che stai usando, probabilmente non verr\u00e0 nemmeno notato tra gli altri dettagli. Questo non sar\u00e0 vero se stai usando un web minimalista&#8230;<\/p>\n","protected":false},"author":1,"featured_media":149268,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[394,355,225,56],"tags":[],"class_list":["post-255967","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-disegno","category-divertimento","category-libri-di-testo","category-web-e-wordpress"],"_links":{"self":[{"href":"https:\/\/inform.click\/it\/wp-json\/wp\/v2\/posts\/255967","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/inform.click\/it\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/inform.click\/it\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/inform.click\/it\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/inform.click\/it\/wp-json\/wp\/v2\/comments?post=255967"}],"version-history":[{"count":0,"href":"https:\/\/inform.click\/it\/wp-json\/wp\/v2\/posts\/255967\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/inform.click\/it\/wp-json\/wp\/v2\/media\/149268"}],"wp:attachment":[{"href":"https:\/\/inform.click\/it\/wp-json\/wp\/v2\/media?parent=255967"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/inform.click\/it\/wp-json\/wp\/v2\/categories?post=255967"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/inform.click\/it\/wp-json\/wp\/v2\/tags?post=255967"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}