Contenuto
- 01. Repo dei sistemi di progettazione
- 02. PixelSnap
- 03. Sketch.The.Ripper
- 04. Stackswell
- 05. Caratteri variabili
- 06. Fatturazione a strisce
- 07. CreativeGuild
- 08. Mobbin
- 09. HueSnap
- 10. Eggradients
- Ottieni il tuo biglietto per Generate New York
Il tema della nostra carrellata di questo mese è la velocità e l'efficienza: alcune di queste strumenti di web design farà cose incredibili per il tuo flusso di lavoro eliminando attività noiose e frustranti che non hanno nulla a che fare con il design. Prendi Stackswell: automatizza tutti i fastidiosi passaggi del design reattivo in Sketch. Un altro dei nostri strumenti velocizza le cose estraendo e organizzando tutte le risorse da un file .sketch.
Inoltre, c'è un nuovo fantastico prodotto di fatturazione di Stripe, un ottimo strumento di networking per i creativi di Tina Roth Eisenberg e un fantastico strumento per misurare le cose sullo schermo in pixel.
01. Repo dei sistemi di progettazione
Se ti è stato assegnato il compito di lavorare su alcuni degli ingredienti per il sistema di progettazione della tua organizzazione, o forse anche di costruire o codificare il sistema stesso, ti consigliamo di metterti al corrente delle ultime risorse sull'argomento.
Per questo, Design Systems Repo è tuo amico. È una raccolta di libri, articoli, conferenze, siti web, strumenti, sistemi di progettazione, librerie di modelli e guide di stile che puoi utilizzare per comprendere come stanno facendo le cose le organizzazioni più importanti e i pensatori più importanti.
02. PixelSnap
PixelSnap è un'app molto elegante che rende la misurazione delle cose sullo schermo molto, molto meno fastidiosa. Posiziona il cursore tra due elementi come un'immagine e un'intestazione e ti dice automaticamente il numero di pixel tra di loro. Disegna un rettangolo attorno a un elemento e si aggancia intorno ad esso e ti dice le sue dimensioni. Sì. Puoi misurare le cose così velocemente.
Guarda il video sulla homepage per avere l'idea. L'app ha un prezzo di $ 15 e l'unico inconveniente è che per ora è disponibile solo come app per Mac. Ma se sei un utente Mac, è un'ottima cosa.
03. Sketch.The.Ripper
L'esportazione e la preparazione di risorse da Sketch da consegnare a un altro team può essere una vera seccatura, quindi la prospettiva di uno strumento che lo faccia per te con un clic è piuttosto eccitante. Sketch.The.Ripper estrae e organizza le schermate, copia e immagini raster da tutte le tavole da disegno in un file .sketch e le presenta in modo conveniente. Puoi vedere un esempio dell'output di un file copiato qui.
Questo strumento è basato sul Web, quindi funziona su qualsiasi sistema operativo, il che può rimuovere alcuni attriti dal flusso di lavoro se le persone utilizzano sistemi diversi. È realizzato da Icons8 e puoi leggere ulteriori informazioni al riguardo qui.
04. Stackswell
Stackswell accelera il tuo flusso di lavoro di progettazione reattiva portando le media query in Sketch e automatizzando il processo di aggiornamento degli stili di testo e dei simboli per ogni punto di interruzione. Invece di eseguire questo lavoro manualmente, quando si regola la larghezza di una tavola da disegno, gli stili si aggiornano automaticamente.
Stackswell ti risparmia anche il lavoro di dover controllare la tua spaziatura verticale per ogni punto di interruzione, in modo da ottenere una spaziatura costante con il minimo fastidio. Puoi leggere di più in questo articolo.
05. Caratteri variabili
I caratteri variabili consentono di utilizzare molti spessori e larghezze di caratteri diversi senza dover includere un file separato per ciascuno: si include un file e quindi si modifica il carattere utilizzando i CSS. È un'ottima situazione perché ti consente di utilizzare al meglio la tipografia nei tuoi progetti, senza dover aumentare il peso della pagina.
Tuttavia, non tutti i caratteri variabili sono uguali; alcuni sono più flessibili di altri. Questo strumento ti consente di trovare diversi tipi di carattere e sperimentarli per vedere se soddisfano le tue esigenze. Per ulteriori informazioni sui caratteri variabili e per avere un'idea di cosa si può ottenere, prova questa demo.
06. Fatturazione a strisce
Il nuovo prodotto di fatturazione di Stripe per le aziende online offre una terza via alle aziende che stanno valutando il dilemma se creare o acquistare un sistema di fatturazione (per ulteriori informazioni, dai un'occhiata al nostro articolo sulle soluzioni per negozi online). L'API di fatturazione Stripe si integra facilmente in un sito esistente e ti consente di utilizzare elementi costitutivi per creare un sistema flessibile su misura per le tue esigenze.
Quando il tuo sistema è impostato, tutto è gestito da una dashboard in cui puoi tenere sotto controllo abbonamenti, fatture e report finanziari. Ottieni anche potenti funzionalità come il sistema di pagamento globale di Stripe, che gestisce diverse valute e carte di credito, e i componenti di fatturazione flessibili che ti consentono di sperimentare con i prezzi.
07. CreativeGuild
CreativeGuild è uno spin-off di CreativeMornings, una serie di conferenze mensili gratuite fondata da Tina Roth Eisenberg a Brooklyn dieci anni fa. Il concetto è stato un successo e ora ci sono capitoli CreativeMornings in oltre 185 città in tutto il mondo, ognuna con la sua vivace comunità che nutre e ispira i suoi membri.
CreativeGuild ha lo scopo di portare online alcuni aspetti della comunità in modo che sia accessibile a più persone. Puoi pensare che sia un po 'come LinkedIn, ma per i creativi. Esiste un elenco di aziende creative, individui e posti di lavoro e puoi cercare in base alla località per trovare opportunità nella tua città.
08. Mobbin
Mobbin è una galleria di progetti di app mobili che puoi utilizzare per ottenere idee per i tuoi progetti: invece di installare molte app, puoi sfogliarle in un unico posto per vedere come gli altri stanno risolvendo i problemi di progettazione. Vengono visualizzate sei schermate per ciascuna app in modo da poter avere un'idea del percorso dell'utente e del modello di progettazione per ciascuna di esse. C'è anche una barra laterale che mostra le schede di lavoro.
09. HueSnap
Non sai mai quando l'ispirazione colpirà; forse l'arredamento di un hotel o la luce del parco sembreranno la combinazione di colori giusta per il tuo lavoro. In tal caso, puoi scattare una foto e utilizzare HueSnap per estrarre i colori dall'immagine e trasformarli in una tavolozza.
L'app è pensata per l'utilizzo mobile, quindi funziona al meglio sul tuo telefono e puoi salvare e condividere le tue tavolozze con altri. Ci sono varie funzioni che aiutano a modificare una tavolozza, come le opzioni per scegliere colori complementari e composti. Le tue tavolozze possono avere fino a sei colori ciascuna.
Per ulteriori informazioni, dai un'occhiata alla nostra carrellata dei migliori strumenti di colore per i web designer.
10. Eggradients
Chiunque abbia messo insieme questa raccolta di bellissime sfumature ha un grande occhio per il colore e un interessante senso dell'umorismo. Ciascun gradiente viene visualizzato in un contenitore a forma di uovo e viene assegnato un nome che può o meno essere correlato ai colori in qualche modo. Se c'è una relazione, non siamo stati in grado di decifrarla.
I nomi di esempio includono "Immigrato di successo" per una sfumatura turchese, "Cuore spezzato di Wozniak" per un blu pallido e "Nemico misericordioso" per una transizione dal giallo al verde.
Ottieni il tuo biglietto per Generate New York
Evento principale di web design Genera New York è tornato. Tra il 25 e il 27 aprile, i relatori principali includono Dan Mall di SuperFriendly, il consulente di animazione web Val Head, lo sviluppatore JavaScript completo Wes Bos e altri. C'è anche una giornata di workshop e le migliori opportunità di networking: da non perdere. Ottieni ora il tuo biglietto Generate.