{"id":255529,"date":"2023-07-22T10:29:00","date_gmt":"2023-07-22T07:29:00","guid":{"rendered":"https:\/\/inform.click\/app-che-possono-ridurre-il-tuo-onere-scientifico-nel-design\/"},"modified":"2023-07-22T10:55:00","modified_gmt":"2023-07-22T07:55:00","slug":"app-che-possono-ridurre-il-tuo-onere-scientifico-nel-design","status":"publish","type":"post","link":"https:\/\/inform.click\/it\/app-che-possono-ridurre-il-tuo-onere-scientifico-nel-design\/","title":{"rendered":"App che possono ridurre il tuo onere “scientifico” nel design"},"content":{"rendered":"

\n Cosa non piace di pi\u00f9 ai web designer? Probabilmente codifica. E forse un secondo vicino \u00e8 la prototipazione per tutti i dispositivi. E tutto ci\u00f2 che pu\u00f2 semplificare questo tipo di cose consente a un designer di dedicare pi\u00f9 tempo agli aspetti creativi del suo lavoro.\n<\/p>\n

\n Con questo in mente, ci sono una serie di fantastiche nuove app che ogni designer dovrebbe esplorare come potenziali aggiunte al proprio toolkit!\n<\/p>\n

\n FRONTIFICARE<\/a>
\n<\/h5>\n

\n Che sito fantastico per te per creare le tue guide di stile e archiviarle nel cloud per riferimenti futuri e per la condivisione. Sono disponibili modelli di guide di stile per loghi e immagini, tavolozze di colori, tipografia, icone e testo e contenuti multimediali personalizzati. L'altro grande vantaggio qui \u00e8 che non devi creare manualmente le tue guide di stile PDF: le memorizzi su Frontify e possono essere convertite in file PDF per il download, la stampa e la condivisione. Il controllo delle versioni mantiene tutte le versioni precedenti in background per richiamarle in qualsiasi momento. Puoi iniziare con i loro modelli o ricercare esempi di brand book per personalizzare il tuo. Tutte le funzioni sono accessibili tramite API. Ecco un esempio di cosa puoi fare solo con un logo, usando quello di Frontify:\n<\/p>\n

\n Questo \u00e8 il logo di base. Frontify ha deciso che le “gocce” erano fondamentali qui, ma che potevano fare molte altre cose, mantenendo comunque coerente il logo. Ecco i cambiamenti di colore:\n<\/p>\n

\"\"<\/a><\/p>\n

\n Ed ecco un esempio di variazione del logo di base:\n<\/p>\n

\"\"<\/a><\/p>\n

\n Questo \u00e8 solo un esempio dei modelli di design e colore che puoi utilizzare per creare guide di stile uniche e tutti i componenti sono intercambiabili.\n<\/p>\n

\n COMPOSITORE VISIVO<\/a>
\n<\/h5>\n

\n Questa app \u00e8 in circolazione da un po ‘e potresti gi\u00e0 conoscerla, ma sarebbe difficile trovarne un'altra con il pacchetto di opzioni di progettazione. Ha sostanzialmente portato via gli ardui compiti di pianificazione e programmazione. Puoi avere layout di progettazione in pochi minuti, aggiungendo elementi con un solo clic. Ne vale la pena il prezzo di $ 25. Bottoni per tutto; molte opzioni di animazione, opzioni di condivisione immediata e cos\u00ec via. Oltre 40 elementi di contenuto in questo bambino! \u00c8 davvero uno strumento per tutti gli usi! Se non sei sicuro di tutte le sue funzionalit\u00e0 e di come puoi utilizzare questa app, dai un'occhiata ai tutorial video qui<\/a>.\n<\/p>\n

\"\"<\/a><\/p>\n

\n Ci sono fantastiche funzionalit\u00e0 che ti consentono di progettare le tue pagine molto rapidamente e puoi modificare quasi tutti gli elementi. Ad esempio, ci sono diversi elementi di griglia predefiniti che puoi modificare o un'opzione per progettare la tua griglia.\n<\/p>\n

\n Se c'\u00e8 un aspetto negativo di Visual Composer, \u00e8 che lascia dietro di s\u00e9 un sacco di piccolo codice quando lo disattivi che deve essere rimosso prima di iniziare un nuovo tema. Ecco un esempio di un design creato tramite Visual Composer.\n<\/p>\n

\"\"<\/a><\/p>\n

\n CACCIA AL DISEGNO<\/a>
\n<\/h5>\n

\"\"<\/a><\/p>\n

\n Quando la tua ispirazione si \u00e8 appena fermata, probabilmente la cerchi cercando nuovi siti Web che potrebbero darti grandi idee. Questo pu\u00f2 richiedere un po' di tempo, quindi perch\u00e9 non utilizzare un metodo molto pi\u00f9 conveniente? Design Hunt \u00e8 una sorta di “stanza di compensazione”, ma cambia il suo intero repertorio su base giornaliera. Disegna nuovi fantastici design trovati su Pinterest, Dribble, Designer News, DesignInspiraton e altro ancora e li pubblica per i designer che cercano nuove ispirazioni e idee. Ora puoi andare in un posto ogni giorno e trovare una collezione completamente nuova.\n<\/p>\n

\n TOOKAPIC<\/a>
\n<\/h5>\n

\"\"<\/a><\/p>\n

\n Relativamente nuovo nel settore delle foto d'archivio, Tookapic ha ora oltre 11.000 foto d'archivio, la maggior parte gratuite, il resto a un piccolo prezzo. Potrebbe piacerti davvero di pi\u00f9 rispetto alla fonte di foto d'archivio che stai utilizzando ora: colori e nitidezza fenomenali e foto davvero uniche. Accedi al loro sito e controlla cosa hanno. Potresti essere sorpreso!\n<\/p>\n

\n MARVEL APP<\/a>
\n<\/h5>\n

\n Questo strumento di prototipazione gratuito ti consente di disegnare e creare prototipi dal tuo cellulare o da qualsiasi altro dispositivo e vedere immediatamente il prototipo. Da l\u00ec, puoi riorganizzare, modificare, aggiungere colore, testo, modificare i moduli e fare praticamente qualsiasi cosa, con compatibilit\u00e0 immediata con qualsiasi dispositivo. Una volta assegnato un nome al progetto, vai immediatamente all'interfaccia principale e inizia. Una volta terminato, puoi visualizzare in anteprima l'intero progetto e interagire con esso per assicurarti che tutto funzioni correttamente.\n<\/p>\n

\"\"<\/a><\/p>\n

\n Per saperne di pi\u00f9 su questo strumento fenomenale, visita il sito Web e guarda la demo: rimarrai entusiasta della facilit\u00e0 d'uso. Una delle migliori funzionalit\u00e0 \u00e8 la possibilit\u00e0 di inserire immagini da qualsiasi luogo (anche Dropbox e sketch) e di qualsiasi tipo di immagine. Puoi anche aggiungere un team se si tratta di un progetto collaborativo. Il pi\u00f9 grande svantaggio di Marvel \u00e8 che ci sono limitazioni con la versione gratuita, quindi dovrai sicuramente aggiornare. Comunque, questo \u00e8 super facile da usare, altrettanto buono di Justinmind.\n<\/p>\n

\n CSS ANIMATO<\/a>
\n<\/h5>\n

\n Se crei molte animazioni, vorrai sicuramente questo strumento. Funzionalit\u00e0 davvero interessanti senza dover scrivere alcun codice. C'\u00e8 una libreria pronta all'uso di effetti di animazione – oltre 50 in realt\u00e0 – e puoi facilmente personalizzare il numero di loop e la durata. L'animazione aggiunge grande coinvolgimento e intrattenimento, a patto di non esagerare!\n<\/p>\n

\n Se stai cercando una gamma davvero completa di funzionalit\u00e0 e opzioni, tuttavia, i CSS da soli non riempiranno il conto. Mentre certamente il dibattito su CSS e JavaScript continua, ci sono sicuramente modi in cui possono essere usati insieme. Ad esempio, hai progettato un'ottima animazione CSS, ma vuoi che scorra da sinistra quando un utente arriva a un certo punto nello scorrimento verso il basso. Dovrai aggiungere JS per farlo. Capire che CSS ha i suoi limiti e pu\u00f2 essere migliorato da JS \u00e8 solo un uso saggio degli strumenti disponibili.\n<\/p>\n

\"\"<\/a><\/p>\n

\n Tuttavia, Animate CSS \u00e8 davvero facile da eseguire. Lo scarichi, alleghi CSS, jQuery e qualsiasi altro componente che desideri e inizi ad animare. C'\u00e8 un ottimo tutorial su YouTube per iniziare.\n<\/p>\n

\n COOLORS<\/a>
\n<\/h5>\n

\n Se ti capita di essere daltonico o semplicemente sfidato dalla combinazione di colori, questo strumento svilupper\u00e0 un'intera combinazione di colori per te o ne creer\u00e0 una se sai da dove vuoi iniziare. Quando trovi un colore che ti piace, bloccalo e continua a fare clic: otterrai uno schema completo con tutti i colori che desideri. Ci\u00f2 \u00e8 particolarmente utile se si desidera utilizzare sfumature di colore. Non c'\u00e8 nulla di veramente controverso in questo strumento: i designer che lo usano lo adorano; quelli che non l'hanno ancora provato. L'unico aspetto negativo? Non \u00e8 pi\u00f9 gratuito e devi avere un account iTunes per scaricarlo.\n<\/p>\n

\"\"<\/a> Generatore automatico di combinazioni di colori per chi ha problemi di colore<\/p>\n

\n CERCHIO.SVG<\/a>
\n<\/h5>\n

\n Questo non \u00e8 uno strumento completo con molte opzioni, modelli e simili, ma ecco un modo unico per progettare un menu o pi\u00f9 su tutte le pagine che desideri! Tutto quello che fai \u00e8 inserire le specifiche di ci\u00f2 che desideri nel tuo menu. Ti verranno quindi fornite istruzioni dettagliate su come costruirlo e incorporarlo in una pagina specifica.\n<\/p>\n

\"\"<\/a> Qualcosa per coinvolgere meglio i visitatori<\/p>\n

\n Circular SVG \u00e8 probabilmente superiore a CSS per la creazione di questo tipo di elemento. Una volta scaricato, hai 3 opzioni: puoi disegnare i tuoi settori in un editor grafico, come Sketch, e poi esportarli come SVG, aggiungere interazione e incorporarli; puoi disegnare i tuoi settori con il codice; oppure puoi utilizzare il generatore Circculus direttamente nell'app.\n<\/p>\n

\n I CSS ti consentono di creare una navigazione circolare, ma ci sono alcuni bug del browser e in pi\u00f9 \u00e8 solo un sacco di lavoro. Devi iniziare con un rettangolo, spezzarlo, quindi inclinare e ruotare quelle sezioni. E, se usi pi\u00f9 di semplici icone nei tuoi settori, diventa pi\u00f9 complicato.\n<\/p>\n

\n Usando SVG, puoi disegnare qualsiasi forma tu voglia, usando linee specifiche e comandi ad arco per le “cunei di torta” che desideri – ecco un esempio:\n<\/p>\n

\"\"<\/a><\/p>\n

\n Una volta che hai disegnato ciascuno dei tuoi spicchi e l'icona e\/o il contenuto sono stati incorporati, ti unisci semplicemente a loro.\n<\/p>\n

\n METAFLOP<\/a>
\n<\/h5>\n

\n Stanco degli stessi vecchi caratteri e stili di lettere? Crea il tuo – non \u00e8 richiesta alcuna codifica – basta fare clic e trascinare. Il passaggio a caratteri e stili unici per il testo pu\u00f2 incoraggiare i visitatori a leggere effettivamente il contenuto! Questa app \u00e8 cos\u00ec bella che ti divertirai a non giocarci per ore. E non dirai mai pi\u00f9 che la tipografia \u00e8 la parte meno sexy del web design.\n<\/p>\n

\n \u00c8 cos\u00ec semplice. Personalizzi i caratteri da una serie di diapositive che hanno caratteristiche diverse: altezza, apertura e contrasto. Ti aggiusti finch\u00e9 non hai quello che ti piace e poi lo scarichi come pacchetto di font web (gratuito). C'\u00e8 anche una libreria di font predefiniti tra cui scegliere. Continua a giocare: capirai perch\u00e9 i type designer possono essere una “razza in via di estinzione”.\n<\/p>\n

\"\"<\/a> Cattura l'attenzione con caratteri e stili unici<\/p>\n

\n FONTFLAME<\/a>
\n<\/h5>\n

\"\"<\/a><\/p>\n

\n Questo \u00e8 davvero un “nuovo ragazzo sul blocco”. Fontflame tenta di sollevare i designer da un solo onere in pi\u00f9: trovare abbinamenti di caratteri che funzionino davvero. In questo momento, ha 10 accoppiamenti pubblicati sul suo sito, ma aggiunge giornalmente. Esempi di abbinamento, utilizzando la libreria di font gratuita di Google, includono “Lobster-Asap” e “Roboto-Open Sans”. Altre librerie verranno aggiunte presto. Tieni d'occhio questo sito: presto avr\u00e0 molto da offrire in accoppiamenti.\n<\/p>\n

\n PODCAST LIBERO PROFESSIONISTA<\/a>
\n<\/h5>\n

\"\"<\/a><\/p>\n

\n Non un'app o uno strumento: questo \u00e8 un podcast settimanale per designer e sviluppatori da non perdere. Ospitato da Paul Jarvis, avrai accesso a nuove tendenze, app e strumenti e molti consigli davvero pratici.\n<\/p>\n

\n IN VISIONE<\/a>
\n<\/h5>\n

\n Ecco un ottimo strumento di prototipazione che ha diverse funzionalit\u00e0 che non si trovano negli altri. Come tutti gli altri, crei il tuo mockup per uno o tutti i dispositivi: scegli quelli che desideri. Una volta creato il prototipo, puoi visualizzarlo in anteprima su tutti i dispositivi e quindi inviarlo ai clienti o ai membri del team per la revisione. Possono commentare direttamente il design stesso, il che \u00e8 un vantaggio enorme. Altre due interessanti funzionalit\u00e0 di In-Vision sono una modalit\u00e0 cronologia, che ti consente di vedere tutte le versioni precedenti di un progetto e 3 progetti demo su cui i designer possono lavorare finch\u00e9 non si sentono a proprio agio con tutte le funzionalit\u00e0.\n<\/p>\n

\"\"<\/a><\/p>\n

\n Confrontando In-vision con l'app Marvel, le differenze importanti sono probabilmente queste:\n<\/p>\n

    \n
  1. InVision ha pi\u00f9 funzionalit\u00e0 di Marvel, ma questo lo rende anche pi\u00f9 complesso. Ad esempio, ha pi\u00f9 funzionalit\u00e0 di collaborazione dal vivo, uno strumento per screenshot di annotazioni e fantastici elementi di cronologia.\n <\/li>\n
  2. Marvel ha un'app per iOS e sta attualmente lavorando su app per Android e iPad – InVision non le ha.\n <\/li>\n
  3. InVision \u00e8 probabilmente migliore per un team pi\u00f9 grande, Marvel meglio per team singoli o piccoli.\n <\/li>\n<\/ol>\n

    \n I commenti degli utenti di entrambe queste app farebbero pi\u00f9 luce su quale sia la migliore per quali scopi.\n<\/p>\n

    \n Probabilmente hai alcune app preferite di cui gli altri designer vorrebbero conoscere. Raccontaci cosa sono e come ti danno pi\u00f9 tempo per essere un artista.\n<\/p>\n<\/p>\n

    \n Fonte di registrazione: instantshift.com<\/a>\n<\/div>\n","protected":false},"excerpt":{"rendered":"

    Cosa non piace di pi\u00f9 ai web designer? Probabilmente codifica. E forse un secondo vicino \u00e8 la prototipazione per tutti i dispositivi. E tutto ci\u00f2 che pu\u00f2 semplificare questo tipo di cose consente a un designer di dedicare pi\u00f9 tempo agli aspetti creativi del suo lavoro. Con questo in mente, ci sono una serie di fantastiche nuove app che ogni designer dovrebbe esplorare come potenziali aggiunte al proprio toolkit! FRONTIFY Che bel sito per te per creare le tue guide di stile e archiviarle nel cloud per riferimento futuro e per la condivisione. Esistono modelli di guide di stile per i loghi…<\/p>\n","protected":false},"author":1,"featured_media":147533,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[654,121,602,199,56,147],"tags":[],"class_list":["post-255529","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-siti-web","category-strumenti-web","category-tecnologia-e-altro","category-web-design","category-web-e-wordpress","category-web-suggerimenti-e-trucchi"],"_links":{"self":[{"href":"https:\/\/inform.click\/it\/wp-json\/wp\/v2\/posts\/255529","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=255529"}],"version-history":[{"count":0,"href":"https:\/\/inform.click\/it\/wp-json\/wp\/v2\/posts\/255529\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/inform.click\/it\/wp-json\/wp\/v2\/media\/147533"}],"wp:attachment":[{"href":"https:\/\/inform.click\/it\/wp-json\/wp\/v2\/media?parent=255529"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/inform.click\/it\/wp-json\/wp\/v2\/categories?post=255529"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/inform.click\/it\/wp-json\/wp\/v2\/tags?post=255529"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}