Ti sei mai confuso riguardo ad alcuni dei gerghi del designer? (Può capitare a designer e non designer allo stesso modo.) Il gergo del design si è evoluto nel corso degli anni, senza dubbio lasciando alcuni di voi scuotere la testa!
Stiamo analizzando la terminologia, in base al tipo di progettazione, nella speranza di semplificare la comunicazione tra progettisti e clienti. Ecco una guida a cosa significa tutto ciò con 12 termini ciascuno nelle categorie del design generale e del web design. Torna più tardi questa settimana per i termini relativi al design della stampa e alla progettazione del tipo.
Design generale
Ci sono alcune parole che vengono utilizzate universalmente quando si tratta di progetti di design - stampati e online. Questi termini possono essere la differenza tra comunicare facilmente con altri progettisti o clienti e faticare a capirsi.
Allineamento: La posizione degli elementi all'interno dei margini. Questo può essere applicato a testo, immagini o altri elementi. Esistono quattro tipi di allineamento: sinistro, destro, giustificato e centrato.
Tavolozza dei colori (cartella colori): L'insieme definito di colori che è accettabile da utilizzare in un progetto. Ogni colore dovrebbe avere un valore impostato piuttosto che un nome come rosso, viola o menta. Non c'è un numero stabilito di colori in una tavolozza; spesso variano in base al progetto e includono tre o più tinte, sfumature e tinte.
copyfitting: Il processo di regolazione delle dimensioni del tipo, del tracciamento e della spaziatura delle linee per adattarlo allo spazio desiderato. Le tecniche di copiatura possono includere manipolazioni al font (dimensioni e spaziatura) o modifiche per rendere le parole adatte.
FPO (solo per posizione): Questa è un'immagine segnaposto, in genere a bassa risoluzione, utilizzata per mantenere una certa forma o dimensione prima che l'immagine finale sia pronta.
Greeking: Modifica delle proprietà di visualizzazione per accelerare la velocità di ridisegno su uno schermo in modo che le immagini e il testo vengano visualizzati rapidamente mentre i riquadri grigi sono chiamati "greeking". Ciò renderà le immagini e digiterà illeggibile. Alcuni progettisti usano questo termine per riferirsi a un'immagine o testo che non si collega correttamente a un documento, risultando anche in una casella grigia.
Immagine dell'eroe: L'immagine o la grafica più grande e più audace nel design. Questa immagine sovradimensionata è il punto focale di un progetto.
Spazio negativo (spazio bianco): Lo spazio inutilizzato attorno al tuo design è riferito a questi termini. Lo spazio bianco è generalmente definito come spazio al di fuori dell'area del testo e dell'immagine, mentre lo spazio negativo è spesso parte dello schema generale del progetto. Entrambi dovrebbero essere pensati come spazi previsti e pianificati.
Pantone: Pantone Matching System è un sistema di colori proprietario creato dalla società Pantone ed è comunemente chiamato semplicemente "Pantone". Il sistema standardizzato consente ai progettisti di "parlare la stessa lingua"? in termini di colore per una varietà di opzioni di pubblicazione.
Prova (incolla, wireframe, mockup): Una copia iniziale di un progetto di progettazione che viene utilizzato per esaminare i concetti, controllare gli errori e fungere da strumento per verificare lo stato di un progetto.
Inverso: Usando il tipo e il colore nel modo opposto che ci si aspetterebbe, come il tipo bianco su uno sfondo nero. Il contrario si riferisce anche al negativo di un'immagine.
Regola: Linee sottili utilizzate per distinguere parti del design. Le regole possono essere isolate o essere utilizzate attorno agli oggetti, ad esempio per inquadrare una foto o delineare del testo.
Vector (vs raster): Il formato vettoriale utilizza linee, forme e formule matematiche per creare immagini. Il vantaggio dei formati vettoriali è la creazione di immagini e forme che possono essere ridimensionate senza perdita di qualità. Il vettore è il formato preferito per il design del logo. I formati raster utilizzano pixel (piccoli quadrati) per creare immagini; sono dipendenti dalla risoluzione.
Web e design digitale
Quando si parla di gergo del web e del design digitale, alcuni termini sembrano cambiare continuamente. Alcuni dei più recenti gerghi provengono da tendenze del design e tecniche popolari.
Anti aliasing: Questa tecnica viene utilizzata per appianare i bordi di font e oggetti costruiti in formato raster? Il processo è automatizzato utilizzando un software comune.
Banner: La grande immagine o elemento nella parte superiore di una pagina web. Un banner può essere un'informazione relativa al sito Web e contenere un logo o informazioni di navigazione o un annuncio pubblicitario (banner pubblicitario) che appare nella parte superiore della pagina. Gli annunci banner sono comunemente la larghezza dello schermo (o l'annuncio più grande nella parte superiore dello schermo) di 120 pixel di profondità.
CAPTCHA: L'acronimo di Test di Turing pubblico completamente automatizzato per comunicare a Computer e esseri umani a parte viene utilizzato per proteggere i siti dai robot. Un CAPTCHA è comunemente usato quando si compila un modulo o altra voce di dati. La tecnologia open source è comune e ha una varietà di formati di test (parole, numeri e domande).
favicon: Una piccola immagine 16 per 16 pixel accanto all'URL di un sito Web nella barra dei menu del browser e accanto ai segnalibri. L'immagine minuscola viene utilizzata per rendere il tuo sito Web più riconoscibile. Le favicon sono un elemento di web design comune.
Piatto: Questa tendenza di progettazione è decollata verso la fine del 2013 e continua ad essere popolare. Lo stile di design piatto è minimo, utilizzando tecniche semplici, tipo e quasi nessun effetto o trucchi di design. Apple ha adottato uno stile di design quasi piatto per iOS 7 e altri siti popolari, tra cui Facebook e Google+ utilizzano uno stile semplice.
Lorem ipsum: Segnaposto o testo fittizio che utilizza una varietà di caratteri a parole diverse? lunghezze per darti un'idea precisa di quale sarà il tipo in un blocco di testo.
Parallasse: La parallasse è una tecnica in cui gli strati di contenuto sono progettati per funzionare e muoversi insieme. Le immagini di sfondo, medio e in primo piano vengono create e progettate per spostarsi a velocità diverse in modo che gli elementi sullo schermo si spostino. È una tecnica di scorrimento comune e alla moda. (Ulteriori informazioni in un recente articolo su Design Shack.)
Design reattivo: Questo concetto di web design consente a un singolo sito di eseguire correttamente il rendering su una varietà di dispositivi (desktop, tablet e dispositivi mobili) di diverse dimensioni. Il vantaggio è avere un singolo sito con un'esperienza utente comune.
RGB: La modalità colore per il design digitale che utilizza combinazioni di rosso, verde e blu per creare colori. Nel modello RGB, ogni tonalità usa questi colori per creare ogni colore.
Slider: Questa tecnica popolare utilizza un blocco di grandi dimensioni (spesso basato su jQuery) per ruotare più immagini (e testo) in un'unica posizione sul sito. I cursori possono essere eseguiti automaticamente o in base a clic o tocchi.
Etichetta: Codice allegato a un elemento specifico che fornisce istruzioni per la formattazione. Uno dei riferimenti comuni è? Alt tag ,? che include informazioni su un'immagine in forma di testo.
UX (esperienza utente): Il termine più importante nel web e nel design digitale è l'esperienza dell'utente o il modo in cui il design funziona. UX include tutto su come qualcuno interagisce con un elemento digitale, dal comportamento all'emozione all'atteggiamento.
Frasi alla moda
A volte il gergo si evolve con il tempo. Ecco quattro parole alla moda che dovresti sapere.
Contorno: Molto simile a una regola, questo si riferisce a qualcosa che è delineato. Ma questo tipo di forma è più fluido e aiuta a creare un effetto 3D.
Skeuomorphic: Uno stile che cerca di creare elementi su una superficie piatta e di avere un aspetto tridimensionale. Questi elementi hanno usato i trucchi del design? come ombre, smussature e gradienti per ottenere l'effetto desiderato.
strutturato: I disegni che usano forme geometriche e proporzioni standard sono chiamati strutturati. (Pensa a un logo come il Museo di Fort Worth, che usa più quadrati).
Traslucido: Questo effetto è molto simile a un vetro smerigliato, con uno strato sopra l'altro che consente di ottenere un'immagine di sfondo. I colori e le forme dell'immagine verranno attraverso ma senza definizione.
Conclusione
Potremmo andare avanti con ancora più gergo legato al design. E infatti, lo faremo. Assicurati di cercare? Glossario delle parole "Designer", nuove e vecchie (parte 2)? per i termini relativi al design di stampa e tipografia.
Speriamo che questo primer ti abbia aiutato a capire un po 'di più il linguaggio del design. Quali altre parole senti più spesso in questi giorni? Sai cosa significano? Condividi con noi nei commenti.
Fonte immagine: SamahR.