I social network, e i social media in generale, sono ormai ubiquitari. Per questo motivo un sito che si rispetti non può non comprendere tool o collegamenti alle piattaforme più in voga: siano esse i classici Facebook e Twitter, ma anche Instagram, Snapchat, Reddit o Behance. Non sempre, però le icone ufficiali si abbinano alle esigenze del Webdesign, perché stilisticamente lontane da quanto si è scelto per il proprio sito. Come sfruttare al meglio la connessione con i social rispettando l'armonia di un progetto? (more...)

Continua a leggere Icone per social media: risorse gratuite

Categoria: Grafica

Bjango App Icon Templates è una raccolta completa di template di icone concepiti per la realizzazione di interfacce utente da associare ad applicazioni dedicate a diverse tipologie di piattaforme e dispositivi; le risorse disponibili tramite questo set grafico potranno essere utilizzate per progetti da sviluppare con le soluzioni software per la creatività più diffuse, come per esempio Photoshop, Illustrator, Sketch e Affinity Designer. (more...)

Continua a leggere Bjango: icon templates e actions per Photoshop

Categoria: Grafica

Oltre a prestazioni, usabilità ed efficienza, quali altri fattori determinano il successo di un'App? L'icona potrebbe essere uno di questi. Un post apparso sul blog di AppAnnie, piattaforma per il mobile marketing, fornisce alcuni consigli per crearne di efficaci senza lasciare nulla al caso. (more...)

Continua a leggere Mobile: un’icona può contribuire al successo di un’App?

Categoria: Software e Servizi

Tags: , ,

Beh, sono oggettivamente bellissime. E, si badi, non sono state usate immagini. La spiegazione la trovate in questo post. àˆ un esperimento, un modo per far vedere cosa si può fare con i CSS3 (lo stesso autore rende esplicito che per le icone il modo migliore di procedere consiste nell'uso di... immagini!), per cui gli si può perdonare se il tutto rende alla perfezione solo sui più recenti browser basati su WebKit.

Continua a leggere Le icone di iOS fatte solo con i CSS

Categoria: CSS

Tags: ,

Non so da quanto esiste, ma l'ho scoperto solo da un paio di giorni questo Findicons. Si tratta di un motore di ricerche per icone che scova i risultati giusti nel contesto di ben 287.194 icone gratuite e 2.102 collezioni. Non male, soprattutto per le comodissime opzioni di filtro disponibili e visibili sulla parte sinistra della pagina quando si effettua una quelunque ricerca.

Continua a leggere Cercare e trovare icone con Findicons

Categoria: Web Design

Tags:

Ricorro al concetto di falso amico consapevole che non è in tutto sovrapponibile al caso di cui voglio parlare. Rimane però l'idea del trarre in inganno. Sul sito di Querious, un'applicazione Mac per la gestione di database MySQL, è presente sulla destra una serie di miniature che, ingrandite, propongono ottimi screenshot del programma. Ora, in questi casi è sempre lecito chiedersi "ma sono tonto io o c'è qualcosa di sbagliato?". Indovinate dove per ben tre volte ha puntato, istintivamente, il cursore del mio mouse. Indovinate qual è l'unica zona della miniatura che non fa ingrandire l'immagine.

Continua a leggere I ‘falsi amici’ nelle interfacce web

Categoria: Web Design

Tags: ,
di napolux

La disponibilità  di chip GPS (ormai integrati in cellulari, fotocamere, ecc...) ha permesso l'avvento del fenomeno del geotagging: l'assegnazione di coordinate geografiche a contenuti prodotti da dispositivi elettronici. HTML 5 ha poi portato all'integrazione delle informazioni di geotagging anche all'interno delle pagine web. Come per gli RSS, lo sharing di contenuti e i microformati ora è disponibile un'icona standard per indicare informazioni "geotaggate" sul web (link a Google Maps, Flickr, etc... ad esempio). Lo scopo di questa iniziativa è ovviamente è quello di rendere immediatamente riconoscibile il contenuto geotaggato all'utente, permettendo un riconoscimento "standard" di questi contenuti in tutto il web.

Continua a leggere L’icona geotag

Categoria: Grafica

Tags: ,

La maggior parte delle icone in uso sul web ha ormai raggiunto un grado di popolarità  tale da essere di fatto entrate nell'uso comune. L'icona di una casetta rappresenta l'home page, una lente di ingradimento una funzionalità  di ricerca e così via. Nulla da eccepire sull'uso delle icone. Ma cosa succede quando l'uso si trasforma in abuso? Cosa succede quando la simbologia e la semantica di un'icona raggiunge una polisemia tale da sfiorare l'autoreferenzialità ? (more...)

Continua a leggere Evitare l’abuso di icone

Categoria: Contenuti e Web Writing

Tags: ,

Volevo segnalarvi due utili servizi online che consentono di generare elementi grafici per le nostre applicazioni sia web che desktop. Iconizer.net e Preloaders.net permettono, rispettivamente, di generare icone personalizzate e immagini di preload. Relativamente a quest'ultimo, per immagini di preload si intendono quelle piccole animazioni che consentono di comunicare all'utente il fatto che l'applicazione è impegnata nel caricamento di una risorsa oppure nell'elaborazione di informazioni. Iconizer.net offre un catalogo di icone tra cui scegliere, suddivise in categorie, che è poi possibile personalizzare nelle dimensioni, nella tipologia di file ed in altri parametri. Tutte le icone generate tramite Iconizer possono essere liberamente utilizzate nei propri progetti, anche di tipo commerciale. Similmente anche Preloaders.net offre un set prestabilito di animazioni suddivise in tipologie da cui è possibile scegliere quella di proprio interesse e personalizzarla in alcuni aspetti, come il colore dello sfondo, la trasparenza, la dimensione e così via. Anche in questo caso tutte le animazioni generate possono essere utilizzate liberamente per i propri progetti.

Continua a leggere Generatori di grafica per applicazioni

Categoria: Grafica

Al momento in cui scrivo il blog di Iconspedia è irraggiungibile. Non ho potuto pertanto scaricare Weby, il set di 100 icone gratuite creato da Asher Abbasi per questo popolare sito/raccolta di icone. Ho però trovato un'anteprima su CrazyLeaf Design. Le icone sono di 64x64px e disponibili nei formati PNG, ICO e ICN.

Continua a leggere Weby, un bel set di icone free

Categoria: Grafica

Tags: