Creiamo dei patterns originali con Repper

Repper-webfandom Oggi vi propongo uno strumento per Designer veramente ottimo.

Si tratta di Repper, un programma realizzato in flash che consente di creare in modo del tutto gratuito degli ottimi patterns per i nostri siti web.

Di servizi simili ne abbiamo già trattato sul blog, ma Repper si distingue per la qualità del risultato.

Entrati nella home page, avremo un piccolo video tutorial che vi riporto qui sotto:

Leggi tutto l’articolo

5 ottimi motori di ricerca per icone

Quest’oggi vi propongo 5 ottimi servizi web gratuiti per ricercare le icone dei vostri progetti.

I risultati della ricerca produrranno immagini con estensioni: .ico, ma anche .png, .jpg e .gif.

Buona ricerca a tutti!

iconSearch

Leggi tutto l’articolo

Template gratuiti per Twitter in formato PSD

Oggi vi riporto una serie di Template gratuiti per Twitter in formato PSD, che potrete liberamente scaricare e utilizzare per i vostri progetti.

Articolo revisionato e aggiornato con la nuova versione di Twitter, queste risorse ora non servono più, per ulteriori informazioni consultare: [PelFusion] per i vecchi background.

IconFinder, il motore di ricerca delle icone

Icon-Finder

IconFinder è un motore di ricerca per icone, ne contine oltre 106.800 e diversi set gratuiti pronti per essere scaricati.

Basterà inserire, come in Google, la tipologia di icone e verranno prodotti diversi risultati.

Si potrà poi:

  • Settare il numero di icone per pagina, con la relativa tipologia di sfondo da applicare

Set-BackGround

  • Le icone sono divise per risoluzione, sono disponibili dimensioni di: 16X16 – 24X24 – 32X32 – 64X64 – 128X128

    Icon-Resolution

    Il servizio, inoltre, mette a disposizione per le aziende la possibilità di creare icone Custom realizzate in esclusiva su richiesta del cliente.

    Ovviamente è un servizio a pagamento, ma le cifre sono veramente basse.

    Custom-Icon

    Scegliamo i giusti colori con 5 magnifici servizi Web 2.0

    ColoRotate

    ColoRotate

    Colorotate è un servizio molto bello graficamente, realizzato totalmente in Flash. Consente di visualizzare le varie cromature selezionando i colori da un diamante 3D.

    Oltre alla presentazione grafica, il servizio consente di esportare i pantoni in diversi formati quali: PDF, CSS, ACT e ASE.

    Kuler

    Kuler

    Kuler è realizzato anch’esso in Flash ed è molto simile al servizio precedente. Consente però la generazione random di cromature simili tra loro.

    Registrandosi al servizio si avrà la possibilità di salvare le proprie realizzazioni, offrendo anche uno spazio per i commenti.

    Color Scheme Designer

    Color Scheme Designer

    Color Scheme Designer è il servizio che preferisco di più perchè, più completo rispetto ai servizi precedenti.

    • Consente il salvataggio in diversi formati: CSS, HTML, PDF, XML e altri
    • Ha un motore di accostamento di colori molto preciso
    • Permette di avere le visualizzazioni dei colori per particolari malattie visive, tra cui: tritanopia, protanopia, deuteranomalia, ecc…

    Toucan

    Toucan

    Toucan è molto simile ai servizi in precedenza esposti, con l’opzione in più di poter visualizzare a tutto scermo la cromatura realizzata.

    Il video di seguito, vi illustrerà le principali funzioni:

    Color Wizard

    E’ l’unico realizzato in asp senza l’ausilio di Flash. Minimale nella grafica, ma utile nel risultato prodotto.

    Color Wizard

    Per approfondire visitate l’articolo di WebDesignLedger che contiene altri 5 tools gratuiti!

    Oltre 1300 textures e patterns da scaricare

    1300-textures-gratuite

    Una raccolta massiva di texture che spero possano servirvi per i vostri progetti e realizzazioni grafiche!

    Personalizziamo i nostri sfondi con TileMacchine

    TileMachine

    Tile Machine è un servizio molto divertente, che consente di creare degli sfondi per le nostre pagine web.

    Richiede l’installazione di ShockWave per poter funzionare, che se non è già installato nel vostro browser, potrete scaricarlo gratutitamente dal sito di adobe.

    La schermata principale è molto semplice ed è composta da strumenti base di disegno, quali:

    • selezione del colore
    • matita
    • gomma
    • cerchi e rettangoli
    • risoluzione dell’immagine
    • altro

    TileMachine-Screen

    Una volta generata l’immagine, potremo scaricarla e aggiungerla alla galleria d’immagini create dagli utenti.

    TileMachine-Finish

    Ho realizzato per voi questa trama e ora vorrei illustrarvi perchè questo servizio è vantaggioso per chi lo usa.

    TileMachine-Trama

    Tile Machine ha una precisione nel realizzare questa trama e il risultato prodotto potrebbe essere utilizzato nei nostri web template, per disegnare quei particolari che magari con Photoshop ci risulterebbero difficili.

    Di seguito vi riporto uno stralcio di codice css e l’esempio completo da scaricare, per capire come, la nostra trama, potrebbe essere utilizzata:

    body {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;

    background-image: url(SfondoProva.jpg);
    background-repeat: repeat-x;
    background-color: #D7B3B3;
    }

    E voi come realizzate i particolari dei vostri siti?

    typoGenerator – il reale astratto

    Nato da un progetto universitario di due studenti Austriaci, typoGenerator è un servizio web 2.0 molto particolare.

    Consente infatti di generare delle composizioni astratte di parole in modo del tutto casuale.

    L’applicazione si snoda su 5 semplici opzioni:

    1. Inserimento delle parole su cui creare l’effetto
    2. Il formato: orizzontale o verticale
    3. Lo stile del testo
    4. Il colore
    5. Lo sfondo

    TypoGenerator

    E’ un servizio che non può essere spiegato a parole, ma deve essere assolutamente provato!

    Creiamo dei loghi d’impatto in pochi click

    WebFandom-Logo-GeneratorPochi click bastano per generare un logo d’impatto come quello sopra.

    Basta utilizzare: Web 2.0 Free Logo Generator un servizio molto comodo per la generazione online di Loghi personalizzati.

    Il servizio è molto immediato e mette a disposione le seguenti opzioni:

    Opzioni-LogoCreator-WebFandom

    • Testo da formattare
    • Colore dello sfondo
    • Colore della parola
    • Font
    • Colore dell’effetto della parola
    • Effetto reflex
    • Eventuali simboli da inserire
    • DPI dell’immagine e relativa tipologia

    La velocità di creazione e la qualità del risultato rendono Logo Generator un’ottimo strumento, da tenere in considerazione per chi non ha esperienza nel campo della grafica.

    Altri servizi molto validi sono:

    Le form del poco tempo

    Form-Editor-1

    PHPForm è un comodo editor di form on-line, gratuito, veloce che non richiede registrazione.

    Consente in pochi click di avere delle vere form in formato HTML, pronte all’uso. I passaggi per crearle sono pochi e gli strumenti a disposizione tanti.

    Per prima cosa selezioniamo lo schema di colore che vogliamo applicare, premiamo su next e passiamo alla prossima schermata.

    Qui troveremo diverse opzioni per personalizzare la form, quali:

    Strumenti-1

    man mano che si aggiungono elementi sarà possibile editarli per rinominare le label e personalizzare i titoli della form.

    L’affetto finale sarà una struttura HTML leggera alla quale noi potremo apportare diverse modifiche, sia dal punto di vista grafico che dal punto di vista del codice.

    Form-Editor-Risultato

    Sfortunatamente questo servizio non crea un file CSS per personalizzarne lo stile, per questo motivo vi riporto un altro servizio gratuito che ci aiuterà a crearlo: FormStyleGenerator.

    StileForm-Generator

    Il servizio permette di dare una formattazione a:

    • Sfondo
    • Bordo
    • Font e testi
    • Label
    • Eventi del mouse in base al click

    Una volta generato il codice, lo potremo applicare a qualsiasi delle nostre form e magari modificarlo per creare degli effetti più accattivanti.

    Questi due servizi sono rivolti principalmente a chi non ha molta confidenza con html e css, perchè li ritengo molto utili come basi da cui partire per poter creare form più complesse.

    Prima Ultima 6 di 7

    Il progetto WebFandom

    WebFandom Logo

    Internet e' la prima rete dati pubblica e capillarmente diffusa presso famiglie e imprese, percio' e' un canale di distribuzione virtuale in grado di raggiungere clienti di qualunque dimensione.

    WebFandom si occupa di una realizzazione e distribuzione di informazioni, prodotti e servizi sulla rete per imprese di medie e grandi dimensioni, progettando siti internet e sistemi informativi aziendali a forte impatto visivo. Organizziamo campagne pubblicitarie sia online che offline, per promuovere persone, prodotti e aziende.

    Se sei interessato potresti consultare i nostri servizi o profili. Se invece pensi che siamo in grado di darti una mano, puoi guardare il nostro portfolio per farti un'idea di cosa sappiamo fare.

    Elementi di comunicazione visiva

    WebFandom - eBook gratuito

    Il primo eBook gratuito italiano sulla comunicazione visiva, un manuale teorico di progettazione grafica che si divide in: Basic e Brand Design. Lo scopo e' quello di fornire un metodo per lo sviluppo di un marchio aziendale.

    Seguici su facebook!

    Aderiamo ai seguenti Network:

    WebFandom - Bergamonews

    BergamoNews e' tra i piu' visitati quotidiani online di Bergamo e Provincia, informazioni libere e gratuite da tutta la citta', isole, provincia e Italia. Webfandom aderisce al loro network di blog.

    WebFandom - Young Digital

    Young Digital Lab e' il network dei migliori giovani professionisti italiani nel campo dei social media. Una societa' di formazione e consulenza sulla comunicazione ai tempi del Social Web.

    SideBlog: Notizie Flash dalla rete

    Archivio sideblog

    Ultimi Preferiti Più letti