Cosa rende professionale un design?

Qualcuno può definire perché qualcosa potrebbe non sembrare "professionale"?

Cosa distingue tra design professionali / non professionali?

Ho clienti che hanno affermato che il mio design non sembra molto professionale. Ho seguito tutte le cose per renderlo professionale - forse non so abbastanza sul design? Ho visto molti modelli di design "professionali" che sembrano facili e simili ai miei. Il più delle volte, quando non ho alcun modo di seguire, seguo questi modelli di modelli, ma quando finisco ricevo feedback che "Questo non sembra professionale" . Questo non mi aiuta però. Qualcuno qui ha aiuto / esperienza / suggerimenti del mondo reale mi aiuterebbe per quanto riguarda l'aspetto, il carattere, lo stile ... tutto . Per favore, dammi un modo!

In breve:
cosa rende professionale un design?

Ho fatto questa un'altra risposta dal momento che è per commentare il tuo design:

Ci dici che puoi ricreare facilmente modelli professionali. In effetti ne dubito. Devi davvero imparare molto sul webdesign. Davvero lontano da fare, ma tu sei desideroso di imparare e quindi ho fatto questo modello per spiegare alcune cose. Questo non è per colpire te, sul serio senza offesa, sono solo onesto.

La storia di base è che manca allineamento e profondità ... molta profondità.

Includerò anche uno dei miei progetti, al momento sto lavorando su una griglia sovrapposta in modo da poter vedere cosa intendo. È tutt'altro che fatto, ma otterrai il mio punto. Non utilizzare parti del progetto su cui sto lavorando poiché sono protette da copyright.

Dai un'occhiata a come creo profondità con sfumature, trame e ombre morbide. Oltre a ciò, dai un'occhiata a come è spaziato.

Modifica: solo per sapere, ho modificato la larghezza per il copyright. Quindi questo non è in proporzioni reali.

Spero che questo ti aiuti.

Robin Williams, amico di tutti i progettisti principianti, indica quattro aspetti critici: contrasto, ripetizione, allineamento e prossimità (e sì, l'acronimo è CRAP!). Dovresti prendere il suo libro, " Il libro di design per non progettisti " e studiarlo. Tutto in esso si applica al web tanto quanto fa per la stampa. È facile da leggere e molto chiaro. Quindi prendi " Il libro non progettista " e studialo. Vorrei aggiungere al suo quartetto: Message, Harmony and Relevance.

• Il messaggio che il cliente vuole trasmettere è la prima cosa che devi sapere, perché informa tutto il resto. Nella fotografia di successo, nel design, nella pittura, nella scrittura, esiste un semplice trio di regole che non vengono mai infrante: 1) Avere un messaggio; 2) Includi solo ciò che contribuisce al messaggio; 3) Rimuovi tutto ciò che distrae dal messaggio. In una fotografia di un atleta, useresti il ​​suo scatto a mezz'aria dall'aspetto senza sforzo grazioso, e cloneresti la lattina di coca cola vuota e il panino mangiato a metà sullo sfondo. Come artista, devi sapere cosa stai cercando di dire. Come designer, devi sapere cosa sta cercando di dire il cliente . Dopo tutto, questo è il motivo per cui il cliente ti sta pagando.

• L'armonia è un altro requisito molto ampio che devi considerare in anticipo. Se il cliente ha un logo e colori aziendali, il tuo sito deve usarli e colori che si armonizzino con essi. Non è possibile utilizzare caratteri tipografici simili ma diversi per i titoli e la copia. Una buona regola per i designer principianti è quella di usare uno sans e un serif che vanno insieme e usare solo quei due nel design.

• La pertinenza arriva all'inizio di un ciclo di progettazione. Si applica a colore, tipografia e layout generale. Non useresti l'azzurro polvere e il rosa baby per un design per un sito Web di società high-tech, né per un artista hip-hop. Quel tipo di carattere grunge meravigliosamente spigoloso non funzionerà per un avvocato o un commercialista, ma Times Roman potrebbe. (Eviteresti Times per un sito che deve sembrare moderno.) Una band heavy metal ha bisogno di forme e colori audaci, alto contrasto, ma una clinica medica o un sito di abbigliamento per bambini richiederebbe un aspetto molto più morbido.

• Contrasto significa buio contro luce, colori intensi contro tonalità, scuro su luce o chiaro su oscurità. Se le chiamate di progettazione per i contrasti audaci, la cosa fondamentale è quello di farli BOLD in modo che siano chiaramente intenzionale. Solo una cosa rompe un design più velocemente di "quasi ma non proprio lo stesso", che vedrò tra un momento.

• La ripetizione posiziona lo stesso tipo di elemento nello stesso posto e con gli stessi colori, titolo o forma ogni volta. La spaziatura è coerente. Il layout visivo ha un ritmo, proprio come la musica. Se i tuoi elementi non cadono "al ritmo" lo spettatore è messo a disagio, proprio come una band il cui ritmo è spento è difficile da ascoltare.

• L'allineamento , la mancanza di, è il modo più sicuro per rompere un disegno. Non c'è nulla che grida "amatoriale" più forte di cose che non si allineano. Nella stampa, lavoriamo con una precisione inferiore a 1/1000 di pollice. È possibile posizionare le cose modo fuori allineamento, a condizione che lo spostamento è in grassetto, evidente e deliberato. Ma mai, mai 7px padding su tag ap e 8px su h1. (Come nota a margine: evitare layout centrati per qualsiasi cosa diversa da un matrimonio o un invito funebre. I layout centrati sono in riposo, sereni, immobili, che non è quasi mai quello che vuoi. I principianti usano layout centrati perché non sanno come allinearli cose.)

Allineamento e ripetizione sono il motivo per cui le griglie sono uno strumento così utile. La comprensione di questi punti risponderà a molte domande sull'uso delle griglie.

• La vicinanza significa semplicemente tenere le cose che si avvicinano l'una all'altra. Un'intestazione deve essere più vicina al paragrafo che segue di quanto non sia quello precedente, ad esempio.

Prendi quei due libri. Cambieranno i tuoi disegni. Nel frattempo, ecco un esercizio: scrivi questi sette punti in un elenco, quindi visita 10 siti Web che ritieni davvero brillanti e scopri dove ciascuno di questi punti è stato applicato. Non imbrogliare. Saranno tutti lì, quindi non smettere fino a trovare tutti. Ora dai un'occhiata ai tuoi progetti e scopri dove uno o più di questi sono stati violati.

Pratica questi sette punti consapevolmente e deliberatamente. Presto diventeranno istintivi e i tuoi progetti raggiungeranno un livello completamente nuovo. Questa è una promessa.

Come rendere il tuo sito web professionale ai miei occhi, in nessun ordine particolare, oh ... e in breve :) Se hai bisogno di ulteriori spiegazioni cosa intendo, dimmi solo:

• Basa la tua tavolozza di colori attorno all'identità aziendale del cliente.
• Ascolta attentamente le sue esigenze in modo da poter soddisfare lo stile che desidera
• Progettare per l'usabilità. Puoi creare un design strabiliante ma se la conversione non è buona è inutile.
• Scegli con attenzione la tua tipografia (ad esempio: non vedrai i prodotti Apple con un carattere simile ai graffiti)
• Usa il sistema 960gs prima di iniziare a progettare, in questo modo sei sicuro che il tuo allineamento sia buono
• Spiega e difendi il tuo design. Spiega al cliente perché scegli elementi particolari e spiegagli perché sono buoni. Ricorda, noi designer non abbiamo sempre ragione.
• Continua a imparare. Segui blog e riviste online per i nuovi tutorial di jQuery ecc. La lettura è la chiave.
• Assicurati che il tuo codice sia W3C valido e non di dimensioni troppo grandi.

Alcune cose da ricordare per un design accattivante:

Quindi impareremo 4 incredibili regole di regole di progettazione grafica che ti aiuteranno a affinare le tue abilità di progettazione. Quindi le 4 regole sono:

1. Allineamento e distribuzione
2. Bilanciamento e raggruppamento
3. Contrasto
4. Modelli e sfumature

Allineamento e distribuzione: è la regola più importante di qualsiasi design fantastico, fantastico o visivamente accattivante. Il corretto design allineato è perfetto ovunque, indipendentemente dal fatto che si stia progettando per supporti di stampa, annunci pubblicitari, desktop publishing o progettazione Web. Suona bene eh! ma la domanda è come imparare ad usare il corretto allineamento o nel senso del corretto allineamento nella progettazione. Andiamo in profondità nell'allineamento e nella distribuzione, ma prima vediamo l'immagine di esempio di seguito:

• Allineamento: Allineamento significa disporre elementi simili o altri elementi di design nella dimensione superiore, inferiore, centrale, sinistra o destra per rendere visivamente accattivante il design. Vedi l'immagine di esempio sopra per capirla.

• Distribuzione: Distribuzione significa dare o mantenere la stessa distanza tra elementi simili o diversi di qualsiasi progetto per rendere il layout grafico pulito e decente. Vedere l'immagine di esempio sopra per capirlo.

Bilanciamento e raggruppamento: bilanciamento e raggruppamento è la seconda regola più importante di qualsiasi progetto visivo. In questa regola dobbiamo concentrarci su elementi di design, ad esempio se abbiamo del testo e delle immagini nel nostro design, quindi dobbiamo sistemarli in modo che si bilancino e abbiano un bell'aspetto. Puoi farlo in due modi.

• Primo metodo : utilizzare elementi diversi: in questa regola disponiamo tutti gli elementi tra loro per bilanciarli. Puoi capirlo facilmente con il seguente esempio:

Come puoi vedere nell'esempio sopra, abbiamo due tipi di elementi testo e immagine e li abbiamo disposti l'uno con l'altro per rendere il layout accattivante e visivamente eccezionale. Si stanno bilanciando l'un l'altro. Ora diamo un'occhiata al secondo metodo.

• Secondo metodo - Raggruppare singoli elementi: in questa regola creiamo diversi gruppi di diversi elementi nel design. Dai un'occhiata all'esempio per capirlo.

Come puoi vedere nell'esempio sopra, abbiamo creato anche diversi gruppi di elementi di testo e diversi gruppi di elementi di testo. Questo metodo di layout è anche utile per creare layout decenti e di bell'aspetto. Puoi anche utilizzare entrambi i metodi insieme per creare un layout di design eccezionale.

Contrasto: il contrasto è la parte essenziale di qualsiasi buon progetto grafico. In questa regola dobbiamo fare in modo che qualsiasi elemento del nostro design si distingua da altri elementi. Questa regola viene utilizzata per assegnare agli elementi la loro importanza nel design.

Disegni e sfumature: puoi rendere il tuo design ancora più fantastico aggiungendo motivi nello sfondo dei tuoi disegni o in altri elementi dei tuoi disegni. I Gradients sono molto utili per rendere il tuo design più vivo e gioioso. Ricorda sempre quando usi i gradienti cerca di usare un gradiente di due colori con differenze di colore leggere.

Ciò che rende il tuo design professionale o meno è se vieni pagato o meno per farlo.

Per quanto riguarda l'uso del termine "professionale" come una sorta di commento estetico, è praticamente inutile. Dovrai lavorare con il tuo cliente per renderli più specifici su ciò che stanno cercando in termini di obiettivi e obiettivi aziendali, in particolare chi stanno cercando di raggiungere e quale approccio visivo ha più senso per quel particolare gruppo demografico.