Archivio per la tag 'webdesign'
Schetch2Code: applicazione che trasforma uno schizzo o un disegno fatto a mano con testi scritti in codice HTML
Pubblicato da Alberto
Schetch2Code è un progetto interessante di Microsoft AI, sebbene ancora a livello sperimentale, in grado di utilizzare l’intelligenza artificiale per realizzare progetti da pubblicare via internet.
Si tratta di un’applicazione web che trasforma uno schizzo o un disegno fatto a mano con testi scritti in codice HTML.
Il sistema è un grado di scannerizzare la bozza di un qualsiasi design e fornire il codice per pubblicare il relativo frame in un sito web tale e quale come è stato realizzato lo schizzo.
In pratica lo strumento viene in soccorso alla stragrande maggioranza di persone che gestiscono siti web ma che non hanno una profonda conoscenza dei linguaggi di programmazione ed in particolare dell’HTML.
La procedura è molto semplice, si carica la bozza di un progetto o lo si fotografa con la webcam e il sistema elabora il codice HTML da scaricare e utilizzare per pubblicarlo in una pagina web.
È possibile anche verificare nel dettaglio il funzionamento dell’algoritmo di rielaborazione come si può vedere da queste immagini:
Si tratta dunque di uno strumento utile per blogger, webmaster e web designer in erba e che potrebbe tornare utile a tutti coloro i quali gestiscono siti web ed hanno bisogno di grafiche particolari da pubblicare, insegnanti inclusi.
Picular: il Google dei colori
Pubblicato da Alberto
Picular ama definire se stesso il “Google dei colori”.
Si tratta infatti di una specie di motore di ricerca di colori che si basa proprio sugli algoritmi di Google.
Notoriamente se effettuiamo una ricerca su Google e selezioniamo il tab immagini avremo una serie di figure e di foto come risultato. Picular non fa altro che rendere la palette dei colori di tali immagini con i rispettivi codici esadecimali attraverso un’esperienza utente davvero grandiosa.
Ecco un’esempio con la parola “acqua”:
E un altro esempio con la parola “bosco”:
Passando il mouse sopra l’icona in basso a destra di ciascun riquadro colorato possiamo vedere la corrispondente immagine originale da cui è stato ricavato.
Picular è gratuito e accetta ricerche in tutte le lingue dal momento che non fa altro che elaborare i risultati forniti da Google in forma visuale.
Si tratta quindi di un’ottima applicazione web, utile non solamente per webmaster, designer e appassionati di grafica digitale, ma anche in campo didattico educativo.
Si può per esempio utilizzare come suggestione per disegnare astrazioni a partire da un preciso tema utilizzando i colori ottenuti con una ricerca o utilizzarlo per spiegare come si formano i colori in campo informatico-digitale e i relativi codici che li contraddistinguono.
Pikwizard: archivio e motore di ricerca con centinaia di migliaia di immagini di libero utilizzo
Pubblicato da Alberto
Pikwizard è un archivio online con più di 100.000 immagini e foto di libero utilizzo gratuite distribuite sotto licenza Creative Commons.
Lo strumento si comporta anche come un vero e proprio motore di ricerca in grado di scovare i file che interessano all’utente.
Non solo, una volta trovata l’immagine giusta, la si può scaricare direttamente oppure decidere se modificarla online tramite un apposito editor chiamato Design Wizard, semplicissimo da usare, che potrebbe essere utilizzato come web app a parte per modificare le nostre immagini via web senza dover installare sul computer ed adoperare appositi software di grafica digitale.
Pikwizard contiene più di 20.000 immagini in esclusiva grazie a una partnership con una serie di fotografi professionisti e di grafici dell’azienda Wavebreak media.
Il loro obiettivo è raggiungere un repository di un milione di immagini e molte foto non richiedono nemmeno l’attribuzione della licenza CC per essere utilizzate.
Un sito ottimo per per blogger e webmaster che hanno bisogno di immagini per le proprie pubblicazioni web, ma anche per professionisti ed insegnanti che hanno necessità di grafiche di qualità per i loro progetti di qualsiasi tipo.
Creare un sito web elegante e di successo con Wix.com
Pubblicato da Alberto
Non è certo la prima volta che in questo blog si parla di Wix.com, decisamente una delle migliori offerte “chiavi in mano” reperibili in internet che risponde efficacemente alla domanda su come creare un sito web gratis.
Wix è ormai da molti anni è una piattaforma leader del settore e, vista la concorrenza che c’è online in questo genere di offerta da parte dei servizi similari basati sul cloud e considerata anche quella delle agenzie fisiche presenti nel territorio in Italia che si propongono per lo sviluppo di siti web per aziende e privati, spesso a prezzi non proprio economici, essa rappresenta una scelta intelligente e produttiva per chiunque abbia bisogno di ottenere visibilità in rete.
I sui sviluppatori, infatti, non finiscono mai di stupire l’utenza offrendo continuamente soluzioni intelligenti, professionali ed utili per realizzare siti web a misura delle richieste e degli obiettivi di chi ha intenzione di ottenere una presenza duratura e di sicuro impatto in rete.
Soltanto l’anno scorso di questi tempi, a questo proposito, avevo scritto in un post riguardo quelli che erano allora i nuovi strumenti proposti da Wix: in particolare presi in esame alcuni nuovi tool messi a disposizione come, Wix Music, Wix Video, Wix Events, Wix Pro Gallery.
In precedenza in un altro articolo avevo invece parlato della semplicità e della facilità d’uso del sistema grazie al suo sviluppo in HTML5, del sistema di scrittura di tipo WYSIWYG che con la tecnica del drag&drop consente di aggiungere contenuti trascinandoli nell’interfaccia della pagina web da costruire, senza avere la minima conoscenza dei complicati linguaggi di programmazione, in modo intuitivo e senza fatica.
Si era anche descritto come all’interno della piattaforma esistesse già un ricco database di temi, di immagini e sfondi gratuiti, eleganti e professionali, da utilizzare per ottenere una grafica di sicuro impatto visivo in generale e nelle gallerie di immagini in particolare; dell’ottimizzazione per ottenere siti mobile friendly, vale a dire che riescono ad adattarsi automaticamente alla visualizzazione tramite dispostivi mobili come tablet e smartphone; della cura dell’aspetto social e di molto altro ancora.
Insomma, pur essendo Wix un sistema per creare siti web ormai ben consolidato e di successo, le novità e i tool messi a disposizione dell’utenza migliorano continuamente e si arricchiscono di nuove interessanti funzionalità.
La prima che voglio segnalare è Wix Code, un nuovo strumento che tramite la cosiddetta Wix UI, regala agli utenti una potente soluzione che offre la possibilità di creare siti web robusti senza limiti di gestione dei dati e di personalizzare il comportamento delle varie componenti dei siti Wix.
Wix Code, in pratica, promette di estendere le già ricche funzionalità presenti con una marcia in più, di aumentare per così dire la cilindrata del motore del proprio sito web senza compromettere le problematiche di hosting ma, sempre utilizzando il completissimo ed efficiente editor visuale di Wix.
Sembrerà un paradosso ma Wix Code, a scapito del nome, apre l’accesso a potenti strumenti tipici dei CMS e dei loro plugin senza la necessità di padronanze tecniche specifiche e senza conoscenze approfondite di coding.
Con Wix Code, inoltre è possibile gestire comodamente più siti web dalla stessa dashboard di lavoro, senza dover noiosamente entrare e uscire ogni volta per ciascuno. Una funzionalità decisamente interessante per le aziende o gli enti che hanno bisogno di intere suite di siti web.
Le pagine dinamiche, inoltre, permettono di generare uno stile di design unico che una volta prodotto si adatta a liste e a serie di contenuti del nostro sito web. In pratica da una singola pagina si può produrre una lista di link correlati con URL distinte e separate senza duplicare contenuti.
Non dimentichiamo che Wix.com non è soltanto un sistema per creare siti web ma anche una piattaforma hosting. Ciò significa che l’utente può utilizzarlo dalla A alla Z, dal processo di creazione alla gestione nel tempo, all’abbonamento dello spazio online senza rivolgersi a provider esterni.
A questo proposito, un’altra interessante novità di Wix sono gli strumenti che aiutano all’ottimizzazione dei contenuti per darli in pasto ai motori di ricerca e per ottenere conseguentemente la necessaria visibilità in rete.
In particolare il Wix SEO Wiz, vale a dire il “mago della SEO” (Search Engine Optimization), aiuta a trovare la maniera di essere reperiti online e di apparire in una posizione alta nelle ricerche di Google e quindi di migliorare il proprio buisiness o comunque la propria visibilità.
Con il nuovo Wix ADI poi, entra addirittura l’intelligenza artificiale nella creazione di siti web personalizzati. Grazie a questo strumento infatti, rispondendo semplicemente ad una serie di domande iniziali, il sistema sarà in grado di proporre offerte su misura. Un altro esempio di come Wix.com abbia a cuore i propri clienti, studiando continuamente soluzioni intuitive ed intelligenti per metterli a proprio agio.
Un’ultima applicazione di cui voglio spendere volentieri due righe è infine il Wix Logo Maker, un nuovo prodotto di Wix che consente di creare un logo professionale del tutto personalizzabile per il proprio marchio senza dover spendere denaro richiedendo le prestazioni esterne di qualche web designer.
In conclusione Wix.com non è soltanto la classica proposta su come creare un sito web gratis come ce ne sono tante nel web, ma anche e soprattutto una piattaforma flessibile e completa, potente ed intuitiva che offre pacchetti scalabili completi, adatti per tutte le varie esigenze di chi ha bisogno di costruire siti web efficienti e dal sicuro impatto grafico.
Wix, dunque, propone soluzioni per tutti i bisogni e le necessità: dal blogger alle prime armi alla grande azienda che vuol promuovere il proprio marchio, dal piccolo imprenditore al commerciante che vuol aprire un negozio in internet, dal professionista all’insegnante, dall’ente privato al piccolo o grande esercente, da chi ha bisogno di una singola pagina web per un portfolio o un curriculum alle imprese che ne devono generare a migliaia e sempre di nuove.
Wix, in definitiva, è ormai una realtà consolidata in Italia e anche a livello planetario, in continuo progresso e sviluppo che offre un piano del tutto gratuito e pacchetti scalabili a pagamento con sistemi di assistenza 24 ore su 24, sette giorni alla settimana.
Il tutto, come già detto, chiavi in mano senza dover richiedere l’aiuto degli specialisti del settore: serve soltanto con un minimo fantasia e di voglia di distinguersi usando le proprie competenze, anche se minime, perché sempre e comunque facilitati e accompagnati nel processo di costruzione.
Witeboard: una semplice lavagna virtuale collaborativa per scrivere e disegnare online con riconoscimento delle forme
Pubblicato da Alberto
Witeboard è una semplice lavagna virtuale collaborativa per scrivere e disegnare online dotata di riconoscimento delle forme.
Si tratta di uno strumento che può essere usato con compagni e colleghi a scuola o al lavoro per condividere idee in tempo reale in un processo di brainstorming, ma che può essere anche utilizzata in sostituzione dei software proprietari delle varie LIM in commercio.
Non offre ovviamente tutte le funzioni delle lavagne interattive fisiche ma si limita alle principali: scrivere testi, disegnare liberamente, disegnare figure, cancellare, correggere l’ultima azione.
A questo proposito è possibile attivare lo strumento di riconoscimento delle forme (vedi esempio sopra). Disegnando un cerchio o un quadrato a mano libera per esempio, esso sarà riconosciuto e reso perfetto.
Ci sono anche delle scorciatoie di tastiera per disegnare facilmente forme perfette: linee, rettangoli e cerchi.
Witeboard funziona direttamente via web tramite un normale browser, offre un numero illimitato di lavagne e non richiede registrazione: si accede alla pagina ed è subito pronta all’uso.
È pertanto raggiungibile con qualsiasi device: computer desktop, portatili, tablet o smartphone che sia. Naturalmente, viste le caratteristiche, rende al massimo con dispositivi touch.
Gli studenti possono usare lo strumento a distanza condividendo un link, per esempio da casa propria o in mobilità, per collaborare in progetti didattici scrivendo, scarabocchiando, disegnando e tenere traccia del loro flusso di lavoro perché Witeboard ne salverà le varie fasi.
Stessa cosa possono fare insegnanti o chiunque abbia necessità di collaborare in un processo di brainstorming o di semplice illustrazione di concetti.
Insomma, un’applicazione minimalista ma allo stesso tempo potente, gratuita e facile da usare.
Come creare un logo gratuito con DesignEvo
Pubblicato da Alberto
Ci sono situazioni in cui hai bisogno di un logo per il tuo marchio o negozio e non sai come farlo. DesignEvo è un’applicazione gratuita che ti permetterà di creare il design di un logo in un modo molto semplice.
Requisiti per la creazione di un logo con DesignEvo:
La prima cosa è avere una connessione internet, dato che lo strumento è online e non ha bisogno di installazione.
L’unico requisito aggiuntivo è avere un po’ d’immaginazione e un pizzico di creatività.
Come funziona DesignEvo?
Questo strumento offre la possibilità di lavorare con tre tipi di elementi, che puoi aggiungere a piacere, senza perdita di qualità.
Aggiungi icone
Grazie alla vasta raccolta di icone offerte da DesignEvo, puoi trovare ciò che desideri utilizzare con il motore di ricerca integrato nella barra laterale di sinistra. Seleziona l’opzione Icona e inserisci la parola chiave relativa al tipo di attività e otterrai vari risultati che potrai scegliere e modificare con il tuo colore, il riflesso e l’opacità.
Aggiungi testo
Passa all’opzione Testo e puoi aggiungere delle scritte al tuo logo. Scrivi il nome e lo slogan della tua azienda e vai al comodo editor di testo dove puoi scegliere un font tra più di 100 preimpostati gratuiti, imposta il colore, la dimensione, lo stile e aggiungi un contorno o un effetto glow per ottenere una stampa perfetta.
Aggiungi forme
Ci sono più elementi disponibili che puoi aggiungere per migliorare i tuoi loghi, come forme, linee, banner, decorazioni e simboli. Scegli quello che ti serve.
Funzionalità semplici ma potenti in DesignEvo:
- Registrazione: la registrazione non è richiesta e lo strumento è completamente gratuito.
- 3000+ modelli di logo gratuiti.
- Combinazione di più elementi da modificare.
- Più di un milione di icone da scegliere e personalizzare.
- Più di 100 tipi di font diversi.
- Varie forme e banner disponibili.
- Scelta di colori personalizzati.
- Sfondo: cambia il colore di sfondo, in cui puoi scegliere un colore a tinta unita o una sfumatura.
- Controllo della trasparenza.
- Ingrandimento e riduzione dello spazio di lavoro.
- Annulla e ripristina: controlla le modifiche che stai apportando.
- Grid: attiva o disattiva una griglia per avere un riferimento della posizione degli elementi.
- Display: dimensioni della schermata, dal 10% al 200%.
- Layout: posiziona automaticamente gli elementi in un modulo preimpostato.
- Anteprima: visualizza l’anteprima del logo su vari media per vedere l’effetto finale.
- Dimensioni logo personalizzate: puoi scegliere una dimensione tra 32x32px e 2000x2000px.
- Download: otterrai 3 file, JPG, PNG e PNG trasparenti.
Se sei un designer, vedrai che DesingEvo è uno strumento molto basilare per creare loghi, ma anche molto potente E soprattutto, è gratis.
Quando si tratta di creare loghi da diffondere in internet, semplici biglietti da visita, un banner o la testata di un sito web, DesignEvo è uno strumento straordinario che aiuta molto. I blogger che cercano un logo per i loro siti e i proprietari di piccole imprese che desiderano un buon logo ma non hanno un budget possono sicuramente provare DesignEvo.
In generale, come strumento gratuito per la creazione di loghi online, DesignEvo estende le possibilità di editing e personalizzazione della creazione di un logo. È semplice, intuitivo e diretto tanto che chiunque lo può utilizzare anche senza alcuna abilità e conoscenza di grafica digitale.
ENGLISH VERSION
How You Can Create a Free Logo with DesignEvo
There are situations that you need a logo for your brand or shop and you do not know how to do it. DesignEvo is a free application that will allow you to create a logo design in a very easy way.
Requirements for creating a logo with DesignEvo:
The first thing is to have an internet connection, since the tool is online and does not need installation.
The only additional requirement is to have a little imagination and a pinch of creativity.
How does DesignEvo work?
This tool offers the possibility to play with three types of elements, which you can scale at will, without loss of quality.
Add icons
Thanks to the large collection of icon database that DesignEvo offers, you can find what you want to use with the search engine on the left sidebar. Choose Icon option and input the keyword related to the type of your business and you will get various results which you can choose and edit with your own color, reflection, and opacity.
Add text
Switch to the Text option and you can add text to your logo. Write down your company name and slogan if you have on the logo, and go to the handy text editor where you can choose a font from 100+ free presets, set font color, size, style and add an outline or glow effect to have perfect typography.
Add shapes
There are more elements available that you can add to level up your logos, such as shapes, lines, banners, decorations and symbols. Choose what you need.
Simple yet powerful features in DesignEvo:
- Registration: Registration is not required and the tool is completely free.
- 3000+ free logo templates.
- Combine multiple elements to edit.
- More than a million icons to choose and customize.
- More than 100 different fonts.
- Various shapes and banners available.
- Choose custom colors.
- Background: Change the background color, where you can choose a solid color or a gradient.
- Transparency control.
- Enlargement and reduction of the working canvas.
- Undo and Redo: Control the changes that you are making.
- Grid: Activate or deactivate a grid to have a reference of the position of the elements.
- Display: Size of the screen view, from 10% to 200%.
- Layout: Place the elements in a pre-set form automatically.
- Preview: Preview the logo on various media to see the final effect.
- Custom logo size: You can choose a size between 32x32px and 2000x2000px.
- Download: You will get 3 files, JPG, PNG and transparent PNG.
If you are designers, you will see that DesingEvo is a very basic tool to create logos, but very powerful for certain moments. And best of all, it’s free.
When it comes to making logos for a web, simple cards, a banner or the head of a website, DesignEvo is an impressive tool that helps a lot. Bloggers who are looking for a logo for their sites, and small business owners who want a good logo but do not have budget can definitely try DesignEvo out.
Overall, as a free online logo maker tool, DesignEvo extends the possibilities of editing and customization of logo creating. It’s simple, intuitive and straightforward that anyone can use even without any skills.
