Designabile logo

Designabile

Subscribe
Archives
March 1, 2022

Designabile #20 🇺🇦 - web3 Design Trend, Ombre perfette, CSS Holist 2022

questo numero arriva leggermente in ritardo perché quanto sta accadendo in Ucraina e nella nostra Europa ha catalizzato tutta la mia attenzione per diversi giorni.

Trovare le risorse – sopratutto mentali – per lavorare (che sia scrivere una newsletter, un post sul blog, seguire un progetto, etc) quando la realtà che ci circonda viene sconvolta nel giro di poche ore non è facile.

Ma in quale modo dobbiamo andare avanti. Buona lettura e...Slava Ucraini 🇺🇦


1. Il web3 ha il suo design trend: Boxmoji

1*3Xweslw-NXQ27r34SPQ2Jg.png

Il web3 ha un suo design trend: si chiama Boxmoji e fa delle emoji e di un uso marcato di bordi e ombreggiature il suo tratto distintivo.

🎨 Sperimenta questo stile usando un CSS di base

➡️ Cos'è il web3


2.Creare ombre perfette

Schermata 2022-02-28 alle 17.31.38.png

Le ombre sono molto utilizzate in UI Design per dare profondità e stabilire una gerarchia visiva tra gli elementi.

Sono anche chiamate box-shadow o drop shadows. Non basta però applicare un ombra ad un elemento per ottenere l'effetto giusto.

Come ogni strumento grafico, se usato bene aggiunge valore al prodotto. Altrimenti, ne abbassa la qualità percepita.

Josh Comeau spiega in modo dettagliato come creare ombre perfette. Leggi il post sul suo blog


3. CSS Hotlist del 2022

css-in-2022-1120x599.png

Cosa ci riserverà di nuovo il linguaggio CSS quest'anno? Quali features vale la pena conoscere ed imparare?

La hotlist di Bram.us ci da qualche anticipazione:

  • Container Queries
  • Cascade Layers
  • Color Functions
  • New viewport Units
  • :has()
  • Overscroll Behaviour
  • Subgrid
  • Accent Color
  • Media Query Ranges

Se sei un designer e, ancora oggi, ti chiedi perché imparare questo linguaggio...ti consiglio [questa lettura]


RISORSE

📚Libri di UX

Se vuoi imparare o approfondire un tema di UX Design, questa lista è una delle più complete (e aggiornate!) che puoi trovare sul web

📐 Principi di Design

Una raccolta dei più importanti principi di design da utilizzare nel tuo lavoro e nei tuoi progetti.


Al prossimo numero! 👋

Ciao, Francesco

Don't miss what's next. Subscribe to Designabile:
Powered by Buttondown, the easiest way to start and grow your newsletter.