Dizajniranje savjeta i primjera intenzivnog sadržaja sadržaja

Za stvaranje sveobuhvatnih izgleda za web traje vještina i puno predanosti. Web dizajneri obavljaju posao gdje ga većina ne može učiniti, i to na vrlo sofisticiran način. Kako su web stranice evoluirale, vidjeli smo potrebu da popunimo više prostora i zadržimo više sadržaja nego ikada prije. Ako već znate kako dizajnirati web-lokaciju, to je veliki bonus za bolje razumijevanje tih metoda. Glavne značajke web-mjesta rijetko se mijenjaju. Međutim, s više od prosječnog sadržaja stranice u igru ​​dolaze i drugi čimbenici, uključujući razmak, tipografiju, pozicioniranje elemenata, među ostalima.

Bit ćemo u detaljima kako bismo obuhvatili nekoliko glavnih savjeta za izradu sadržaja s intenzivnim sadržajem. One mogu biti u rasponu od aplikacija za društvene mreže, velikih poslovnih i korporativnih web-lokacija ili bilo čega između. Važno je zapitati se "što pokušavam postići ovim dizajnom?"kada dizajnirate stranice jer će vam pomoći da predvidite širu perspektivu.

Prilagođene web-stranice

Bez obzira koliko ste iskusni u praktičnom web dizajnu, istina je da smo svi morali početi negdje. Dizajniranje prilagođenih web stranica općenito je prvi korak prema karijeri u web programiranju prije primjene konvencionalnih specifikacija.

Uvijek preporučujem izradu malog popisa elemenata stranice koji se smatraju instaliranim u predložak. Nakon što su sve zapisane, postaje lakše ukloniti loše ideje ili pokupiti propuštene ili zaboravljene dragulje. To također utire put za lako planiranje kako bi se smanjio stres niz cestu.

Raspored Žičani okvir

Za generičku web stranicu od 5 stranica često ćete vidjeti iste elemente koji se ponavljaju. Gornji kutni logotip, veze za navigaciju glave, glavna sadržajna površina možda podijeljena s bočnom trakom i druge funkcionalnosti (prijava, okvir za pretraživanje itd.).

Razmislite o dobroj početnoj točki za izradu detaljnih izgleda stranica. Mnogi dizajneri smatraju da je korisno skicirati moguće dizajne žičane mreže kako bi se isključili ne tako očiti nedostaci. To ne zahtijeva nikakav fensi papir i može biti učinjeno u pokrenutom prijenosnom računalu. Svrha je wireframea dati grubu ideju o tome gdje bi se izgled stranice trebao nalaziti sa sobom za popunjavanje detalja kasnije.

Sa sadržajnim postavkama treba uzeti u obzir koliko će platforma sadržavati. Izgradnja zatvorenog 2-3 stupca raspored za domaćina 100 + stranice duge, zamršen sadržaj neće ostaviti puno prostora za disanje prostora. Skiciranjem i planiranjem unaprijed možete kontrolirati količinu prostrane sobe za sadržaj stranice. To ne samo da oblaže tekst ili blokira područja već se bavi i slikama i videozapisima.

Sjajni bijeli prostor

Moguće je da je bijeli razmak najvažniji čimbenik koje treba uzeti u obzir pri oblikovanju sadržaja intenzivnog sadržaja. Sadržaj web-mjesta propisuje ga alll, više nego bilo koja redovna web-lokacija. Ako čitatelji ne mogu razumjeti sadržaj jer nema mjesta za varenje vaših riječi, promet će biti nejasan i nezadovoljan.

Odlomci i zaglavlja stranica izvrsno su mjesto za početak prilagođavanja. Koristeći CSS svojstva trebali biste moći manipulirati vanjskim marginama i paddanjem od svakog elementa teksta blok-linije. To uključuje sve naslove 1-6, odlomke, blokove, popise, unaprijed formatirani tekst i nekoliko manjih elemenata.

Ako želite zadržati pozornost čitatelja, važno je primijeniti razmake ispod glavnih tekstualnih elemenata. Odlomci i manji naslovi najbolje funkcioniraju s donjim maržama od 15px-25px. Za veće stranice elemenata kao što su h1 ili h2 uzeti u obzir 35px + (to će ovisiti i o veličini vašeg fonta). Razmaci između vertikalnih elemenata važni su za pomicanje i skeniranje "na prvi pogled". Međutim linija visina je još jedno važno CSS svojstvo koje utječe na razmak između redaka u elementu teksta. Odlomci bi trebali imati mnogo veću vrijednost u odnosu na veličinu fonta tako da postoji više dodatnih slojeva između redaka.

Razmotrite dinamičke stilove

Osim razmaka, digitalna tipografija trebalo bi manipulirati na način da se skine s stranice. Sa stotinama milijuna web-mjesta u svijetu danas, uobičajeno je vidjeti istu vrstu slova svugdje.

Ako dizajnirate izgled web-lokacije s teškim sadržajem, rezultat će izgledati kao još jedan blagi predložak do kraja. Ima mnogo svojstava za igranje s naprednim tipografskim stilovima. Tekst sjene, manje / više razmaka slova, pozadinske platforme, ikone ... popis je beskrajan.

Uistinu, vi ste dizajner i vaša posljednja riječ je zakon. Projektiranje rasporeda nije usporedivo s autocestom s jednom trakom bez preokreta. Tijekom procesa možete se vratiti i promijeniti stilove, manipulirati novim elementima ili u potpunosti uništiti koncept. Razmotrite neke druge korisne CSS savjete i zaigrajte se da biste vidjeli što je najbolje!

Koristite padajuće izbornike

S toliko sadržaja nije vjerojatno da će se svi vaši linkovi smjestiti na jednu stranicu. Postoji mnogo opcija o tome kako obraditi preopterećenje stranica. Dodavanje dodatnih veza u blokove bočne trake ili ušivenih u stupce u podnožju web-lokacije dvije su namjenske opcije.

Najpogodniji i praktičniji izbor je kreiranje padajuće sheme navigacije s kategorijama glava i potkategorija. Tu su i mnoge open source skripte koje nude pod-pod-kategorije ako imate intenzivno detaljne teme.

Možda je najbrža i najmanje frustrirajuća strategija početi s JavaScript okvirom. Neki od najpopularnijih su jQuery, MooTools, ili možda prototip. Sve ove knjižnice nude dokumentaciju i mnoge od njih imaju slobodne skripte padajućeg izbornika.

Planirajte prikaze sadržaja

U praksi je mnogo teže stvoriti pojednostavljeno područje tijela u kojem će se nalaziti sav sadržaj koji vaša prosječna web stranica sadrži. Uz pomicanje standarda preglednika i mobilne podrške poludragim, nije čudo što vidimo takve web-lokacije s intenzivnim sadržajem. Budite osjetljivi na svaki stil web stranice na zaslonu. Neki će sadržavati više slika, drugi mogu sadržavati primarnu grafiku ili videozapis ili uopće nemaju grafiku. Nakon što završite s kodiranjem konačnog izgleda, izradite više HTML stranica kako biste imali različite poglede.

Svi će oni imati istu unutarnju oznaku osim sadržaja unutar glavnog područja sadržaja. Svakom pojedinačnom prikazu stranice može se manipulirati i pružiti uvid u gotov proizvod. Uključite ovu opciju tako da sadrži sve glavne prikaze za koje mislite da će biti potrebni za svaku stranicu. Drugi primjeri elemenata stranice mogu uključivati ​​okvire za komentare, videozapise ili ugrađene galerije ili veze podijeljene stranice.

Plan strategije temeljito

Uistinu, nije posve teško stvoriti web-site koji pokreće energiju. Mnogi dizajneri su uhvaćeni u korak s malim detaljima, kao što su kako posaditi elemente bloka ili hiperveze u boji. Ovi detalji su važni jer se šalju preko poruke marke, čak i iz manjih elemenata poruka bi trebala doći zajedno s cijelom stranicom. Mentalno planirajte faze svog dizajna kako biste shvatili kako je najbolji pristup za svaku prepreku. Ako radite s klijentom, bilo bi dobro raspraviti koju vrstu sadržaja unaprijed popunjavate. To vam daje mogućnost da planirate unaprijed i strategize najbolji pristup za opći izgled.

Još jedna tema koja se posebno bavi drolom je mobilni dizajn. Ovo novo tržište doživljava ogromnu ekspanziju ne samo pametnih telefona, nego i moćnih tablet računala. To znači da korisnici mogu pristupiti vašem izgledu s mobilnog zaslona - provjerite je li sadržaj preplavljen i predstavlja li se uredno.

7 Primjeri web-lokacija za teške sadržaje

U nastavku se nalazi nekoliko primjera snimki zaslona popularnih web-lokacija koje sadrže teške sadržaje. To su uglavnom poznati brandovi na fizičkom i digitalnom tržištu. Pogledajte neke od ideja u nastavku kako biste pronašli inspiraciju u vlastitim projektima. Također slobodno podijelite druge sadržaje teških web izgleda u odjeljku komentara.

nadzornik u štampariji

Clicker je nova aplikacija za društvene mreže za ljubitelje TV i filmova. Možete se registrirati za novi račun i pronaći neke od vaših omiljenih klasičnih TV emisija, arhivirane po sezoni i unosu epizode. Možete usporediti web-lokaciju s IMDB-om s manje informacija i više videosadržaja!

Budućnost web dizajna

Budućnost web dizajna 2011 bit će lansirana u Londonu sljedećeg proljeća. Pogledajte početnu stranicu za više informacija i odličan primjer oblikovanja teksta na temelju teksta. Svi detalji su istinski podijeljeni i nude govornike, rasporede, radionice, sponzore i još mnogo toga.

Vjerojatno

U ovom komičnom rasporedu glavni lik Lord Likely bio je "karikatiziran" i perforiran u ilustraciju. Stranica je podijeljena u 3 stupca sa svakim novim sportskim sadržajem, oglasima, linkovima sažetaka i arhivama. Sam dizajn je vrlo retro i pametan je u dizajnu ilustracija.

Microsoft

Većina tehnoloških entuzijasta je upoznata s Microsoftom. Zapravo, većina ljudi koji razumiju što je računalo može vam dati čak i kratak opis Microsofta i Billa Gatesa. Njihova početna stranica sadrži sadržaj za desetke softverskih paketa, novosti, priopćenja za tisak i informacije o razvojnim programerima. Malo puta niz stranicu možete uočiti vertikalni izbornik kartica s dinamičkim mijenjanjem sadržaja.

Zemljište tražilice

Search Engine Land je popularni web magazin koji se fokusira na tražilice i internet marketing. Oni često ažuriraju s nevjerojatnim kvalitetnim postovima i voze stotine tisuća ljudi na svoje stranice svaki dan. Glavna stranica se dijeli na 3 stupca koji se koriste za držanje svakog sadržaja i oglasa.

Bijela kuća

Dizajn Sjedinjenih Američkih Država Bijela kuća izgleda vrlo čisto i profesionalno. Postoji mnogo informacija o predsjednikovom rasporedu i drugim važnim političkim događajima. Jedan trik za ublažavanje stranice sobe je dodavanje klizača malog sadržaja prema naslovu stranice. Ovo je sjajno za prikazivanje 3-4 velika naslova vijesti kada Vaši posjetitelji pristanu na stranicu.

Yahoo Portal

Što se tiče velikih sadržaja web stranice ići Yahoo! mora se kretati prema vrhu. Yahoo! svojim klijentima nudi stotine usluga, uključujući web-poštu, vijesti, videozapise, pa čak i web-pretraživanje. Pogledajte neke od Y! veze portala s bočne trake da biste vidjeli kako se njihovi predlošci uspoređuju.

Zaključak

Ovo su samo neke od ključnih točaka i koraka za izgradnju konkretnih sadržaja zahtjevnih izgleda. Web stranice s velikim spremnicima sadržaja često se smatraju teretom koji sadrži SEO hranu i ništa stvarne vrijednosti. Dizajn je sve jer je prvi dojam koji korisnik dobije od svake web-lokacije. Uz velike količine sadržaja to može postati katastrofa s neredom i više generalizacija. Nikada nemojte prestati vježbati i sa samo nekoliko projekata ćete pokupiti majstorstvo za zamišljanje sadržaja intenzivnih izgleda.