Hai mai sentito parlare di Pixel Perfect? Ti è stato chiesto in merito nei colloqui di lavoro o l'hai visto nelle offerte di lavoro? In tal caso, potresti avere dei dubbi su ciò a cui si riferiscono. A meno che tu non sappia per certo di cosa si tratta, dalla tua formazione o dalla tua esperienza.
Ma se così non fosse e hai bisogno di chiarire questo concetto in modo da non essere beccato come un "novellino" in un'intervista, ecco tutte le informazioni che devi sapere al riguardo. Dai un'occhiata?
Che cosa è pixel perfetto
È possibile che con quelle parole si possa pensare che si riferisca alla creazione di illustrazioni o immagini con pixel perfetti (cioè con gli elementi che compongono un'immagine).
Ma in realtà va oltre. È vero che si tratta proprio di questo, raggiungere la perfezione con i disegni.
Queste tecniche sono utilizzate principalmente nella progettazione di pagine o applicazioni, ma nulla ti impedisce di utilizzarle durante la creazione di immagini con il tuo computer.
Il termine è entrato in uso negli anni '90., che si caratterizzavano perché le pagine web venivano realizzate tramite Photoshop, in modo più tradizionale (non come adesso). Per questo motivo si cercavano persone che padroneggiassero perfettamente lo strumento e le tecniche in modo che il design fosse adeguato.
Certo, sono passati molti anni e, sebbene non siano molti alla ricerca di professionisti che sappiano applicare la tecnica pixel perfect, non fa male saperlo, oppure almeno sapere quali tecniche sono state utilizzate per ottenere un risultato migliore.
Ve ne parleremo di seguito.
tecniche pixel perfette
Come ti abbiamo detto prima, qui parleremo delle diverse tecniche che un professionista pixel perfetto ha utilizzato per raggiungere il suo obiettivo.
Accessibilità
L'accessibilità è qualcosa che non ti permette di sapere a cosa ci riferiamo se non ti diamo più dati, giusto?
Immagina di avere una pagina web che avrà un menu da cui vengono visualizzate diverse opzioni.
Un sito web inaccessibile sarebbe quello che, in quelle opzioni visualizzate, può essere letto un estratto di ogni pagina.
Un sito web accessibile sarebbe quello che, in quelle opzioni visualizzate, avremmo una o due parole che definiscono cosa si troverà in quella pagina.
In altre parole, e puntando sul design, si tratta di creare un sito web o un'applicazione facile da navigare, che non crei problemi e che sia anche intuitivo.
Tipografia
Sebbene la tipografia possa rientrare in quella che sarebbe l'accessibilità, la verità è che ha una sua tecnica.
Da un lato, Devi trovare un font che sia efficace per l'attività o il settore di quel sito web. Ma è anche importante che abbia una dimensione e una spaziatura adeguate in modo che sia leggibile, in modo che possa essere visto in qualsiasi browser, dispositivo, ecc.
In questo caso è sconsigliato puntare su font molto originali, fuori dal "classico". Perché puoi scoprire che il browser cambia la lettera perché non ce l'ha, perché il testo non viene visualizzato, ecc.
il pixel
Come no, Se parliamo di pixel perfect, una delle tecniche che devi padroneggiare perfettamente Si tratta di pixel. Non dovresti solo sapere cosa sono, la loro importanza, ecc. ma anche come usarli a proprio vantaggio.
E in questo senso, dovresti sapere che uno dei fallimenti di coloro che non li padroneggiano perfettamente è consentire la rasterizzazione dei bordi (cosa che Photoshop può fare per impostazione predefinita).
Per evitarlo, avrai bisogno che i bordi siano dritti e, inoltre, che siano interi. In altre parole: utilizzando le impostazioni di Photoshop dovresti evitare l'anti-aliasing e la rasterizzazione dei pixel.
gerarchia visiva
Sebbene questa tecnica non sia così correlata ai pixel, è correlata all'ordine in cui appariranno i diversi elementi di un sito Web o di un'app. Quando lo fai in Photoshop, dovevi essere molto chiaro su come volevi che tutto apparisse (perché era difficile cambiarlo in seguito).
Per questo motivo, quando si costruiva la "base" o struttura del web, era necessario sapere quali elementi erano rilevanti, in che misura e l'ordine in cui dovevano apparire per avere un design visivamente piacevole.
Organizzazione e nomenclatura
A meno che tu non realizzi il sito web completamente da solo, e ti organizzi come vuoi, avere una buona organizzazione dà un'ottima immagine.
I designer generalmente lavorano come una squadra. Pertanto, presentare un file ben organizzato, per livelli, e definire ogni elemento (non solo i siti Web, ma anche le immagini, le icone, ecc. che contiene) aiuterà ad apportare modifiche molto più velocemente in seguito, perché saprai sempre dove toccare.
allineamento e spaziatura
Offrire un web design con diversi prodotti, ma ognuno più alto o più basso del prossimo sarà caotico. Primo, perché darai una pessima immagine; e secondo perché visivamente sembrerà così disordinato che le persone vorranno solo andarsene il prima possibile.
Prendersi cura dei margini, stabilire linee verticali e orizzontali in modo che ogni elemento sia centrato e creare criteri per le dimensioni raggiungerà l'equilibrio sulla pagina.
Inoltre, farai "respirare" il design e, con esso, non ti sentirai sopraffatto da tutto ciò che vedi, ma piuttosto andrai con più calma.
Colore, forma e significato
Gli elementi visivi di un sito Web o di un'app devono "sposarsi". Cioè, è necessario che siano combinati tra loro in modo che offrano un risultato come se fossero sempre stati insieme. Questo è ciò di cui si occupa Pixel Perfect.
Altrimenti confonderà l'utente.
Ad esempio mettendo accanto un'icona nera con un'altra dal colore fluorescente.
Devi prestare attenzione a quei dettagli. perché possono distruggere completamente il risultato finale.
La tecnica pixel perfect è più raramente utilizzata, soprattutto perché i siti Web non vengono più creati utilizzando Photoshop. Ma questo potresti spostarlo per altri usi. Hai mai sentito parlare di lei?