Come progettare la tua community su Ning
Pubblicato: 2018-05-16Sebbene il contenuto sia senza dubbio la risorsa più preziosa della tua rete Ning, anche il design è qualcosa da prendere molto sul serio . Non importa quanto siano rilevanti e coinvolgenti i tuoi contenuti, nessuno sarebbe particolarmente entusiasta di navigare in un brutto sito web, giusto? La verità è che il 38% delle persone rinuncia a interagire con un sito Web se lo trova poco attraente . Ovviamente, come creatore di reti, non vuoi perdere così tanto pubblico. Al contrario, vuoi che gli utenti siano felici di ogni singolo aspetto della tua creazione.
Un design di rete visivamente accattivante e intuitivo ti aiuta a catturare l'attenzione delle persone e a garantire la migliore esperienza utente possibile. Non è solo questione di bellezza estetica. Finché il design del tuo sito web è professionale e intuitivo, più utenti vogliono interagire con esso, quindi più persone si uniscono alla tua rete e più traffico indirizzi al tuo sito web.
Inoltre, un design unico e individualistico può far risaltare la tua rete dal resto e farti rivelare la sua vera identità. Dopotutto, stiamo parlando dei social network personalizzati per cui Ning è famosa.
Ma come progettare un sito Web che sia allo stesso tempo bello e piacevole da navigare? Ecco alcuni consigli utili per chi ha appena iniziato ad esplorare la piattaforma Ning e le sue capacità.
Iniziare con NING Design Studio
Una delle massime priorità di Ning è sempre stata quella di offrire agli utenti il massimo controllo sull'aspetto visivo delle loro reti. Per questo è stato creato Design Studio.
NING Design Studio è un insieme di strumenti che consente di personalizzare il design dei siti Web social creati sulla piattaforma Ning. Offre agli utenti un'abbondanza di opzioni di personalizzazione volte a rendere ogni rete Ning unica e bella.
Il Design Studio può essere facilmente avviato facendo clic sull'icona corrispondente nella dashboard di amministrazione, disponibile come barra degli strumenti verde nell'angolo in alto a sinistra di ogni pagina di rete.
Sono disponibili diverse categorie di personalizzazione all'interno del menu Design Studio:
- Temi : seleziona un modello di design generale per il tuo sito web;
- Sfondo : scegli e configura l'immagine che apparirà sullo sfondo del tuo sito web;
- Intestazione : progetta un'intestazione che corrisponda all'argomento della tua rete;
- Pagina : imposta l'aspetto generale delle tue pagine di rete;
- CSS personalizzato : inserisci il codice CSS personalizzato per apportare modifiche avanzate al design del tuo sito web.
Ogni categoria contiene diverse opzioni di personalizzazione distintive. Per progettare un sito web dall'aspetto davvero professionale, prenditi il tuo tempo e procedi gradualmente da una categoria all'altra, impostando i parametri di ogni elemento della tua rete secondo la tua visione creativa. Puoi configurare praticamente ogni aspetto del design del tuo sito web in base alle tue preferenze estetiche.
Inoltre, Design Studio ti consente di visualizzare in anteprima tutte le modifiche apportate prima che vengano effettivamente applicate alla tua rete. Questo rende il processo di personalizzazione molto comodo e intuitivo.
L'utilizzo di Design Studio, infatti, non richiede alcuna conoscenza tecnica e abilità poiché ogni elemento di design può essere facilmente modificato con l'aiuto di un'interfaccia user-friendly. Tuttavia, per avere un'idea di base sulle opzioni di personalizzazione che hai a tua disposizione, esaminiamole più in dettaglio.
Tema
Un tema è un modello che determina il design di base del tuo sito web. Applicando un tema alla tua rete, applichi una combinazione preimpostata di elementi di design tra cui intestazione, immagine di sfondo, layout di pagina, barra di navigazione, caratteri, ecc.
Ning offre un'ampia selezione di temi pronti per l'uso progettati meticolosamente per diversi tipi di siti Web. Hai bisogno di un sito web portfolio? Vai a scegliere il tema corrispondente nella libreria. Vuoi creare una community musicale? Nessun problema, Ning ha modelli anche per questo!
Puoi trovare l'intera gamma di temi sviluppati da Ning nella scheda "Temi" del menu Design Studio.
Scegli quello più adatto al tuo scopo e premi il pulsante "Pubblica". Prima di applicare un tema, puoi visualizzarne l'anteprima.
I temi Ning hanno un bell'aspetto sia su desktop che su dispositivi mobili poiché sono stati accuratamente ottimizzati per le migliori prestazioni su tutte le piattaforme esistenti.
Inoltre, la scheda "Temi" contiene due sottoschede:
- Cronologia : consente di rivedere tutti i temi applicati in precedenza al sito Web di rete;
- Gestisci : qui puoi importare ed esportare temi; il Design Studio supporta temi in formato .txt.
Sebbene sia possibile utilizzare i temi preimpostati così come sono, è anche possibile personalizzarli ulteriormente per ottenere un design completamente unico.
Sfondo
Inizia a personalizzare il tuo tema impostando un'immagine di sfondo. Ci sono due semplici modi per farlo:
- Seleziona una delle immagini standard offerte da Ning;
- Carica la tua immagine e applicala come sfondo.
Per caricare la tua immagine, seleziona la scheda "Sfondo" e fai clic sull'icona della fotocamera. 
A destra dell'elenco di selezione delle immagini, troverai diverse opzioni aggiuntive per modificare l'immagine di sfondo:
- Colore : imposta il colore del tuo sfondo;
- Allineamento e orientamento : scegli una delle nove posizioni per la tua immagine di sfondo;
- Rendering : definisci come verrà resa la tua immagine di sfondo sulla pagina; ci sono cinque opzioni disponibili nel menu a discesa: Affianca, Affianca orizzontalmente, Affianca verticalmente, Estendi e Normale.
- Opzione di scorrimento : puoi abilitare lo scorrimento o fissare la posizione dell'immagine di sfondo selezionando il pulsante di opzione corrispondente.
Quando hai finito con l'immagine di sfondo, è il momento di passare all'intestazione, uno degli elementi più importanti del design del tuo sito web.
Intestazione
Un'intestazione è un blocco che contiene le informazioni introduttive su un sito Web (nome, logo, ecc.) e una barra di navigazione. Un'intestazione rimane visibile su ogni pagina di un sito Web e di solito si trova nella parte superiore, sebbene a volte possa anche essere posizionata sul lato destro o sinistro di una pagina, a seconda del concetto di design.
Per iniziare a progettare l'intestazione del tuo sito web, fai clic sulla scheda "Intestazione". 
All'interno della scheda, troverai diverse sottoschede che ti consentono di impostare diversi parametri della tua intestazione:
Stile :
Qui puoi impostare la posizione e l'orientamento dell'intestazione. L'opzione classica è un'intestazione situata nella parte superiore, contenente un'immagine di sfondo, il nome della rete, il logo e la barra di navigazione in basso. Tuttavia, puoi prendere in considerazione altre varianti disponibili per far risaltare la tua rete.
Inoltre, sei libero di modificare le dimensioni (altezza e larghezza) della tua intestazione e il suo riempimento inserendo i valori richiesti (in pixel) nelle caselle corrispondenti.
Suggerimento Il limite di altezza predefinito per la maggior parte dei temi è 135 px.
Nome/Logo :
Una delle funzioni essenziali di un'intestazione è comunicare il nome di un sito web (o un nome di azienda/marchio). Per completare l'immagine, ti consigliamo di mostrare anche il tuo logo. Con NING Design Studio, puoi personalizzare facilmente sia il nome che il logo.
Per impostare un nome di rete, vai su “Impostazioni generali” del menu “Social Site Manager” accessibile dalla Dashboard di amministrazione e inserisci il nome nella casella di testo “Nome sito”.
Puoi quindi tornare al Design Studio e selezionare lo stile, il colore e la dimensione del carattere applicato al nome del tuo sito web.
Quando hai finito di personalizzare il nome della tua rete, è il momento di caricare il tuo logo. Per fare ciò, fai semplicemente clic sull'icona della fotocamera e trova il file immagine richiesto sul tuo computer. 
Non appena il logo viene caricato, puoi regolarne le dimensioni con l'aiuto della barra di scorrimento situata a destra. Puoi anche modificare le dimensioni dell'imbottitura e l'allineamento del tuo logo.
Navigazione
Questo menu ti permette di personalizzare la tua barra di navigazione. È possibile modificare il colore di sfondo e il tipo di bordo, regolare i caratteri sia per le schede che per le sottoschede, impostare i colori, controllare l'effetto al passaggio del mouse, modificare la dimensione del riempimento delle schede e regolare la spaziatura tra le schede. 
Sfondo
Per rendere la tua intestazione bella e unica, imposta un'immagine di sfondo di bell'aspetto.
Il menu "Sfondo" consente di personalizzare sia lo sfondo della tela che lo sfondo a larghezza intera. Questo apre più modi per sperimentare il design dell'intestazione, permettendoti di scegliere la giusta combinazione di colori e immagini. Prova a trovare quelli che corrispondono al tema del design che hai selezionato, così come l'argomento della tua rete. Sei libero di essere creativo quanto vuoi!
Hai trovato le immagini adatte? Buono. Basta caricarli facendo clic sull'icona della fotocamera e regolarne il posizionamento e l'allineamento: facile!
Potresti anche voler modificare le tue immagini in modo che si adattino alle dimensioni dell'intestazione, applicare filtri ed effetti, ecc. Per farlo, usa uno strumento di modifica delle immagini online, ad esempio BeFunky o Pixlr . 
Barra dell'account
Qui puoi impostare il colore della barra dell'account mostrata nella parte superiore di ogni pagina della rete. Puoi controllare il colore di sfondo, il colore del testo e l'effetto al passaggio del mouse. Inoltre, c'è un'opzione per sistemare la barra dell'account nella parte superiore della finestra del browser. 
Pagina
La scheda "Pagina" del menu Design Studio è lì per aiutarti a personalizzare l'aspetto generale delle tue pagine di rete. Contiene diverse sottoschede:
- Generale : Imposta il colore dello sfondo della pagina, seleziona i caratteri che appaiono sulle pagine, regola la spaziatura dei paragrafi, modifica la dimensione del riempimento della pagina e la larghezza della pagina. Se desideri che il tuo sito web venga eseguito in modalità a schermo intero, seleziona "100%" nel menu a discesa "Larghezza pagina".
- Modulo : controlla i parametri dei moduli. I moduli sono blocchi di contenuto che appaiono in tutte le pagine della tua rete. È possibile modificare il colore di sfondo, i caratteri, l'imbottitura dei riquadri e dei contenuti, l'allineamento dei riquadri, ecc.
- Collegamenti : personalizza l'aspetto dei collegamenti presentati sul sito Web, inclusi i pulsanti di navigazione della pagina e i titoli dei post.
- Pulsanti : modifica il design dei pulsanti che eseguono varie azioni sul sito.
- Effetti : rende gli angoli delle pagine e dei moduli di contenuto nitidi o arrotondati e imposta la forma delle foto del profilo.
CSS personalizzato
Se le opzioni di personalizzazione integrate non sono sufficienti per te e non sei nuovo nella programmazione, esplora la scheda "Custom CSS". Ti consente di inserire un codice CSS personalizzato e quindi applicare modifiche avanzate al design del tuo sito web.
Ci sono due aree in cui è possibile inserire il codice CSS:
- CSS globale : si riferisce a personalizzazioni universali;
- Tema CSS : si riferisce a personalizzazioni specifiche del tema.
Gli utenti esperti di tecnologia troveranno la funzione CSS personalizzato particolarmente utile per ottenere risultati ancora più impressionanti in termini di presentazione visiva.
Progetta il tuo sito web perfetto
Progettare un sito Web visivamente sbalorditivo è una questione di ispirazione, creatività e strumenti di personalizzazione versatili. NING Design Studio ti offre questi strumenti e ti incoraggia a sviluppare un sito Web unico e attraente che avrà un bell'aspetto e sarà comodo da navigare.
Si spera che questa breve panoramica delle funzionalità principali di Design Studio ti aiuti a creare un sito Web social che impressionerà davvero il tuo pubblico. Intanto continua a sperimentare! Prova cose diverse e le loro combinazioni per arrivare al design di cui sarai felice e orgoglioso.
