Alcune abilità, devi solo sapere. E tu li conosci meglio così bene che puoi farli quasi senza pensare. Quando si tratta di web design, molte abilità possono cambiare ed evolversi nel tempo, ma ci sono alcuni principi fondamentali che dovresti essere in grado di fare nel sonno.
E anche se non sei un? Web designer? per mestiere, ognuna di queste competenze sta diventando un must-have per tutti i designer che lavorano oggi. Con quanti ti stai già bene? Immergiti e dai un'occhiata a ciò che dovresti essere in grado di fare? Pilota automatico ?!
1. Codice con HTML e CSS
Che tu sia uno sviluppatore o meno, tutti hanno bisogno di capire il linguaggio di base dietro il design del sito web. Devi capire come leggere, modificare e risolvere i problemi dell'HT di base. (E a seconda del tuo vero lavoro potresti aver bisogno di sapere molto di più.)
In ogni caso, dovresti essere in grado di individuare un problema in grassetto o di carattere o colore o dimensione in HTML senza pensare. Dovresti essere in grado di sostituire gli stili in CSS con facilità. Queste sono abilità facili da imparare e che ti saranno utili a lungo termine.
Imparalo: Familiarizza (o impara) le basi di W3Schools. Le esercitazioni sono ad autoapprendimento, facili da capire e gratuite. (Non c'è motivo per non diventare fluente nella lingua del web.)
2. Modifica foto
In qualsiasi campo di progettazione, è probabile che lavorerai con le immagini tutto il giorno. Quindi ha senso solo capire come manipolarli. Dal ritaglio di base al dimensionamento e un po 'di pulizia? dovresti essere in grado di lavorare con le foto con facilità. Come minimo, dovresti sentirti a tuo agio con il ritaglio e il ridimensionamento, oltre ad alcune regolazioni della qualità dell'immagine.
Imparalo: Digital Camera World ha una guida elegante che spiega sei passaggi per sfruttare al massimo le fotografie. I suggerimenti sono facili da usare e mentre il tutorial è basato su Photoshop, può essere applicato con qualsiasi software.
3. Fai una stampa
Mentre il tuo lavoro potrebbe essere nel regno digitale, parti del design saranno senza dubbio necessarie per le applicazioni stampate. Dai volantini ai biglietti da visita ai comunicati stampa, dovresti essere in grado di creare e convertire elementi in modo tale che siano anche pronti per la stampa.
Elementi chiave da comprendere includono la stampa di risoluzioni per diversi tipi di supporti e colori. Mentre probabilmente utilizzi un valore come FF0000 per rendere un blocco di testo rosso, non funzionerà per la stampa. (Sembrerà almeno divertente.) I mix di colori CMYK (ciano, magenta, giallo, nero) sono lo standard per gli articoli stampati.
Imparalo: Fortunatamente per te abbiamo una guida per ottenere qualcosa di pronto per la stampa. Spiega le differenze di colore, medie, caratteri tipografici, sanguinamenti e altro.
4. Scrivi un titolo
È quasi impossibile visualizzare realmente un design con lorem ipsum come titolo principale. Le parole sono la colla che unisce le immagini e il messaggio. L'intestazione potrebbe non essere sempre valida, ma è necessario inserire sempre le parole grandi quando si attiva un concetto di design.
In pratica, le parole possono aiutare il cliente a capire quanto spazio è disponibile per il testo. Un buon titolo mostra che tu capisci il cliente e fai il miglio in più nei progetti e lascia alle persone un'impressione duratura.
Imparalo: Copyblogger è una grande risorsa quando si tratta dei dettagli della copia. Inizia con? Come scrivere titola il lavoro.?
5. Prendi qualsiasi dispositivo e naviga in un sito web
Dovresti avere un livello di comfort con computer e dispositivi che la maggior parte delle persone non ha. Ciò potrebbe richiedere la rottura dei tuoi dispositivi o browser preferiti o programmi e giocare con un sacco di altre cose. (Sarai grato se lo fai, garantito!)
Siamo stati tutti lì: non c'è niente di peggio di un cliente che tira fuori un vecchio telefono o ti mostra qualcosa su un piccolo schermo per chiedere aiuto e non riesci a capirlo con facilità. Dovresti essere in grado di usare il tuo sito web (e altri) in qualsiasi ambiente e parlare agli altri attraverso come farlo.
Imparalo: Inizia a giocare. Assicurati di sperimentare con diversi browser e se sei una persona Apple, prendi un dispositivo Android (e viceversa).
6. Disegna con sicurezza
Una delle cose più grandi del disegno è che puoi aiutare gli altri a visualizzare ciò che stai pensando. Ricorda, molte altre persone hanno bisogno di vedere un wireframe o una struttura prima di poter iniziare a immaginare cosa stai pensando.
Disegnare con sicurezza è un ottimo modo per aiutare a creare quella connessione. Questo non vuol dire che devi imparare ad essere un artista di alto livello da un giorno all'altro. Ma dovresti venire pronto con un taccuino e una penna (o una matita) in modo da poter mettere quelle idee su carta e condividerle con la squadra.
Imparalo: Tuts + ha un ottimo primer sull'imparare a disegnare. Il primo passo? Smetti di cercare di essere perfetto.
7. Utilizzare un quadro comune
Non c'è vergogna nell'usare un framework di progettazione di siti Web per avviare progetti. In effetti, probabilmente dovresti farlo a meno che tu non sia uno sviluppatore super-star.
I framework ti impediscono di reinventare la ruota in ogni progetto e sono facili da usare per gli altri se in definitiva consegni un sito web a un cliente che cercherà di mantenerlo e fare aggiornamenti. WordPress è un'opzione popolare, ma ci sono molti altri là fuori da provare.
Imparalo: Inizia con WordPress. È il più grande blog e sistema di gestione dei contenuti del sito Web e framework disponibili. (Ed è abbastanza facile da usare.)
8. File di backup e pacchetto
Mentre un sito web sembra essere un sistema autonomo, non lo è. Devi capire come e con quale frequenza eseguire il backup del tuo sito (e ripristinarlo, se necessario) per prevenire la perdita di dati nel caso succeda qualcosa al sito.(È meglio essere sicuri che dispiaciuti, giusto?) Anche se non si conosce l'esatta logistica di questo esercizio nel sonno, è necessario sapere cosa si sta salvando, con quale frequenza si sta verificando e dove sono memorizzati i dati.
Inoltre, dovresti avere una buona idea di come creare i file del pacchetto per gli stili del sito web, progettare parti e pezzi e altro che può essere usato come backup e può fornire informazioni vitali per i clienti nel caso in cui avessero bisogno di usare le parti. I file del pacchetto (per la stampa) sono una parte necessaria del processo di progettazione Web, così i clienti hanno una serie di strumenti di branding che corrispondono al design del sito web per le promozioni stampate. (I clienti ti ameranno per questo!)
Imparalo: Ogni sito web ha bisogno di un piano di backup. I file di packaging ti aiuteranno a mantenere i materiali, come font e immagini, insieme quando devi inviarli altrove.
9. Conoscere 3 tendenze (e quando usarle)
Dovresti avere un go-to trend per ascensore. Cosa significa questo?
Semplicemente, dovresti essere in grado di parlare con chiunque abbia una ragionevole quantità di conoscenza del design su quali tecniche visive sono in trend e perché o perché non dovresti usarle. Come funzionano e cosa ti piace / non piace di queste tendenze.
Imparalo: Leggi blog di design come questo per rimanere aggiornato su cosa è trend e su come applicare queste tecniche di progettazione.
10. Spiega la teoria del design
Colore, flusso, equilibrio e proporzione, spaziatura: queste sono tutte cose che dovresti essere in grado di vedere quando lavori ai progetti. Ma è più che avere un buon occhio; la teoria del design è ugualmente importante. Capire perché fai quello che fai e perché questo crea un'estetica ben bilanciata è importante.
E se lo capisci bene, puoi spiegarlo e più facilmente difendere e spiegare le decisioni di design agli altri. Una base di base ti aiuterà a padroneggiare qualsiasi progetto.
Imparalo: Se non lo hai già scaricato, potrebbe essere il momento di tornare alle basi. Inizia con? Nozioni di base sul design? di Stephen Pentak e? Graphic Design: The New Basics? di Ellen Lupton e Jennifer Cole Phillips.
Conclusione
Quanti elementi in questa lista puoi spuntare come cose che conosci nel sonno? Quanti altri sei desideroso di saperne di più o di aggiornare il tuo skillset?
Il web design - come qualsiasi altro tipo di design - è radicato nelle basi e cosparso di molte tendenze e nuove tecniche. Una buona comprensione del mix ti aiuterà a crescere e diventare un designer migliore e ti aiuterà a sentirti ancora più sicuro nelle tue decisioni e nel tuo lavoro di progettazione.
Fonti di immagini: ekkun, lenep, Blake Patterson e cirox.