All posts filed under: Links

Niente Tofu grazie

Design / Graphic Design / Links / Typography

A volte capita di vedere nel testo delle pagine web strani rettangoli che sembrano celare segreti accessibili solo a particolari iniziati. Questo accade quando il carattere utilizzato non possiede tutti i glifi (lettere e simboli) utilizzati nel testo e il rettangolo misterioso viene comunemente chiamato Tofu. Qualche anno fa Google lanciò un progetto open source, con l’obiettivo di creare un carattere veramente completo. Al progetto parteciparono anche Monotype e Adobe e il risultato fu la […]

Hey Jarvis, progetta un sito web.

Design / Links / website

Con il rilascio di GPT-3 (Generative Pre-training Transformer) da parte dei ricercatori di OpenAI, è salito l’entusiasmo per l’integrazione dell’Intelligenza Artificiale nei processi di design. GPT-3 permette la gestione di 175 miliardi di parametri e si moltiplicano gli esperimenti sulla generazione automatica di testi, contenuti e anche layout interattivi digitali. Molti articoli comparsi sull’argomento sono stati scritti direttamente dalla sig,na AI (forse anche le righe che state leggendo?).

Skeuomorphism is back

Design / Graphic Design / Links

Nel 2010 Microsoft introdusse Metro Style per l’interfaccia utente di Windows Phone 8, caratterizzata da griglie di rettangoli, icone monocromatiche e tinte piatte in uno stile che sarà poi denominato Flat Design. La rottura con il “vecchio” realismo delle interfacce Apple (chiamato Scheumorfismo) fu eclatante, tanto che quest’ultima dovette rivoluzionare il proprio look and feel a partire dal successivo iOS 7. Da allora il design delle interfacce digitali è stato caratterizzato da forme geometriche semplici, […]

Typography e Illusioni ottiche

Design / Graphic Design / Links / Typography
Typography and optical illusions

La progettazione dei caratteri tipografici è una battaglia contro le illusioni ottiche, dove possiamo vincere solo se ci arrendiamo. Con queste parole Jonathan Hoefler ci introduce ai principi grafici e ottici che guidano un designer nella creazione di caratteri eleganti ed equilibrati, facendo interagire forme curve, spigoli e spessori. Attraverso strane distorsioni dobbiamo costruire non ciò che esiste realmente ma ciò che l’occhio “penserà” di vedere.  https://www.typography.com/blog/typographic-illusions

Design patterns in voice interfaces

Design / Links

Le interfacce vocali sono sempre più diffuse e sono oggetto di analisi approfondite in ambito UX e UI. Possiamo parlare di “pattern” anche per le interfacce vocali? Jesùs Martin tratta il tema in questo un interessante articolo per UX Collective. https://uxdesign.cc/design-patterns-in-voice-interfaces-628a169294ec Photo by Annie Spratt on Unsplash

Quale Mobile First?

Design / Links / website

Usiamo ormai comunemente l’espressione Mobile First per indicare la necessità di sviluppare soluzioni interattive partendo dalla progettazione mobile (è vero, a volte anche per darci un tono). Ma, con un mercato che vede crescere costantemente le dimensioni fisiche degli smartphone, c’è da chiedersi quale sia il vero “Mobile First”. Un interessante articolo di Patrick Robert Doyle (Head of Design at Gowago) analizza la sua esperienza quotidiana di validazione UX/UI mobile mediante un iPhone SE alquanto […]

Brandy

Design / Graphic Design / Links / Typography

In occasione del lancio della propria beta release, Brandy ha pubblicato alcune interessanti informazioni storiche su otto noti brand internazionali e sulla loro immagine coordinata: Apple, Next, NASA, 1972 Munich Olympics, 1980 Moscow Olympics, IBM, New York City Transit Authority, Deutsche Bank. Un tuffo nella storia del brand design. https://www.trybrandy.com/blog/iconic-brand-guidelines-and-logo-manuals-from-60s-70s-and-80s

Letterform Online Archive

Design / Graphic Design / Links / Typography

È disponibile la consultazione online dei tesori grafici dello storico centro californiano non-profit Letterform Archive. Aperto nel 2015 a San Francisco dal collezionista Rob Saunders, il centro vanta circa 50.000 opere di graphic e typographic design, lettering e calligrafia. Un’eccezionale fonte di ispirazione e formazione. Link: http://oa.letterformarchive.org/ Immagine copertina: brochure per Olivetti Lettera 22 di Osvaldo Pintori (1950) – fonte: Letterform Archive.

Sketch, Figma, Adobe XD Comparison

Design / Links

Sketch, Figma e Adobe XD. Interessante articolo di Poyi Chen che analizza le caratteristiche peculiari dei tre principali software UX/UI Sketch, Figma e Adobe XD. Tutti e tre sono ottimi tool, Figma punta sulla facilità di utilizzo e collaborazione, Sketch e Adobe hanno molti più plug-in da integrare. Link: https://uxdesign.cc/which-ui-design-tool-should-i-use-in-2020-afbc1c6c0b08

Spitzkant

Links / Typography

Julien Fincker ha creato il nuovo carattere serif Spitzkant caratterizzato da un alto contrasto (nella versione Head), grazie affilate abbinate a forme sinuose. La famiglia è completata dalla versione Text, con minore contrasto tipografico, adatta per l’appunto al testo esteso e quindi a dimensioni minori. Un carattere elegante e veramente completo con un set di 850 glifi, con legature opzionali, alternative stilistiche e numeriche, frazioni e molto altro. Per maggiori dettagli: http://www.julienfincker.com/spitzkant.html