{"id":255951,"date":"2023-05-05T09:32:00","date_gmt":"2023-05-05T06:32:00","guid":{"rendered":"https:\/\/inform.click\/che-cose-la-sezione-aurea-e-come-si-usa-in-grafica-e-web-design\/"},"modified":"2023-05-05T09:34:00","modified_gmt":"2023-05-05T06:34:00","slug":"che-cose-la-sezione-aurea-e-come-si-usa-in-grafica-e-web-design","status":"publish","type":"post","link":"https:\/\/inform.click\/it\/che-cose-la-sezione-aurea-e-come-si-usa-in-grafica-e-web-design\/","title":{"rendered":"Che cos&#8217;\u00e8 la sezione aurea e come si usa in grafica e web design?"},"content":{"rendered":"<p>\n  Creare un'opera d'arte sbalorditiva o un sito web visivamente stimolante non \u00e8 esattamente un gioco da ragazzi. Mentre la creativit\u00e0 gioca un ruolo importante nel successo di qualsiasi progetto, c'\u00e8 anche una certa quantit\u00e0 di matematica e scienze coinvolte.\n<\/p>\n<p>\n  Quando le persone vedono le opere d'arte di artisti e maestri iconici come Da Vinci o Salvador Dal\u00ec, pensano al genio creativo. La stessa cosa si prova quando vedi sculture come l'antico Pantheon romano. Tuttavia, tutte queste opere d'arte hanno una cosa in comune, che \u00e8 nota come il rapporto aureo. Gli asso designer e i creatori di siti Web si affidano ancora a questo concetto testato nel tempo per creare opere d'arte e siti Web straordinari che attirano i tuoi occhi.\n<\/p>\n<h5>\n  Rapporto aureo attraverso il passaggio della storia<br \/>\n<\/h5>\n<p>\n  Le radici della sezione aurea risalgono ai giorni gloriosi della civilt\u00e0 greca. Si dice anche che gli antichi egizi lo usassero per creare meravigliose piramidi e altre tombe 4000 anni fa. Gli antichi greci avevano una straordinaria eccellenza nell'arte, nella musica e nella scienza.\n<\/p>\n<p>\n  I greci furono forse i primi a scoprire che c'\u00e8 una bellissima asimmetria nelle cose naturali come alberi, fiori, animali, ecc. Usarono la lettera greca Phi per esprimere questo fenomeno. Nel corso dei secoli, artisti e architetti hanno fatto ricorso all'utilizzo della comprensione delle proporzioni e dei concetti fondamentali della sezione aurea per realizzare un'architettura esteticamente gradevole oltre che opere d'arte.\n<\/p>\n<p>\n  Passando ai tempi attuali, la sezione aurea viene utilizzata per decidere il layout visivo e il formato di cose come logo, carte di credito, mobili, libri, persino qualcosa di banale come il design dei piatti in un ristorante. Anche Facebook sta cercando di sviluppare un vetro AR in grado di leggere le menti umane, quando si tratta di progettare \u00e8 immensamente utile con il rapporto aureo.\n<\/p>\n<p>\n  In altre parole, potresti non esserne consapevole, ma la sezione aurea esiste ovunque intorno a te! A volte, potresti non essere troppo sicuro del motivo per cui scegli una maglietta con un design specifico rispetto alle altre in un negozio. Ha un design che in qualche modo attira di pi\u00f9 i tuoi occhi e la tua mente e il motivo principale \u00e8 il rapporto aureo.\n<\/p>\n<h5>\n  Le sfumature del rapporto aureo che i professionisti del design dovrebbero conoscere<br \/>\n<\/h5>\n<p>\n  Il rapporto deriva dalla famosa sequenza di Fibonacci che potresti ricordare di aver visto nel film acclamato dalla critica Il codice da Vinci. \u00c8 una sequenza numerica naturale che si trova quasi ovunque. La sequenza \u00e8 l\u00ec sotto forma di conchiglie e sul numero di foglie presenti su un albero \u2013 per esempio.\n<\/p>\n<p>\n  La sequenza di Fibonacci \u00e8 fondamentalmente la somma di due numeri che la precedono. \u00c8 come: 0, 1,1, 2, 3, 5, 8, 13, 21, ecc. fino all'infinito. Da esso, i greci hanno creato la sezione aurea. Denota il rapporto di perfetta simmetria esistente tra due proporzioni. \u00c8 pari a 1:1.618 ca. Questo \u00e8 spesso mostrato usando un rettangolo aureo: un grande rettangolo composto da un quadrato e un rettangolo di dimensioni pi\u00f9 piccole. Il quadrato ha i lati uguali alla lunghezza minore del rettangolo. Se scarti il \u200b\u200bquadrato dal rettangolo contenente, verr\u00e0 lasciato un altro rettangolo dorato pi\u00f9 piccolo. Questo va avanti all'infinito proprio come i numeri di Fibonacci, che funzionano al contrario!\n<\/p>\n<h5>\n  Alcuni notevoli esempi di rapporto aureo nella vita umana<br \/>\n<\/h5>\n<p>\n  I greci erano i maestri della sezione aurea. Se osservi le rovine degli edifici e dei templi greci, puoi trovare un piacevole rapporto dimensionale tra l'altezza e la larghezza dell'edificio. Questo \u00e8 applicabile alla dimensione delle colonne, del portico e di tutto ci\u00f2 che contiene. Questo concetto \u00e8 stato ampiamente utilizzato anche nel movimento dell'architettura neoclassica.\n<\/p>\n<ul>\n<li>\n    <strong>L'Ultima cena<\/strong> &#8211; Il popolare dipinto di Leonardo da Vinci, contiene il timbro del rapporto aureo &#8211; proprio come le altre sue celebri sculture e dipinti. In esso si possono vedere le figure poste nei due terzi inferiori. Anche la posizione di Ges\u00f9 \u00e8 sincronizzata.\n  <\/li>\n<li>\n    <strong>Oggetti naturali e forme di vita<\/strong> \u2013 Anche in natura si possono trovare molti esempi di questo concetto. Puoi, ad esempio, controllare cose come ananas, favi, diversi tipi di fiori, conchiglie, ecc.\n  <\/li>\n<\/ul>\n<h5>\n  Perch\u00e9 il rapporto aureo \u00e8 rilevante per il web e il design grafico?<br \/>\n<\/h5>\n<p>\n  Non \u00e8 troppo difficile capire perch\u00e9 web designer e artisti grafici ricorrono alla sezione aurea nel loro lavoro. Gli spettatori target o i visitatori del sito prestano attenzione al design o al mecenate che appare allettante e rilassante per gli occhi. Il vecchio detto della prima impressione, essere l'ultimo ha qui un ruolo importante. A meno che la home page di un sito Web non sia attraente per gli occhi, i visitatori la lasceranno in un istante. Senza un senso visivo di simmetria e proporzione, la pagina Web o l'opera d'arte non fanno sentire gli spettatori a proprio agio.\n<\/p>\n<p>\n  Una volta che il layout e lo stile di design di un sito web sembrano proporzionati ed esteticamente gradevoli agli spettatori, si sentono interessati a controllare il contenuto e passare alle altre sezioni del sito. La sezione aurea viene utilizzata anche nel web design per bilanciare testo, contenuti ricchi e creare una gerarchia. La stessa logica \u00e8 applicabile per opere grafiche come il logo di un'azienda.\n<\/p>\n<p>\n  L'uso del rapporto aureo ha un'influenza positiva sul design generale e sui suoi elementi individualmente. Quando gli elementi di design sono proporzionati, sembra visivamente soddisfacente. Da un'icona ad altri elementi visivi, tutto va a posto e sembra proporzionato quando viene distribuito il rapporto aureo.\n<\/p>\n<p>\n  Nel web design, \u00e8 importante anche posizionare il contenuto del testo nel posto giusto e scegliere il tipo e la dimensione giusti. \u00c8 qui che pu\u00f2 essere utilizzata anche la razione d'oro. \u00c8 possibile selezionare una dimensione del testo specifica per l'intestazione e quindi dividere utilizzando 1.618. Il risultato sar\u00e0 giusto per i sottotitoli. Se il corpo del testo ha una dimensione di 10 px, puoi moltiplicarlo per 1.618. La dimensione del testo dell'intestazione, quindi, pu\u00f2 essere impostata a 16 px. In una pagina Web, in cui devono essere utilizzati diversi tipi di contenuto, questo pu\u00f2 essere utile.\n<\/p>\n<p>\n  In qualsiasi pagina Web, anche la quantit\u00e0 di spazio bianco o vuoto gioca un ruolo. Una spaziatura eccessiva non \u00e8 visivamente accattivante e la mancanza di spazi bianchi su una pagina pu\u00f2 farla sembrare disordinata. Utilizzando il rapporto aureo, i progettisti sono in grado di calcolare la giusta quantit\u00e0 di spaziatura bianca nelle pagine web.\n<\/p>\n<p>\n  Anche nel design del logo, l'uso del rapporto aureo \u00e8 rilevante. Il logo \u00e8 ci\u00f2 che rappresenta un'azienda per gli utenti target in un primo momento prima che visitino siti Web o negozi di marchi, ecc. Quindi, il logo deve essere esteticamente gradevole e con un senso di equilibrio. \u00c8 qui che entra in gioco la sezione aurea. I loghi di molte multinazionali e giganti aziendali come Pepsi, Twitter e Apple sono stati creati utilizzando la teoria.\n<\/p>\n<h5>\n  Come implementare la razione aurea nella grafica e nel web design?<br \/>\n<\/h5>\n<p><a href=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-310577-63837181c652e.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-310577-63837181c652e.webp\" alt=\"\" \/><\/a><\/p>\n<p>\n  In effetti, implementare il concetto del rapporto aureo nel design e nell'artwork \u00e8 pi\u00f9 semplice di quanto si pensi. Esistono 2 modi per distribuirlo nel web o nella progettazione grafica:\n<\/p>\n<ul>\n<li>\n<p>\n      La soluzione rapida: se sei coinvolto in un progetto di web o graphic design con una scadenza ravvicinata e non c'\u00e8 tempo per troppe sperimentazioni nel design, puoi comunque implementare il rapporto aureo. Il concetto \u00e8 dividere un'area in 3 sezioni uguali &#8211; orizzontalmente e verticalmente. L'intersezione di quelle linee dovrebbe fungere da punto focale naturale per le tue forme e figure.\n    <\/p>\n<p>\n      Ai fotografi viene solitamente insegnato a posizionare il soggetto principale in una di queste linee che si intersecano per ottenere composizioni piacevoli. La stessa teoria pu\u00f2 essere utilizzata nei layout di pagina e nei progetti di poster.\n    <\/p>\n<\/li>\n<li>\n<p>\n      Implementazione completa: per assicurarti di aderire al concetto secolare della sezione aurea senza usare scorciatoie, anche questo non \u00e8 noioso. Per una pagina web, dovresti assicurarti che l'area del contenuto e la proporzione della barra laterale aderiscano a quel rapporto 1:1.6.1. Quindi, in media, se l'area del contenuto \u00e8 di 640 px, dovresti assicurarti che la barra laterale sia di circa 400 px. La stessa logica \u00e8 applicabile alle aree di intestazione, pi\u00e8 di pagina e navigazione.\n    <\/p>\n<\/li>\n<\/ul>\n<h5>\n  C'\u00e8 un'app per Golden Ratio, s\u00ec in realt\u00e0!<br \/>\n<\/h5>\n<p>\n  Se trovi noioso comprendere e implementare il concetto nel tuo lavoro di progettazione o temi di poter deviare dalle norme, rilassati. Come ogni altra cosa nella vita, ottieni un'app per Golden Ratio. In effetti, ottieni diverse app per implementare il concetto nel tuo progetto.\n<\/p>\n<p>\n  Di seguito sono elencate alcune di queste app che puoi controllare:\n<\/p>\n<ul>\n<li>\n    <strong>Golden Ratio<\/strong> &#8211; GoldenRATIO \u00e8 un'app che ti consente di implementare il concetto secolare nel tuo design senza confusione e perdite di tempo. \u00c8 disponibile per $ 2,99 nel Mac App Store. L'app ha un'utile funzione Preferiti e una modalit\u00e0 &#8220;click-thru&#8221; funzionale. Pu\u00f2 essere utilizzato in Photoshop e come sovrapposizione. Ottieni una calcolatrice incorporata con feedback visivo.\n  <\/li>\n<li>\n    <strong>Calcolatore tipografico della sezione aurea<\/strong>: ti consente di creare una tipografia perfetta per qualsiasi sito Web in sincronia con la teoria della sezione aurea.\n  <\/li>\n<li>\n    <strong>Phicalculator<\/strong> \u2013 Phicalculator \u00e8 un'app utile e gratuita, utilizzabile sia su PC che su Mac. Se inserisci un numero, otterrai il numero corrispondente secondo il rapporto aureo.\n  <\/li>\n<li>\n    <strong>Atrise Golden Section<\/strong> \u2013 Questo \u00e8 un software a griglia funzionale con un righello sullo schermo. Usando questo, sarai salvato dall'invio di tempo nei calcoli. Puoi vedere e modificare le dimensioni e le forme armoniose. Ha un prezzo elevato, ma le versioni di prova gratuite possono essere utilizzate per 30 giorni.\n  <\/li>\n<li>\n    <strong>PhiMatrix<\/strong> &#8211; Questo \u00e8 un altro strumento pratico e ampiamente utilizzato per la progettazione e l'analisi basate sul rapporto aureo. Ottieni griglie personalizzabili e modelli che possono essere utilizzati come sovrapposizioni nei progetti di design.\n  <\/li>\n<\/ul>\n<p>\n  Esistono app per fotocamere di terze parti che ti consentono di scattare foto straordinarie rispettando il rapporto aureo e la sequenza di Fibonacci. Alcune di queste app sono gratuite e ci sono anche quelle a pagamento. Disponibili sia per piattaforme iOS che Android, queste app sono utili per i designer che desiderano scattare immagini da utilizzare in progetti di web o graphic design che vengono girati come di consueto. Ci\u00f2 render\u00e0 pi\u00f9 semplice il lavoro con le immagini e ridurr\u00e0 la necessit\u00e0 di ritagliarle e modificarle.\n<\/p>\n<ul>\n<li>\n    <strong>Per iOS<\/strong>: gli utenti del dispositivo iOs possono utilizzare l'app per il calcolo e la foto della sezione aurea. Costa solo $ 1,99 e contiene funzioni utili per gli utenti come un calcolatore del rapporto aureo. Usandolo puoi scattare immagini mantenendo gli elementi aderenti al principio.\n  <\/li>\n<li>\n    <strong>Per Android<\/strong>: gli utenti Android dovrebbero optare per l'app Camera Zoom FX che costa $ 3. Utilizzando l'app, puoi utilizzare la spirale di Fibonacci e la griglia Phi come sovrapposizioni di immagini mentre scatti le foto.\n  <\/li>\n<\/ul>\n<h5>\n  Consigli utili per utilizzare la sezione aurea<br \/>\n<\/h5>\n<p>\n  Ci sono alcuni modi pratici per implementare la sezione aurea in un progetto di design:\n<\/p>\n<ul>\n<li>Puoi utilizzare il rapporto per creare una griglia del sito Web di base, che coprir\u00e0 la barra laterale e l'area del contenuto principale. Per uno schermo di 1366 x 768 pixel, puoi scegliere una larghezza di 846 pixel per l'area del contenuto. La barra laterale pu\u00f2 essere larga 520 pixel. L'altezza non \u00e8 importante in questo contesto.\n  <\/li>\n<li>\u00c8 possibile utilizzare questo concetto per creare guide per la spaziatura. Puoi usare i quadrati grandi come le unit\u00e0 13 e 8 per creare layout mentre usi i quadratini delle unit\u00e0 da 1 a 3 per impostare le grondaie.\n  <\/li>\n<li>Puoi creare icone e loghi usando la formula.\n  <\/li>\n<li>Pu\u00f2 essere implementato nella fase di wireframing. Ci\u00f2 ti aiuta a pianificare una struttura e dimensionare i vari componenti dell'interfaccia utente. Questo \u00e8 utile anche per i professionisti del web design per ritagliare le immagini mantenendo le proporzioni nel modo giusto.\n  <\/li>\n<\/ul>\n<h5>\n  Cose da tenere a mente<br \/>\n<\/h5>\n<p>\n  Sebbene l'utilizzo della sezione aurea in una pagina Web o in un progetto grafico possa essere vantaggioso per un'azienda o un professionista, non \u00e8 consigliabile esagerare. Tieni presente che per utenti inesperti o principianti, il senso di scala creato dalla sequenza potrebbe sfuggire di mano. L'idea \u00e8 creare un senso di equilibrio estetico usando la norma senza andare agli estremi. Dovresti usare il valore numerico nel design in modi sottili e non ovunque. Alcuni siti Web potrebbero richiedere un'implementazione ridotta della sezione aurea, mentre altri potrebbero richiedere un'implementazione intensiva.\n<\/p>\n<p>\n  Alla fine, si tratta di utilizzare l'elemento della giusta dimensione in un design o in una pagina web. \u00c8 inoltre necessario utilizzare lo spazio bianco nel modo giusto per creare un equilibrio visivo nel design. \u00c8 qui che la razione d'oro pu\u00f2 essere utile. Usalo nel modo giusto per ravvivare il design, ma non basare l'intero design su di esso. Ci sono altri aspetti come l'uso di colori adatti e contrastanti e il giusto tipo di contenuto.\n<\/p>\n<h5>\n  Dove porta tutto?<br \/>\n<\/h5>\n<p>\n  Il rapporto aureo \u00e8 il segreto dietro immagini, loghi, siti web visivamente piacevoli ed estetici e tutto ci\u00f2 che incontri in natura. All'inizio pu\u00f2 sembrare un concetto matematico difficile da usare nel design. Tuttavia, con un approccio attento e un'analisi delle opere d'arte create utilizzando la teoria, ti ci abituerai.\n<\/p>\n<p>\n  Naturalmente, puoi utilizzare le app e gli strumenti Web di terze parti disponibili. Tuttavia, padroneggiare la sezione aurea non \u00e8 qualcosa che puoi ottenere dall'oggi al domani. Ci vorr\u00e0 molta pratica e analisi degli esempi per raggiungere il punto di perfezione. Tuttavia, dovrebbe essere utilizzato nel modo giusto per rendere il tuo design attraente per gli spettatori.\n<\/p>\n<\/p>\n<div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">\n  Fonte di registrazione: <a target=\"_blank\" rel=\"noopener nofollow\" data-pssr=\"\" href=\"http:\/\/www.instantshift.com\/2019\/10\/21\/golden-ratio-in-graphic-web-design\/\">instantshift.com<\/a>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Creare un&#8217;opera d&#8217;arte sbalorditiva o un sito web visivamente stimolante non \u00e8 esattamente un gioco da ragazzi. Mentre la creativit\u00e0 gioca un ruolo importante nel successo di qualsiasi progetto, c&#8217;\u00e8 anche una certa quantit\u00e0 di matematica e scienze coinvolte. Quando le persone vedono le opere d&#8217;arte di artisti e maestri iconici come Da Vinci o Salvador Dal\u00ec, pensano al genio creativo. La stessa cosa si prova quando vedi sculture come l&#8217;antico Pantheon romano. Tuttavia, tutte queste opere d&#8217;arte hanno una cosa in comune, che \u00e8 nota come il rapporto aureo. Gli ace designer e i creatori di siti web si affidano ancora a questo tempo collaudato&#8230;<\/p>\n","protected":false},"author":1,"featured_media":207474,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[199,56],"tags":[],"class_list":["post-255951","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-web-design","category-web-e-wordpress"],"_links":{"self":[{"href":"https:\/\/inform.click\/it\/wp-json\/wp\/v2\/posts\/255951","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=255951"}],"version-history":[{"count":0,"href":"https:\/\/inform.click\/it\/wp-json\/wp\/v2\/posts\/255951\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/inform.click\/it\/wp-json\/wp\/v2\/media\/207474"}],"wp:attachment":[{"href":"https:\/\/inform.click\/it\/wp-json\/wp\/v2\/media?parent=255951"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/inform.click\/it\/wp-json\/wp\/v2\/categories?post=255951"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/inform.click\/it\/wp-json\/wp\/v2\/tags?post=255951"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}