Domača » Oblikovanje spletnih strani » Oblikovanje nasvetov in primerov intenzivnega oblikovanja vsebine

    Oblikovanje nasvetov in primerov intenzivnega oblikovanja vsebine

    Za ustvarjanje celovitih postavitev za splet je potrebno spretnost in veliko predanosti. Spletni oblikovalci opravljajo delo, kjer ga večina ne more storiti, in na zelo prefinjen način. Ker so se spletne strani razvijale, smo videli, da je treba zapolniti več prostora in imeti več vsebine kot kdajkoli prej. Če že razumete, kako oblikovati spletno stran, je to velik bonus za boljše razumevanje teh metod. Glavne značilnosti spletnega mesta se redko spreminjajo. Toda z več kot povprečno vsebino strani se pojavijo drugi dejavniki, med drugim beli prostor, tipografija, pozicioniranje elementov.

    Podrobno bomo obravnavali nekaj glavnih nasvetov za oblikovanje vsebinsko intenzivnih postavitev. Te se lahko raztezajo od aplikacij za družabna omrežja, velikih poslovnih in poslovnih spletnih mest ali do česarkoli vmesnega. Pomembno je, da se vprašate "kaj poskušam doseči s tem dizajnom?"ko načrtujete strani, vam bo pomagalo predvideti širšo možnost.

    Spletne strani po meri

    Ne glede na to, kako izkušeni v praktičnem spletnem oblikovanju ste morda, je res, da smo morali nekje začeti. Oblikovanje spletnih strani po meri je na splošno prvi korak k karieri v spletnem programiranju pred uporabo običajnih specifikacij.

    Vedno priporočam, da ustvarite majhen seznam elementov strani, ki se štejejo za nameščene v predlogo. Ko so vse zapisane, postane lažje odstraniti slabe ideje ali pobrati zamujene ali pozabljene dragulje. To tudi utira pot za enostavno načrtovanje za razbremenitev cest.

    Postavitev Wireframe

    Za generično spletno stran s petimi stranmi boste pogosto videli, kako se ponavljajo enaki elementi. Zgornji kotni logotip, povezave za navigacijo glave, glavna vsebina, ki je morda razdeljena s stransko vrstico in drugo funkcijo (prijava, polje za iskanje itd.).

    Razmislite o dobri začetni točki za gradnjo podrobnih postavitev strani. Mnogi oblikovalci menijo, da je koristno skicirati možne konstrukcije, da bi izključili ne tako očitne pomanjkljivosti. To ne zahteva nobenega domišljijskega papirja in se lahko izvede celo v izčrpani zvezki. Namen žičnega okvirja je podati grobo predstavo o tem, kje naj bi postavitev spletnega mesta vsebovala prostor, ki bo pozneje izpolnil podrobnosti.

    Pri vsebinskih težkih postavitvah je treba upoštevati, koliko bo platforma vsebovala. Z izgradnjo zaprte 2-3 stolpčne postavitve, ki bo gostila 100+ strani dolge, zapletene vsebine, ne bo ostalo veliko prostora za dihalni prostor. S skiciranjem in načrtovanjem vnaprej lahko nadzorujete količino prostorne sobe za vsebino strani. To ne predstavlja samo besedila ali bloka, temveč obravnava tudi slike in videoposnetke.

    Briljantno beli prostor

    Beli razmik je verjetno najpomembnejši dejavnik upoštevati pri načrtovanju vsebine. Vsebina spletne strani jo ureja alll, bolj kot katera koli redna spletna stran. Če bralci ne morejo razumeti vsebine, ker ni prostora za prebavo vaših besed, bo promet peščen in nezadovoljen.

    Odlomki in glave strani so odličen kraj za začetek prilagajanja. Z uporabo lastnosti CSS lahko upravljate zunanje robove in obračate vse elemente besedila vrstic blokov. Sem spadajo vsi naslovi 1-6, odstavki, bloki, seznami, predformatirano besedilo in nekaj manj pomembnih elementov.

    Če želite obdržati pozornost bralca, je pomembno uporabiti razmik pod glavnimi elementi besedila. Odstavki in manjši naslovi najbolje delujejo s spodnjimi mejami 15px-25px. Za večje strani strani, kot sta h1 ali h2, upoštevajte 35px + (to bo odvisno tudi od velikosti pisave). Razmiki med navpičnimi elementi so pomembni za pomikanje in skeniranje "na prvi pogled". Vendar pa višina vrstice je še ena pomembna lastnost CSS, ki vpliva na razmik med vrsticami v elementu besedila. Odstavki bi morali imeti veliko večjo vrednost višine črte v primerjavi z velikostjo pisave, tako da je med vrsticami veliko dodatnih dodatkov.

    Razmislite o dinamičnih slogih

    Poleg razmika, digitalna tipografija je treba manipulirati tako, da bo skočil s strani. Z več sto milijoni spletnih mest na svetu je danes povsod običajno videti isto vrsto pisave.

    Če načrtujete postavitev za spletno stran, ki ima veliko vsebino, bo rezultat do konca videti kot še ena nežna predloga. Obstaja veliko lastnosti za igranje z naprednimi tipografskimi slogi. Besedilne sence, manj / več razmikov med črkami, platforme za ozadje, ikone… seznam je neskončen.

    Res ste oblikovalec in vaša zadnja beseda je pravo. Oblikovanje postavitve ni primerljivo z avtocesto z enim pasom brez preobrata. Med procesom se lahko vrnete nazaj in spremenite sloge, manipulirate z novimi elementi ali popolnoma uničite koncept. Razmislite o nekaterih drugih koristnih nasvetih CSS in se poigrajte, da boste videli, kaj se najbolje ujema!

    Uporabite spustne menije

    Z zelo veliko vsebine je malo verjetno, da se bodo vse vaše povezave uvrstile na eno samo stran. Obstaja veliko možnosti, kako ravnati s preobremenitvijo strani. Dajanje dodatnih povezav v bloke v stranski vrstici ali všite v stolpce v nogi spletnega mesta sta dve namenski možnosti.

    Najbolj priročna in priročna izbira je ustvariti spustno navigacijsko shemo s kategorijami glave in podkategorijami. Obstaja tudi veliko odprtokodnih scenarijev, ki ponujajo podkategorije, če imate intenzivno podrobne teme.

    Verjetno najhitrejša in najmanj frustrirajuča strategija je začeti z okvirom JavaScript. Med najbolj priljubljenimi so jQuery, MooTools ali morda prototip. Vse te knjižnice ponujajo dokumentacijo in mnogi imajo na voljo prosti spustni meni.

    Načrtovanje ogledov vsebine

    V praksi je veliko težje ustvariti poenostavljeno telesno površino, da bi lahko shranili vse vsebine, ki jih vsebuje povprečna spletna stran. S prestavljanjem standardov brskalnika in polsladkasto mobilno podporo ni čudno, da vidimo takšne vsebinsko intenzivne spletne strani. Bodite pozorni na vsak slog spletne strani, ki je prikazana. Nekatere vsebujejo več slik, druge lahko vsebujejo primarno grafiko ali video ali pa sploh ne. Ko končate s kodiranjem končne postavitve, ustvarite več HTML strani za različne poglede.

    Vsi bodo imeli enako notranjo oznako, razen za vsebine znotraj glavne vsebine. Vsak posamezen pogled strani je mogoče manipulirati in zagotoviti vpogled v končni izdelek. Preklopite to, da vsebuje vse glavne poglede, za katere menite, da bodo potrebni za vsako stran. Drugi primeri elementov strani lahko vključujejo polja s komentarji, videoposnetke ali vdelane galerije ali povezave na deljene strani.

    Načrtno načrtujte temeljito

    V resnici ni popolnoma težko ustvariti spletno postavitev. Mnogi oblikovalci se ujamejo z malimi podrobnostmi, kot so, kako posaditi elemente bloka ali barvne hiperpovezave. Te podrobnosti so pomembne, saj pošiljajo sporočilo v obliki blagovne znamke, celo iz manjših elementov, mora sporočilo priti skupaj s celotno stranjo. Mentalno načrtujte faze svojega oblikovanja, da ugotovite, kako je najboljši pristop za vsako ovire. Če delate s stranko, bi bilo dobro, da se predhodno pogovorite o tem, kakšno vrsto vsebine bodo polnile strani. To vam daje priložnost, da načrtujete vnaprej in strategize najboljši pristop za splošno postavitev.

    Še ena tema, ki se še posebej pojavlja, je mobilno oblikovanje. Ta novi trg vidi izjemno razširitev ne le pametnih telefonov, temveč tudi zmogljivih tabličnih računalnikov. To pomeni, da uporabniki morda dostopajo do vaše postavitve z mobilnega zaslona - poskrbite, da vsebina ne bo preplavljena in bo lepo prikazana.

    7 Primeri spletnih mest za težke vsebine

    Spodaj je prikazanih nekaj primerov posnetkov zaslona priljubljenih spletnih mest z veliko vsebino. To so večinoma znane blagovne znamke na fizičnih in digitalnih trgih. Oglejte si nekaj idej spodaj, da najdete navdih v svojih projektih. Prav tako vas prosimo, da v razdelku komentarjev delite druge vsebine s težkimi spletnimi postavitvami.

    Kliker

    Clicker je nova aplikacija za družabne mreže za ljubitelje TV in filmov. Registrirate se lahko za nov račun in najdete nekaj priljubljenih klasičnih TV-oddaj, arhiviranih po sezonah in seznamih epizod. Spletno mesto lahko primerjate z IMDB z manj informacijami in več video vsebin!

    Prihodnost spletnega oblikovanja

    Prihodnost spletnega oblikovanja 2011 bo v prihodnosti spomladi sprožila stvari v Londonu. Za več informacij si oglejte domačo stran in odličen primer oblikovanja besedila na osnovi besedila. Vse podrobnosti so resnično deljene in ponujajo govorce, urnike, delavnice, sponzorje in še veliko več.

    Gospod Likly

    V tej komični postavitvi je glavni lik Lord Likely "risan" in perforiran v ilustracijo. Spletno mesto je razdeljeno na 3 stolpce z vsako novo vsebino, oglasi, povezavami vira in arhivi. Sama zasnova je zelo retro in pametna je pri oblikovanju ilustracij.

    Microsoft

    Večina tech-entuziastov pozna Microsoft. Dejstvo je, da lahko večina ljudi, ki razumejo, kaj je računalnik, poda kratek opis Microsofta in Billa Gatesa. Njihova domača stran vsebuje vsebine za desetine programskih paketov, posodobitve novic, sporočila za javnost in informacije o razvijalcih. Malo navzdol po strani lahko opazite navpični meni zavihkov z dinamičnim preklapljanjem vsebine.

    Iskalnik Land

    Iskalnik Land je priljubljena spletna revija, ki se osredotoča na iskalnike in internetno trženje. Pogosto posodabljajo z neverjetnimi kakovostnimi objavami in vsak dan na svoje spletno mesto vozijo več sto tisoč ljudi. Glavna stran se deli na 3 stolpce, ki se uporabljajo za vsak vsebinski modul in oglas.

    Bela hiša

    Zasnova bele hiše v ZDA je zelo čista in profesionalna. Obstaja veliko informacij o predsednikovem urniku in drugih pomembnih političnih dogodkih. Eden trik za lajšanje sobe v sobi je dodajanje drsnika z majhno vsebino na naslov strani. To je odlično za prikazovanje 3-4 velikih naslovov novic, ko obiskovalci pristanejo na strani.

    Yahoo Portal

    Kar zadeva spletne strani z veliko vsebino, Yahoo! mora biti usmerjen proti vrhu. Yahoo! svojim strankam ponuja na stotine storitev, vključno s spletno pošto, novicami, videoposnetki in celo spletnim iskanjem. Oglejte si nekaj Y! povezave portala iz stranske vrstice, da vidite, kako se primerjajo njihove predloge.

    Zaključek

    To so le nekatere od ključnih točk in korakov za izgradnjo konkretnih vsebinsko zahtevnih postavitev. Spletne strani z velikimi zbiralniki vsebine se pogosto obravnavajo kot obremenitev, ki ima SEO krmo in ničesar prave vrednosti. Oblikovanje je vse, saj je prvi vtis, ki ga uporabnik dobi na vsaki spletni strani. Z veliko količino vsebin lahko to postane katastrofa z neredom in več posplošitvami. Nikoli ne prenehajte trenirati in z le nekaj projekti boste prevzeli mojstrstvo za zamišljanje vsebinsko intenzivnih postavitev.