Come creare il miglior layout sito web? da Laurent He

Ogni sito ha i propri layout e il design. Non vi è dubbio che i layout del sito web sono il punto importante superiore per i siti web. Un layout sito web professionale può aiutare ad attirare i visitatori per i loro primi luoghi e farli rimanere nel tuo sito web.

Qui vi mostrerò come creare il miglior layout del sito.

Passaggio 1: Fare un Progetto per il tuo sito di layout idee

Ovviamente si tratta di un passo molto importante, ma per quanto ne so alcuni web designer potranno saltare questo passaggio e fare web design con Photoshop direttamente piuttosto che fare un progetto per la chiarezza delle idee di layout del sito web nella loro testa. Lo scopo del design del sito è di risolvere i problemi e alcuni di essi non può essere risolto con effetti gradiente o ombra. Prima che si sta per fare effetti d'ombra, si dovrebbe pensare a contenuti, layout e le funzioni primi

Passaggio 2:. Iniziare con un abbozzo di un quadro di alto livello

Se voglio fare una interfaccia per un progetto, la prima cosa che dovrebbe essere quello di costruire un quadro di alto livello in grado di risolvere tutti i problemi esatto di progettazione. Un quadro significa una interfaccia utente che è circondato da contenuti e utile da usare e navigare. Contiene la navigazione e altri elementi come la barra laterale e barra inferiore.

Se si inizia con uno schizzo di un quadro di alto livello, è possibile ottenere una visione chiara di ciò che le esigenze di layout del sito web.

Passaggio 3: Aggiungere una griglia al PSD

Questo è un bel passo semplice. Prima che si sta per progettare un contenuto o qualcos'altro in Photoshop per il tuo sito, è necessario creare una griglia adeguata. Come mai? Come tutti sanno, una griglia può aiutarvi a organizzare il layout sito web in diverse sezioni, guidi a progettare il vostro contenuto in base oto specifiche dimensioni dello schermo e portare a costruire modello in modo da rispettare i problemi di spaziatura o un altro disegno.

Passaggio 4: Selezione stili dei caratteri

E 'il lavoro in fase di sviluppo del progetto a conoscere voi stessi con differenti stili e combinazioni di colori. Secondo il nostro senso comune, vi consiglio di non usare più di due tipi di stili di carattere, ma la vostra decisione dovrebbe dipendere anche le combinazioni di colori che avete selezionato.

In ogni caso, il font selezionato dovrebbe fare visitatori facile da leggere e completare il titolo e le azioni.

Non abbiate paura di usare grande carattere e mantenere nel complesso coerenti quando lo si utilizza.

Passaggio 5 : Seleziona tema colore

Dopo selezionare stili di carattere, è necessario selezionare i colori per l'interfaccia utente, sfondo e il testo. Per quanto riguarda i colori, vi consiglio di selezionare alcuni colori limitati con toni concisi e luminosi per l'interfaccia utente generale. E 'molto importante per una interfaccia utente per essere coerente con gli altri elementi nel layout del sito. Basta pensare al layout del sito di Facebook, Twitter, quorum e Vimeo. Tranne UI, sezioni non hanno bisogno di essere limitati nella scelta del colore, se le immagini oi dettagli grafici non si preoccupano le funzioni Components |

Passo 6:. Creare un layout sito web

Ogni parte in un sito web dovrebbe svolgere il suo ruolo. Per quanto riguarda i visitatori, ogni parte dovrebbe avere la sua ragione e il risultato si può ottenere. Un layout sito è quello di aiutarci a mettere le informazioni più importanti nel luogo clou nel tuo sito web. In realtà, un sito web non ha bisogno di troppi pulsanti per chiamare, così ogni contenuto che hai fatto dovrebbe essere intorno lo scopo "cosa posso fare qui». Pensateci, è possibile creare la più semplice layout del sito per uno scopo semplice e aggiungere i relativi componenti

Passo 7:. Ripensare a quello che hai fatto

Si dovrebbe ripensare le funzioni ei contenuti che hai fatto sul sito web. Ho veramente bisogno di questo bottone? Devo davvero che questo schema di colori è perfetto per tutta la mia sito web? Voglio veramente questa navigazione va così? A volte la risposta è no. Ripensare a quello che hai fatto ci può aiutare molto a migliorare il nostro layout sito web

Punto 8:. Prestare attenzione ai dettagli

E 'solo un altro banale ma non è sempre visibile nei progetti finali. Il dettaglio può essere messa a fuoco su una certa interazione, animazioni inatteso o alcuni sentimenti estetici come effetto sfumato su piccoli bottoni. Generalmente questi dettagli sono importanti se i visitatori possono godere di ciò che hai fatto

Opzionale:. Leggi l'articolo originale per saperne di più