Share
Il buon design non è solo un bell'aspetto, e da nessuna parte questo è più vero che nel web design. In effetti, ha senso pensare al web design come costituito da tre componenti principali non tecnici: design estetico, design dell'informazione e design dell'interfaccia. Se vuoi essere un grande web designer, è essenziale avere una solida conoscenza di tutti e tre.
Questo post è il secondo giorno della nostra sessione di Web Design. Sessioni creative "Session Day 1Session Day 3"Il design estetico è tutto per ottenere il look giusto. Se sei bravo in questo significa che sarai in grado di progettare siti che non solo hanno un bell'aspetto ma lo sono appropriatamente progettato. I diversi design trasmettono messaggi diversi a un utente finale, quindi è essenziale che un design corrisponda al messaggio del sito.
L'altro giorno stavo camminando in un supermercato e ho visto un marchio di succhi che aveva il design visivo di un detersivo per il bucato. C'era solo qualcosa nel modo in cui la scatola era finita e mi chiedevo momentaneamente perché c'era del detersivo nel corridoio del succo di frutta. Allo stesso modo, dare a un sito web un pacchetto inappropriato per il suo contenuto e messaggio - anche se è un pacchetto davvero bello, è un brutto risultato. Questo è il motivo per cui è molto importante come web designer che non si seguono semplicemente mode e tendenze alla cieca. Devi sempre pensare non solo a come puoi far sembrare buono un design del sito, ma anche sembrare appropriato.
Tra le tre componenti del web design, il design estetico è sicuramente quello che le persone identificano maggiormente essere design. Una cosa che trovo interessante nel design estetico è che è ingannevolmente difficile. Ricordo una volta progettando un poster e mostrandolo a un amico che commentava "oh sono solo poche righe e del testo, devi averlo fatto in una decina di minuti" - ah le gioie di essere un designer!
La progettazione delle informazioni riguarda la preparazione delle informazioni su un sito Web nel miglior modo possibile, in modo che gli utenti possano trovare e assimilare in modo efficiente ed efficace le informazioni. Nei siti più grandi, la semplice ricerca di informazioni diventa difficile, ma nei siti sia grandi che piccoli, l'elaborazione è sempre un problema di progettazione.
Un rapido esempio di progettazione delle informazioni riguarda il modo in cui organizzi e formatti il testo su una pagina. Poiché le persone tendono a sfogliare il contenuto su uno schermo, è molto meglio organizzarlo con titoli e sottotitoli, diagrammi e ganci visivi e variazioni generali per gli occhi. Tecniche come queste rendono l'informazione su una pagina molto più facile da digerire. Ma il design delle informazioni non si limita a ciò che si trova su una singola pagina, ma riguarda anche quali strutture si utilizzano per ospitare le parti del sito, come si dispongono i menu e sottomenu e come si collegano sezioni diverse.
Potresti essere interessato a sapere che in progetti e siti più grandi e complessi, c'è in realtà un'intera professione dedicata alla modellazione e alla strutturazione delle informazioni chiamata Information Architecture. Il più famoso Information Architect che conosca è Jesse James Garrett che ha incidentalmente coniato il termine AJAX. È abbastanza carino e puoi leggere su di lui su Wikipedia.
Dato che stiamo parlando di progettazione di informazioni, sembra una buona opportunità per trasformare 6 paragrafi di testo di waffley in un diagramma, quindi vi presento il mio fantastico diagramma dei componenti del web design! Crogiolarsi nella sua vergogna rossa e grigia!
Il design dell'interfaccia è la disposizione e il modo in cui un utente può interagire con un sito. La parola interfaccia significa un punto o una superficie in cui due cose si toccano. Quindi un'interfaccia utente web è il punto di contatto di una persona e di un sito Web: menu, componenti, moduli e tutti gli altri modi in cui è possibile interagire con un sito Web.
Un buon design dell'interfaccia consiste nel rendere l'esperienza di utilizzo di un sito web semplice, efficace e intuitiva. In realtà è molto più facile dimostrare una cattiva progettazione dell'interfaccia perché è quando lo si nota davvero. Un semplice esempio di design dell'interfaccia è l'uso di icone. Hai mai guardato un'icona e hai pensato "cosa significa rappresentare ?!" - Beh, sarebbe un cattivo design dell'interfaccia. Usare le icone per etichettare e significare diversi tipi di contenuti o azioni è solo una parte del design dell'interfaccia.
Tra l'altro un altro esempio di interfacce che probabilmente incontrerai come web designer sono le API o le interfacce di programmazione delle applicazioni. Un'API è l'insieme di funzioni e protocolli con cui tu (o il tuo programma più precisamente) puoi interagire con qualunque sia l'API. Ad esempio, Google Maps fornisce un'API che puoi utilizzare per creare applicazioni o siti che funzionano con Google Maps.
Ora potresti star pensando, è tutto molto bene e bravo Collis, ma dove si inserisce CSS in questo? O che dire di Flash? Bene come dico, questi sono i tre non-aspetti tecnici del web design. Il rovescio della medaglia ci sono tutte quelle tecnologie e competenze come HTML / CSS, Flash, Javascript e così via. Ma io tendo a pensare che facciano più parte dello sviluppo del web che del web design. Allo stesso modo in cui è importante separare HTML e CSS per mantenere separate le informazioni e la presentazione, si potrebbe obiettare che il modo in cui si realizza un progetto nella realtà è separato dal progetto stesso. In termini più semplici, è la conoscenza di un CSS specifico che incide sul design?
Non fraintendermi, devi sapere come costruire le cose per progettarle in modo appropriato. Tuttavia, quando si tratta di affermare ciò che costituisce il web design, la mia risposta rimane Interface Design, Information Design e Aesthetic Design.
Cosa ne pensi? Ho perso parte essenziale del web design? O pensi che lo sviluppo web è una parte essenziale del web design stesso?
Più tardi questa settimana sarai in grado di leggere articoli più approfonditi di suggerimenti e trucchi per ognuna di queste tre componenti del web design: design dell'interfaccia, design estetico e design delle informazioni. Infatti il primo salirà in poche ore.
Questo post è il secondo giorno della nostra sessione di Web Design. Sessioni creative "Session Day 1Session Day 3"
Accentsconagua