Cum să vă proiectați comunitatea pe Ning

Deși conținutul este, fără îndoială, cel mai valoros activ al rețelei dvs. Ning, designul este ceva care trebuie luat foarte în serios . Indiferent cât de relevant și de captivant este conținutul tău, nimeni nu ar fi deosebit de încântat să navigheze pe un site web urât, nu? Adevărul este că 38% dintre oameni renunță să se implice cu un site web dacă îl consideră neatractiv . Evident, ca creator de rețea, nu vrei să pierzi atât de mult public. Dimpotrivă, doriți ca utilizatorii să fie fericiți de fiecare aspect al creației dvs.

Un design de rețea atrăgător din punct de vedere vizual și ușor de utilizat vă ajută să captați atenția oamenilor și să asigurați cea mai bună experiență de utilizator posibilă. Nu este vorba doar de frumusețea estetică. Atâta timp cât designul site-ului dvs. este profesional și intuitiv, mai mulți utilizatori doresc să interacționeze cu acesta, prin urmare, mai mulți oameni se alătură rețelei dvs. și cu atât mai mult trafic pe site-ul dvs. web.

În plus, un design unic și individualist vă poate face rețeaua să iasă în evidență față de restul și să vă permită să-i dezvălui adevărata identitate. La urma urmei, vorbim despre rețelele sociale personalizate pentru care Ning este cunoscut.

Dar cum să proiectezi un site web care să arate atât de bine, cât și să fie un răsfăț de navigat? Iată câteva sfaturi utile pentru cei care tocmai au început să exploreze platforma Ning și capacitățile acesteia.

Noțiuni introductive cu NING Design Studio

Una dintre prioritățile de top ale Ning a fost întotdeauna să ofere utilizatorilor controlul maxim asupra aspectului vizual al rețelelor lor. Acesta este motivul pentru care a fost creat Design Studio.

NING Design Studio este un set de instrumente care permite personalizarea designului site-urilor de socializare create pe platforma Ning. Oferă utilizatorilor o abundență de opțiuni de personalizare menite să facă fiecare rețea Ning unică și frumoasă.

Studioul de design poate fi lansat cu ușurință făcând clic pe pictograma corespunzătoare din tabloul de bord de administrare, care este disponibilă ca o bară de instrumente verde în colțul din stânga sus al fiecărei pagini de rețea.

Există mai multe categorii de personalizare disponibile în meniul Design Studio:

• Teme : selectați un șablon de design general pentru site-ul dvs.;
• Fundal : alegeți și configurați imaginea care apare pe fundalul site-ului dvs.;
• Antet : proiectează un antet care să se potrivească cu subiectul rețelei tale;
• Pagina : setați aspectul general al paginilor dvs. de rețea;
• CSS personalizat : introduceți codul CSS personalizat pentru a face modificări avansate designului site-ului dvs.

Fiecare categorie conține mai multe opțiuni de personalizare distincte. Pentru a proiecta un site web care va arăta cu adevărat profesional, fă-ți timp și treci treptat de la o categorie la alta, setând parametrii fiecărui element al rețelei tale în conformitate cu viziunea ta creativă. Puteți configura practic fiecare aspect al designului site-ului dvs. pentru a se potrivi preferințelor dvs. estetice.

În plus, Studioul de design vă permite să previzualizați orice modificări pe care le faceți înainte ca acestea să fie aplicate efectiv în rețeaua dvs. Acest lucru face ca procesul de personalizare să fie foarte convenabil și intuitiv.

De fapt, utilizarea Studioului de design nu necesită cunoștințe și abilități tehnice, deoarece fiecare element de design poate fi modificat cu ușurință cu ajutorul unei interfețe ușor de utilizat. Cu toate acestea, pentru a vă face o idee de bază despre opțiunile de personalizare pe care le aveți la dispoziție, să le revizuim mai în detaliu.

Temă

O temă este un șablon care determină designul de bază al site-ului dvs. Aplicând o temă în rețeaua dvs., aplicați o combinație prestabilită de elemente de design, inclusiv un antet, o imagine de fundal, aspectul paginii, bara de navigare, fonturi etc.

Ning oferă o selecție largă de teme gata de utilizare, concepute meticulos pentru diferite tipuri de site-uri web. Ai nevoie de un site web de portofoliu? Alegeți tema corespunzătoare din bibliotecă. Sunteți dispus să creați o comunitate muzicală? Nicio problemă, Ning are șabloane și pentru asta!

Puteți găsi întreaga gamă de teme dezvoltate de Ning în fila „Teme” din meniul Design Studio.

Alegeți-l pe cel care se potrivește cel mai bine scopului dvs. și apăsați butonul „Publicare”. Înainte de a aplica o temă, o puteți previzualiza.

Temele Ning arată grozav atât pe desktop, cât și pe dispozitive mobile, deoarece au fost optimizate cu atenție pentru cea mai bună performanță pe toate platformele existente.

În plus, fila „Teme” conține două subfile:

• Istoric : vă permite să revizuiți toate temele pe care le-ați aplicat înainte pe site-ul dvs. de rețea;
• Gestionare : aici puteți importa și exporta teme; Studioul de design acceptă teme în format .txt.

Deși puteți utiliza temele prestabilite așa cum sunt, este, de asemenea, posibil să le personalizați în continuare pentru a obține un design complet unic.

fundal

Începeți să vă personalizați tema setând o imagine de fundal. Există două moduri simple de a face acest lucru:

• Selectați una dintre imaginile standard oferite de Ning;
• Încărcați propria imagine și aplicați-o ca fundal.

Pentru a încărca propria imagine, selectați fila „Background” și faceți clic pe pictograma camerei.

În dreapta listei de selecție a imaginilor, veți găsi mai multe opțiuni suplimentare pentru a vă ajusta imaginea de fundal:

• Culoare : setați culoarea fundalului dvs.;
• Aliniere și orientare : alegeți una dintre cele nouă poziții pentru imaginea de fundal;
• Redare : definiți modul în care imaginea de fundal va fi redată pe pagină; Există cinci opțiuni disponibile în meniul derulant: Tile, Tile orizontal, Tile vertical, Stretch și Normal.
• Opțiunea de defilare: puteți fie să activați derularea, fie să fixați poziția imaginii de fundal, bifând butonul radio corespunzător.

Când termini cu imaginea de fundal, este timpul să treci la antet, unul dintre cele mai importante elemente ale designului site-ului tău.

Antet

Un antet este un bloc care conține informații introductive despre un site web (nume, logo, etc.) și o bară de navigare. Un antet rămâne vizibil pe fiecare pagină a unui site web și este de obicei situat în partea de sus, deși uneori poate fi plasat și în partea dreaptă sau stângă a unei pagini, în funcție de conceptul de design.

Pentru a începe să proiectați antetul site-ului dvs., faceți clic pe fila „Header”.

În filă, veți găsi mai multe subfile care vă permit să setați diferiți parametri ai antetului dvs.:

• Stil :

Aici puteți seta poziția și orientarea antetului. Opțiunea clasică este un antet situat în partea de sus, care conține o imagine de fundal, numele rețelei, logo-ul și bara de navigare de mai jos. Cu toate acestea, puteți lua în considerare și alte variante disponibile pentru a vă scoate în evidență rețeaua.

În plus, sunteți liber să modificați dimensiunea (înălțime și lățime) antetului și umplutura acestuia, introducând valorile necesare (în pixeli) în casetele corespunzătoare.

Sfat Limita implicită de înălțime pentru majoritatea temelor este de 135 px.

• Nume/Sigla :

Una dintre funcțiile esențiale ale unui antet este de a comunica un nume de site (sau o companie/nume de marcă). Pentru a completa imaginea, veți dori să vă afișați și logo-ul. Cu NING Design Studio, puteți personaliza cu ușurință atât numele, cât și logo-ul.

Pentru a seta un nume de rețea, accesați „Setări generale” din meniul „Manager site social” accesibil din Tabloul de bord de administrare și introduceți numele în caseta de text „Numele site-ului”.

Puteți apoi să vă întoarceți la Design Studio și să selectați stilul, culoarea și dimensiunea fontului aplicat numelui site-ului dvs.

Când ați terminat de personalizat numele rețelei, este timpul să vă încărcați sigla. Pentru a face acest lucru, faceți clic pe pictograma camerei și găsiți fișierul imagine necesar pe computer.

Imediat ce logo-ul este încărcat, îi puteți regla dimensiunea cu ajutorul barei de glisare situată în dreapta. De asemenea, puteți modifica dimensiunea căptușelii și alinierea logo-ului dvs.

• Navigare

Acest meniu vă permite să vă personalizați bara de navigare. Puteți schimba culoarea de fundal și tipul de chenar, puteți ajusta fonturile atât pentru file, cât și pentru subfile, puteți seta culori, puteți controla efectul de trecere cu mouse-ul, puteți modifica dimensiunea de umplere a filei și puteți regla distanța dintre file.

• fundal

Pentru a vă face antetul frumos și unic, setați o imagine de fundal arătătoare pentru el.

Meniul „Background” vă permite să personalizați atât fundalul pânzei, cât și fundalul pe toată lățimea. Acest lucru deschide mai multe moduri de a experimenta cu designul antetului, permițându-vă să alegeți combinația potrivită de culori și imagini. Încercați să găsiți cele care se potrivesc cu tema de design pe care ați selectat-o, precum și cu tema rețelei dvs. Sunteți liber să fiți cât de creativ doriți!

Ați găsit imaginile potrivite? Bun. Încărcați-le făcând clic pe pictograma camerei și ajustați-le poziționarea și alinierea - ușor!

De asemenea, este posibil să doriți să editați imaginile astfel încât să se potrivească cu dimensiunea antetului, să aplicați filtre și efecte etc. Pentru a face acest lucru, utilizați un instrument de editare a imaginilor online, de exemplu BeFunky sau Pixlr .

• Bara de conturi

Aici puteți seta culoarea barei de cont afișată în partea de sus a fiecărei pagini de rețea. Puteți controla culoarea de fundal, culoarea textului și efectul de hover. În plus, există o opțiune de a fixa bara de cont în partea de sus a ferestrei browserului.

Pagină

Fila „Pagină” din meniul Design Studio este acolo pentru a vă ajuta să personalizați aspectul general al paginilor dvs. de rețea. Conține mai multe subfile:

• General : Setați culoarea fundalului paginii, selectați fonturile care apar pe pagini, reglați spațierea dintre paragrafe, modificați dimensiunea paginii și lățimea paginii. Dacă doriți ca site-ul dvs. să ruleze în modul ecran complet, selectați „100%” în meniul derulant „Lățimea paginii”.
• Modul : Controlează parametrii modulelor. Modulele sunt blocuri de conținut care apar pe toate paginile rețelei dvs. Puteți schimba culoarea de fundal, fonturile, umplutura de plăci și conținut, alinierea plăcilor etc.
• Legături : personalizați aspectul linkurilor prezentate pe site, inclusiv butoanele de navigare în pagină și titlurile postărilor.
• Butoane : Modificați designul butoanelor care efectuează diverse acțiuni pe site.
• Efecte : faceți colțurile paginilor și ale modulelor de conținut ascuțite sau rotunjite și setați forma fotografiilor de profil.

CSS personalizat

Dacă opțiunile de personalizare încorporate nu sunt suficiente pentru dvs. și nu sunteți nou în codare, explorați fila „CSS personalizat”. Vă permite să introduceți un cod CSS personalizat și, prin urmare, să aplicați modificări avansate designului site-ului dvs.

Există două zone în care poate fi introdus codul CSS:

• CSS global : se referă la personalizări universale;
• Tema CSS : se referă la personalizări specifice temei.

Utilizatorii cunoscători de tehnologie vor găsi caracteristica CSS personalizată deosebit de utilă pentru a obține rezultate și mai impresionante în ceea ce privește prezentarea vizuală.

Proiectează-ți site-ul perfect

Proiectarea unui site web uimitor din punct de vedere vizual este o chestiune de inspirație, creativitate și instrumente versatile de personalizare. NING Design Studio vă oferă aceste instrumente și vă încurajează să dezvoltați un site web unic și atractiv, care să arate grozav și să se simtă comod de navigat.

Sperăm că această scurtă prezentare generală a caracteristicilor de bază Design Studio vă va ajuta să creați un site web social care vă va impresiona cu adevărat publicul. Între timp, continuă să experimentezi! Încercați diferite lucruri și combinațiile lor pentru a ajunge la designul de care veți fi mulțumiți și de care veți fi mândri.

Brenda Peterson

Brenda este specialist tehnic la Ning

Vizualizați toate postările