it.hideout-lastation.com
Paradiso Per Designer E Sviluppatori


10+ plugin gratuiti di Photoshop per i web designer

L'uso delle estensioni di Photoshop aumenta notevolmente la sua capacità di aiutarti a progettare, ottimizzare il tuo flusso di lavoro e renderti più produttivo. Puoi utilizzare un plug-in Photoshop per velocizzare attività ripetitive o noiose come:

  • genera lunghe ombre
  • esportare i livelli di Photoshop
  • convertire PSD in CSS3
  • convertire il testo Photoshop in SVG
  • costruire specifiche di progettazione in Photoshop
  • convertire il design skeuomorphic in design piatto

Ci sono molte altre estensioni di Photoshop in giro e in questo elenco ci sono 12 fantastici elementi che ti aiutano a gestire livelli, colori, guide e altro, per alleviare il carico di lavoro e aiutarti a concentrarti maggiormente su ciò che richiede la tua attenzione. Se conosci ulteriori plugin o estensioni di Photoshop, faccelo sapere nei commenti.

1. Hexy

Hexy ti fornisce un modo più rapido per ottenere codice colore esadecimale e RGB . Con questo plug-in, puoi utilizzare lo strumento eyedropper e fare semplicemente clic sul colore dell'immagine che desideri ritirare, e Hexy copia automaticamente il colore negli appunti per te. In questo modo puoi immediatamente incollarlo per usarlo in CSS. È uno strumento utile per la color-picking.

Compatibilità: Photoshop CC 2014

2. Dimensioni segni

SizeMark consente di aggiungere etichette di una dimensione di oggetto o la distanza tra ciascun oggetto utilizzando uno strumento Selezione . SizeMark salva ogni etichetta creata in un nuovo livello in modo da poterla personalizzare in qualsiasi modo, ad esempio cambiando il colore o regolando la sua posizione. È essenziale quando devi tradurre PSD in un sito web funzionale.

Compatibilità: Photoshop CC 2014

3. Pictura

Hai bisogno di inserire immagini nel tuo design? Dovresti installare Pictura. Pictura ti consente di cercare e aggiungere immagini al tuo Photoshop comodamente senza uscire dallo spazio di lavoro . Una volta installato, Pictura aggiungerà un nuovo pannello in cui è possibile cercare qualsiasi immagine in qualsiasi Licenza necessaria, quindi inserirla immediatamente nel progetto.

Compatibilità: Photoshop CC 2014

4. Forno

Forno è un plugin elegante che ti aiuta a gestire meglio le tue risorse. Il generatore di Photoshop ci consente di esportare le immagini in tempo reale, ma dovrai rinominare tutti i tuoi livelli per generare correttamente l'immagine e il nome corretto. Il forno elimina questa seccatura.

Compatibilità: Photoshop CC e CC 2014

5. Inchiostro

La conversione di PSD in un sito Web funzionale è sempre un processo complicato. Ci sono così tanti dettagli da esaminare come gli stili di livello, la dimensione del carattere, la famiglia di caratteri utilizzati, la dimensione dell'elemento e la posizione rispetto ad altri elementi. L'inchiostro ti aiuterà a generare facilmente queste informazioni .

6. LayerCraft

LayerCraft è un plug-in per Photoshop che consente di esportare i livelli su più livelli . Puoi esportare le immagini in @1x, @2x e anche @3x (che è richiesto nei dispositivi iOS con schermo Retina), o mdpi e xhdpi per Android. Se il tuo lavoro quotidiano sta creando un'interfaccia utente per l'interfaccia mobile, questo è lo strumento che ti fa risparmiare un sacco di tempo.

Compatibilità: Photoshop CC e CC 2014

7. Compositore

Composer migliora la funzione Comp. Photoshop Layer. Piuttosto che disporre di più file separati per archiviare ogni revisione del progetto, Layer Comps ti consente di archiviarli e gestirli tutti in un unico file. Layer Comps agisce come un oggetto avanzato. Ciascuno può contenere un paio di proprietà come stili di livello e metodi di fusione. Il compositore, in questo caso, fornisce il modo più semplice per aggiornare questi stili con un solo clic.

Compatibilità: Photoshop CS5, CS6 e CC

8. Velositey

Velocity è un'estensione che può aiutarti a costruire rapidamente un prototipo di web design . Velocitey viene fornito con una manciata di modelli preimpostati inclusa la griglia. Inoltre, viene fornito con segnaposti di layout comuni per l'intestazione, il contenuto e il piè di pagina del sito Web. Puoi aggiungere tutti questi componenti con un semplice clic. È letteralmente un risparmio di tempo (ed è gratuito).

Compatibilità: Photoshop CS6, CC, CC 2014

9. Duplicatore

Duplicatore fornisce il modo più veloce per duplicare livelli o gruppi di Photoshop . È possibile specificare il numero di copie desiderato e quindi impostare la spaziatura verticale e orizzontale del livello duplicato.

Compatibilità: Photoshop CC e CC 2014

10. Guida rapida

QuickGuide ti aiuta a disegnare le linee guida in Photoshop . Questo plugin fornisce 12 preset per una facile aggiunta di guide su un lato, due lati adiacenti o su tutti i lati di ciascun oggetto. Tra le altre funzionalità che porta sono incluse le guide di blocco e la visibilità, la cancellazione di intere guide o di quelle selezionate e le guide di copia-incolla.

Compatibilità: Photoshop CC 2014

11. Generatore Lorem Ipsum

Lorem Ipsum Generator genererà parole o frasi casuali . Piuttosto che doverlo copiare da un altro posto, puoi generare Lorem Ipsum direttamente dal tuo spazio di lavoro di Photoshop. Sono disponibili un paio di opzioni per personalizzare l'output. Questo plugin è disponibile anche per Illustrator, InDesign e Dreamweaver.

Compatibilità: Photoshop CS5, CS6 e CC

12. Lorem Picsum

Lorem Picsum genera immagini casuali piuttosto che testo . L'immagine fornita è derivata da film e programmi TV popolari come Futurama, Rio, I Simpson, Alla ricerca di Nemo e UP .

Compatibilità: Photoshop CS6 e CC

Un'occhiata alla giusta semantica HTML5

Un'occhiata alla giusta semantica HTML5

Se pianifichi attentamente la struttura dei tuoi documenti HTML, puoi aiutare i computer a dare un senso al significato dei tuoi contenuti . La sintassi corretta è sicuramente importante, ma in pratica fornisce solo parser, motori di ricerca e tecnologie assistive con una serie di dati senza senso.Se si migliora il flusso di lavoro front-end prestando attenzione alla semantica, è possibile creare un contenuto di qualità superiore che attiri più visitatori. La

(Consigli tecnici e di design)

Una panoramica del Framework delle diapositive di Designmodo

Una panoramica del Framework delle diapositive di Designmodo

Le pagine di destinazione e i siti web promozionali sono fondamentali per convertire i visitatori in utenti o clienti. Un design di qualità può essere la chiave per migliorare i numeri di vendita e portare il tuo prodotto al centro della scena.Slide Framework è una serie di modelli per la generazione di layout animati a pagina singola. I

(Consigli tecnici e di design)