I modelli di siti web sono molto popolari tra i moderni sviluppatori web. Lavorare all'interno di un modello di progettazione può far risparmiare tempo durante il crollo delle scadenze. Non solo questo, ma la maggior parte del codice sorgente è creato all'interno degli standard HTML5 / CSS e consente semplici personalizzazioni.
Ci sono alcune tecniche che possono essere utilizzate per sviluppare i migliori modelli. Designer e sviluppatori di frequente creano modelli e li offrono per il download gratuito alla comunità. La teoria del colore, il design della griglia, la struttura del layout e lo sviluppo del contenuto giocano tutti un ruolo chiave nel processo di creazione. Dai uno sguardo ai seguenti suggerimenti e scopri come integrare queste idee nel tuo lavoro.
Il mercato dei modelli Web
La domanda di siti Web è cresciuta esponenzialmente negli ultimi 5 anni. Le aziende richiedono una presenza sul web e molte sono pari perdere clienti da una mancanza di connessione digitale. Questo è ciò che rende i modelli di siti Web così attraenti.
Non solo i modelli sono più economici e facili da gestire, ma richiedono anche molta meno manutenzione e forniscono specifiche redditizie. La community di web designer freelance è cresciuta e la quantità di talenti disponibili oggi è fenomenale. Molti di questi designer sono in grado di guadagnarsi da vivere vendendo modelli di business semplici, modelli WordPress e molti altri temi pre-costruiti.
Mentre andiamo avanti, posso solo immaginare che questo mercato si espanderà. La richiesta di design di siti Web a prezzi accessibili salirà alle stelle e molti clienti sono contenti di un modello non univoco. Ciò che è importante è l'accessibilità, il codice sorgente chiaro e la documentazione utile.
Definisci aree di layout
In conformità con molti modelli di siti Web, è prassi comune creare prima un wireframe o un prototipo. In questo modo puoi chiaramente etichettare gli aspetti del modello che vuoi accentuare (cioè il piè di pagina, la barra laterale destra, la navigazione di direzione).
Il design a griglia può aiutare con questo passaggio. L'applicazione di una griglia sovrastante risolve uniformemente le proporzioni dei contenuti. Le griglie possono aiutare a determinare la larghezza del contenitore primario, il numero di colonne da eseguire e le altre proprietà dello stato elegante. Dai un'occhiata alle idee che stanno dietro al golden ratio nel web design e dovrebbe essere semplice impostare un layout preciso del template.
Può essere d'aiuto quando si codifica il layout per impostare i commenti nel codice HTML. Questi possono essere fatti in modo sistematico in modo che la ricerca attraverso le divisioni possa diventare molto meno complicata. Ad esempio, ho incluso alcuni codici dimostrativi qui sotto per suddividere il contenuto principale dal contenuto del piè di pagina.
Grafica e colori
La creazione è una procedura multi-step per il web. La grafica digitale si è evoluta e molte nuove tendenze sono arrivate alla fine del 2010. Prova a leggere un po 'sul design delle icone e sulla teoria del colore digitale. L'applicazione di queste competenze nei modelli di siti Web genererà idee uniche e tendenze potenti.
Considera un modello di business di base impostato con un logo, foto d'archivio e alcuni contenuti di home page. Quando si crea un modello di sito Web che non si sta progettando per un singolo cliente o progetto, si intensifica la necessità di generalizzazione. Generalmente il blu, il grigio, il marrone scuro e persino i colori distanti come il viola e il verde funzioneranno. Le aziende sono alla ricerca di una combinazione di colori sicura per i loro prodotti.
Un blog scolastico, d'altra parte, può avere una direzione completamente diversa. Forse i colori vivaci come il giallo e l'arancione sono più diffusi. Questo è il motivo per cui le fasi di pianificazione sono così importanti per la progettazione dei modelli. Prova a elencare alcuni attributi e cifre comuni a sostegno della tua idea. I modelli sono progettati per funzionare in una moltitudine di scenari, quindi devono essere flessibili e allo stesso tempo mantenere la creatività.
Copia modello scritta
Tutti i siti Web contengono anche una piccola quantità di testo. Il web viene principalmente utilizzato per il trasferimento digitale di informazioni, quindi a meno che non si stia sviluppando un portfolio fotografico o un video blog, gran parte del contenuto della pagina sarà testo. Questo è un altro aspetto importante da considerare quando si sviluppano gli stili. Che tipo di design stai creando e in che modo la tipografia dovrebbe influire sul layout della pagina?
Un buon modo per iniziare è codificare i principali elementi tipografici nella bozza del modello. Può trattarsi di intestazioni di pagine, paragrafi, collegamenti ipertestuali, blocchi di codice formattati e tutto ciò che potrebbe essere necessario. Da qui è molto più facile manipolare le proprietà CSS per abbinare gli stili di progettazione.
Il testo appariscente può creare o distruggere qualsiasi modello di buon design. Assicurati che i tuoi titoli di testa si distinguano davvero. Grassetto, carattere grande con un colore complementare ed eventualmente altri fronzoli è essenziale per h1 e h2 tag. Considera possibili sottolineature, bordi inferiori, stack di font e le molte possibilità con immagini di sfondo.
Il testo del paragrafo dovrebbe anche essere grande e contenere spazio sufficiente per essere notato. Molti visitatori non leggeranno tutti i paragrafi fino alla lettera, ma è importante che questi blocchi si distinguano. Calcola gli argomenti relativi all'altezza della linea in modo che le righe di testo abbiano una spaziatura sufficiente per respirare. I margini inferiori aiuteranno anche a rimuovere il disordine e ad aggiungere spaziatura verticale alla pagina.
Stravaganza digitale
Per vendere davvero un modello di progettazione, potresti considerare l'aggiunta di funzionalità non trovate standard nella maggior parte dei siti web. jQuery è una potente libreria in grado di implementare app dinamiche on-page con facilità. Questi possono includere menu di navigazione a discesa, presentazioni di foto e feed di notizie aggiornati con Ajax.
Dai un'occhiata a alcuni trucchi di jQuery più popolari, dato che potresti trovare qualche valore da installare. Un design può sembrare bello ma senza funzionalità, nessun web designer sano di mente avrebbe il disturbo. Le aziende e la clientela si aspettano altrettanti sforzi da attingere nel l'esperienza utente.
Flash è un'altra alternativa quando si tratta di widget di pagina. Un feed di Twitter autoaggiornante sarebbe ben gestito attraverso l'API di Ajax e Twitter.Tuttavia, con una presentazione di foto o una visualizzazione di portfolio, potrebbe essere più semplice progettare uno script basato su Flash. L'unico problema qui è la mancanza di supporto mobile Flash garners, che alla fine non è un affare troppo grande. Considerando questo l'aggiunta di elementi basati su Flash migliorerà notevolmente la credibilità di qualsiasi modello di sito web.
Canali di distribuzione mirati
Dopo aver sviluppato con successo un modello, puoi scegliere cosa fare con esso. Molti sviluppatori offrono il codice sorgente sotto Creative Commons e consentono a chiunque di scaricare liberamente i file di progetto. Questa è una grande opzione poiché potresti ottenere il tuo nome là fuori mentre mostri il tipo di lavoro di cui sei capace.
Molti designer inizieranno il loro negozio di modelli o venderanno ad altri. Template Monster è l'attuale azienda del settore che offre oltre 25.000 modelli di modelli unici da oltre 6 anni online. Non tutti sono in grado di entrare nel loro programma per la vendita di modelli, anche se i designer che sono stati nel roster per un po 'stanno facendo una vita decente.
Brightegg è un altro mercato che offre vantaggi ai designer di modelli. Sebbene non siano così popolari come i marchi tradizionali, puoi registrare un account gratuitamente e inviare modelli di design per la revisione. Una volta accettata, la tua arte verrà elencata in una libreria di modelli, organizzata per tag e recensioni degli utenti. Le vendite dei modelli possono variare fino a $ 500 per acquisti unici, quindi la possibilità di guadagnare qualche soldo è molto più alta.
L'alternativa è lanciare qualche tipo di carrello digitale o blog online. Da lì dovresti essere in grado di elencare il design, le caratteristiche e gli screenshot del tuo modello con i link per il download. Questa opzione è di gran lunga più rapida rispetto a cercare di svendere i modelli altrove, anche se è necessario un po 'di marketing per raggiungere qualsiasi pubblico.
Conclusione
I modelli di siti web hanno mostrato una grande ascesa sulla scena negli ultimi due anni. I principali rivenditori di modelli hanno raccolto profitti dai progetti semplici e ora è il momento più redditizio da vendere. Le aziende di tutto il mondo sono alla ricerca di una presenza web più forte a costi inferiori.
Questi suggerimenti includono solo alcune delle tendenze seguenti al mercato. Controlla attraverso altre reti di progettazione per vedere cosa hanno fatto i web designer riguardo ai disegni recenti. I modelli possono essere trovati attraverso gli innumerevoli blog di web design online e le comunità di contro-cultura come Designmoo.
Entra nei panni di un professionista e prova a capire cosa stanno cercando. Progettate pensando al consumatore e la creazione di modelli diventa un'attività molto più coinvolgente. Per risparmiare tempo potresti prendere in considerazione l'utilizzo di librerie CSS e JavaScript pre-compilate per configurare pagine Web standard come reset.css, fonts.css e grids.css, tutte disponibili nella libreria YUI2.