Home
» Wiki
»
Istruzioni per limportazione e lesportazione di file in Sketch
Istruzioni per limportazione e lesportazione di file in Sketch
Il software di grafica Sketch offre un modo molto conveniente di importare / esportare file. Sai come si fa? Impariamo come importare ed esportare file in Sketch.
Istruzioni per l'importazione e l'esportazione di file in Sketch
Il modo più semplice per importare i file nel software grafico Sketch è trascinarli e rilasciarli nelle icone della tela o del dock. Puoi inserire:
Foto di bitmap PNG, JPG, TIFF e WebP
File SVG ed EPS
Codice SVG (copia e incolla il codice per creare un nuovo livello)
File AI e PSD (supporto limitato, solo come strato piatto)
Esporta file in Sketch
Il modo più veloce per esportare il tuo lavoro da Sketch è scegliere Condividi> Esporta ... nel menu o premere ⌘+ ⇧+ Eper aprire la finestra di dialogo Esporta . Seleziona i dati che desideri esportare, quindi fai clic su Esporta per aprire MacOS Salva.
Sketch esporta tutto come PNG in dimensioni reali (impostazione predefinita 1x). Per modificare queste impostazioni o esportare da 2 dimensioni o formati, è necessario impostare le impostazioni predefinite di esportazione in Impostazioni.
Puoi anche selezionare qualsiasi livello nell'elenco dei livelli e trascinarlo sul desktop per esportarlo come PNG (o tenerlo premuto ⌥mentre trascini per esportare come PDF). In alternativa, è possibile selezionare una classe, quindi premere ⌘+ E.
Infine, puoi esportare un documento PDF con tutte le sue tavole da disegno selezionando File> Esporta tavole da disegno in PDF …. Puoi scegliere l'ordine delle esportazioni di tavole da disegno tramite Preferenze.
Come creare e utilizzare le impostazioni prima dell'esportazione
Per esportare un livello in un documento in diversi formati o formati, seleziona quel livello> fai clic sul pannello Rendi esportabile nella parte inferiore di Impostazioni. Vedrai le impostazioni di pre-esportazione qui con alcune opzioni:
Dimensione : scegli una dimensione dal menu a discesa o creane una tua digitando il numero direttamente nel campo Dimensione. Sentiti libero di aumentare (2x, 3x ...) o diminuire (0,5x, 0,25x) il rapporto o determinare l'altezza / larghezza specifica in pixel.
Prefisso / Suffisso: se pubblichi il tuo lavoro a tariffe diverse, devi utilizzare il menu a discesa per selezionare un prefisso o suffisso. Puoi personalizzarli digitando nel campo di testo prima (prefisso) o dopo (suffisso) i puntini di sospensione rappresentano il nome del file.
Formato : scegli un formato dal menu a discesa.
Rimuovi predefiniti : fare clic Xper eliminare questo predefinito di esportazione.
Aggiungi predefiniti : fare clic +per aggiungere altri predefiniti per questo livello alle impostazioni di esportazione.
Set di preimpostazioni : fare clic sul pulsante Preimpostazione per selezionare un set di preimpostazioni. Puoi anche creare nuovi set di preset e rimuoverli qui.
Crea un livello : fai clic sull'icona a forma di coltello per creare un livello sottile sul livello selezionato con impostazioni predefinite.
Esporta selezionati ... : fare clic su questo pulsante per esportare il livello utilizzando le impostazioni precedenti.
Anteprima : la finestra di anteprima mostra l'aspetto del layer quando verrà esportato. Puoi anche trascinarlo e rilasciarlo direttamente su un altro desktop o app per una rapida esportazione.
Condividi : Un'altra opzione di esportazione rapida è fare clic sul pulsante Condivisione per le opzioni standard da condividere via Mail, Messaggi, AirDrop ...
Come usare Slice
Slice è un tipo di livello che puoi disegnare su una tela che può esportare tutto al suo interno come immagine. Puoi selezionarli, ridimensionarli, spostarli, nasconderli o raggrupparli come altri livelli.
Come inserire una fetta?
Scegli Inserisci> Slice o fai clic S, quindi fai clic e trascina in qualsiasi punto dell'area di disegno per disegnare una nuova sezione. In alternativa, fai clic su qualsiasi livello per creare una sezione attorno ad esso.
Suggerimento: durante la creazione di una sezione, assegnarne il nome descrittivo nell'elenco dei livelli. Sketch lo userà come nome del file durante l'esportazione. Se includi il / nel nome, Sketch utilizzerà tutto ciò che è scritto prima come nome della cartella, tutto ciò che sta dietro è il nome del file in quella cartella.
Come altri livelli, è possibile configurare più impostazioni di output come sezioni.
Personalizzare le sezioni
Slice ha alcune opzioni speciali situate nell'Ispettore. La casella di controllo Taglia pixel trasparenti eliminerà tutti i pixel vuoti nella sezione attorno ai bordi del contenuto.
Se si inserisce una sezione nel gruppo, la casella di controllo Esporta solo contenuto gruppo assicura che l'eventuale esportazione della sezione copra solo il contenuto di quel gruppo di sezioni.
Controlla colore di sfondo e seleziona il colore di sfondo per la sezione
Come esportare codice CSS e SVG
Seleziona da un livello che diventa nel documento, Ctrl+ fai clic su e seleziona Copia attributi CSS per copiare negli appunti qualsiasi informazione di stile come codice CSS. Ad esempio, questo è il CSS di una forma semplice: