Radni priručnik za osobu koja gradi stranice
Poglavlje 1
Graditelj web stranica pretvara organizaciju na Eventureu u pravu javnu web stranicu: vlastitu adresu, vlastiti izgled, vlastite stranice. Ne profilnu stranicu unutar Eventurea. Stvarnu web stranicu, kakvu biste inače platili agenciji.
Ovaj je priručnik za osobu koja te stranice gradi. Pretpostavlja da graditelj nikad niste otvorili. Ne pretpostavlja da znate pisati kod i to od vas nikad neće tražiti.
Graditelj ćete naći na organizaciji pod Graditelj web stranica. Sve u ovom priručniku događa se na tom jednom zaslonu.
Graditelj sprema dok tipkate. Nema gumba Spremi za traženje, što je olakšanje kad mu povjerujete i uznemirujuće prije toga. Treće poglavlje objašnjava sigurnosnu mrežu zbog koje je to u redu: gotovo uvijek uređujete skicu, a stranica uživo ne mijenja se dok vi ne kažete.
Poglavlje 2
Prije nego išta od kontrola dobije smisao, ovo ga ima. Svaka web stranica koju graditelj napravi ima točno tri dijela.
Zaglavlje se crta na vrhu svake pojedine stranice. Podnožje se crta na dnu svake pojedine stranice. Svako od njih gradite jednom i prate posjetitelja posvuda.
Između njih sjedi dio koji se mijenja. Na ulaznim vratima to je početna stranica. Svugdje drugdje to je stranica. I koja god bila, građena je isto: od odjeljaka, složenih jedan ispod drugog, odozgo prema dolje, redoslijedom kojim ih postavite.
Odjeljak je vodoravna traka preko stranice: uvodni odjeljak, fotogalerija, popis događaja, kontaktni obrazac. Vi birate koje, povlačite ih u redoslijed, ispunjavate njihove postavke. To je cijeli posao.
Svaka od šest kartica jedan je od ta tri dijela, ili pravila koja svi slušaju. Čim to vidite, traka kartica prestaje biti šest misterija i postaje popis:
Poglavlje 3
Pročitajte ovo prije nego išta dirnete. To je razlika između slobodnog eksperimentiranja i straha od alata.
Organizacija može držati više verzija svoje web stranice. Zovu se varijante. Točno jedna od njih je uživo - ona koju vidi javnost. Ostale su skice, vidljive samo vama.
Dok uređujete skicu, ništa što radite ne stiže do javnosti. Možete izbrisati svaki odjeljak, izabrati boje koje se sudaraju i presložiti cijelu stranicu. Stranica uživo ide dalje nepromijenjena. Mijenja se tek kad skicu namjerno aktivirate, što je zamijeni na mjesto.
Zato graditelj može spremati automatski, a da to ne bude nepromišljeno. Sprema vašu skicu.
Posve nova organizacija bez stranice nema što štititi, pa njezina prva izrada ide ravno uživo. Od tada ste na terenu skica. Ako niste sigurni gdje ste, potražite traku skice preko vrha pregleda. Bez trake uređujete stranicu uživo, pa uzmite dodatnu sekundu za razmišljanje.
Svaki od automatskih graditelja iz trinaestog poglavlja poštuje ovo pravilo. Svi proizvode skicu i predaju vam je na pregled. Nijedan ne može prepisati stranicu uživo iza vaših leđa.
Sve oko varijanti događa se u jednoj traci iznad kartica. Mijenja oblik ovisno o tome što uređujete, i to je poanta: nudi vam samo ono što sada ima smisla. Slijeva nadesno, ovo je sve što može pokazati.
Otvorite preklopnik i svaka varijanta dobiva red od dva retka. Prvi je što ona jest, drugi što drži. Naučite ga čitati i prestat ćete otvarati varijante samo da doznate što je u njima.
Varijanta s prilagođenom stranicom ne pokazuje nikakve brojače. Njezin sadržaj sjedi u prenesenom paketu, a ne u odjeljcima graditelja, pa bi zbroj čitao varljivu nulu. Šutnja je poštenija od krive brojke.
Izbornik Varijante otvara se s tri stavke, a razlika među njima najkorisnija je stvar u ovom poglavlju.
Dupliciraj trenutnu stvara nešto novo i sve ostalo ostavlja na miru. Kopiraj sadržaj prepisuje nešto što već postoji i ne može se poništiti. Ako niste sigurni koje želite, želite Dupliciraj.
Kopiraj sadržaj svoju dodatnu opreznost zaslužuje dodatnim obrascem. Birate cilj Kopiraj u varijantu s popisa koji pokazuje iste oznake i brojače kao preklopnik, pa vidite što ćete prepisati prije nego to napravite. Zatim kvačicama birate koje dijelove prenijeti, svaki označen brojem stavki koje izvor drži:
Ništa se ne događa dok ne označite Razumijem da ovo zamjenjuje sadržaj ciljne varijante, što otključava gumb. Neoznačeni dijelovi ostaju na cilju točno kakvi su bili.
Sva tri nude jedan izborni prekidač prije potvrde. Na Dupliciraj i Počni prazno glasi Idi uživo - aktiviraj ovu varijantu nakon stvaranja i zadano je isključen, jer je nova varijanta obično zamišljena kao skica. Na Kopiraj sadržaj isti prekidač glasi Idi uživo kad je cilj skica, a tiho postaje Prebaci se na ovu varijantu nakon kopiranja kad je cilj već uživo - ići uživo tada je bespredmetno, pa umjesto toga nudi da vaš uređivač premjesti onamo.
Koji god upotrijebite, graditelj premješta vaše uređivanje u varijantu koju ste upravo napravili, pa vaša sljedeća izmjena slijeće gdje očekujete. Nema ograničenja koliko varijanti organizacija ili zajednica smije držati.
Ispod razdjelnice u istom izborniku sjedi Upravljaj varijantama, koji otvara puni popis: jedan red po varijanti, s imenom, oznakama, kada je stvorena i zadnje ažurirana, i istim brojačima sadržaja.
Brisanje je namjerno teško dohvatljivo i izravno odbija dva slučaja. Neće izbrisati varijantu uživo - opis vam kaže da najprije aktivirate drugu - i neće izbrisati posljednju koju imate, jer web stranica bez varijanti nije stanje koje graditelj dopušta.
Skica je javnosti nevidljiva, što je problem kad je cijela poanta pokazati je kolegi na odobrenje. Podijeli na traci varijanti i Kopiraj poveznicu pregleda u popisu za upravljanje to rješavaju: oba stave na vaš međuspremnik poveznicu koja skicu otvara kako bi je vidio posjetitelj, bez potrebne prijave.
Oba se nude samo za skice. Varijanti uživo poveznica ne treba, jer pravu stranicu ionako svatko može otvoriti.
Traka varijanti, preklopnik, tri načina stvaranja, popis za upravljanje i poveznice pregleda isti su u graditelju zajednice. Razlikuju se samo tri stvari: Kopiraj sadržaj nudi šest izbora umjesto sedam, jer jedino kartica Zaglavlje nema što kopirati; nema automatskih graditelja za pokretanje; i nema Spremi kao predložak. Petnaesto poglavlje pokriva graditelj zajednice u cijelosti.
Poglavlje 4
Kartice su već u pravom redoslijedu. Proučite ih slijeva nadesno. To nije slučajnost, a razloge vrijedi znati, jer su to i razlozi zašto stranica krene po zlu kad radite izvan reda.
Ako imate samo sat vremena, potrošite ga na Izgled i Početnu stranicu. To dvoje nosi najveći dio onoga što posjetitelj stvarno doživi.
Prilagođena stranica pojavljuje se samo za organizacije na paketu koji je uključuje i u cijelosti zamjenjuje uobičajeno iscrtavanje stranica. JS/CSS je isključen. Nijedno nije dio uobičajenog posla i nijedno ovdje nije pokriveno.
Veliki pregled desno nije samo prikaz za divljenje. Najbrži je put do kontrole: kliknite bilo što u njemu i ploča lijevo skoči ravno na obrazac kojem to pripada. Otvori se prava kartica, odgovarajući red se raširi, a točno polje bljesne da ga ne možete promašiti. Čim to znate, prestajete listati lijevu ploču u potrazi za pravom harmonikom i jednostavno pokažete na stvar na stranici.
Gotovo svaki dio stranice odgovara na klik:
Da bude očito što će klik napraviti, pregled označava blokove dok radite, na dva različita načina:
Možete imati otvoren obrazac više odjeljaka odjednom, a vrpca uvijek prati onaj u kojem stvarno radite - odjeljak koji ste zadnji kliknuli u pregledu, ili obrazac u koji ste zadnji kliknuli da tipkate. Pa ako su dva obrasca otvorena i vrpca izgleda kao da je na krivom bloku, kliknite blok koji mislite (ili kliknite u njegov obrazac) i odmah se premjesti.
Lebdenje nad blokom pokazuje i malu oznaku s imenom onoga što će klik otvoriti, pa možete provjeriti prije nego se odlučite. Sve ovdje radi isto u graditelju zajednice.
Poglavlje 5
Izgled i dojam cijele stranice. Ništa ovdje ne pripada jednoj stranici. Svaka postavka na ovoj kartici pravilo je koje će svaka stranica, svaki odjeljak i oba dijela okvira slijediti, osim ako ga nešto lokalno ne nadjača.
Ovo je kartica s najvećom polugom u graditelju. Dobrih deset minuta ovdje štedi sat petljanja poslije.
Svaka kartica drži jednu obitelj postavki. Zadržite pokazivač nad karticom da otkrijete njezin vlastiti gumb Vrati, koji poništava samo tu karticu, a ostatak vašeg rada ostavlja netaknutim.
| Kartica | Što sadrži |
|---|---|
| Općenito | Uživo ili Uskoro, vaša primarna i sekundarna boja, zadano svijetlo ili tamno. |
| Poveznice (Links) | Stil i boja pri prelasku mišem za poveznice u sadržaju, izborniku i podnožju, svaka zasebno. |
| Gumbi | Boja pozadine i teksta za svaki gumb, za obično stanje i stanje pri prelasku mišem. |
| Pomicanje i navigacija | Kako se stranica ponaša dok posjetitelj lista. |
| Logotipi | Vaš logotip za tamnu pozadinu, kompaktna ikona i logotip za podnožje. |
| Mediji | Favicon, slika pri dijeljenju vaše stranice, slika pri prelasku mišem preko kartice. |
| Pisave | Font za svaku ulogu: naslovi, tekst, brend, izbornik, slogan. |
| Izgled i tipografija | Zaobljenost, sjena, težina gumba, veličina teksta, razmaci, poravnanje. |
| Animacije odjeljaka | Zadana ulazna animacija cijele stranice po opsegu; Nasumično; Prilagođeno. |
Najdalekosežniji prekidač u graditelju sjedi u kartici Općenito. Uskoro posjetiteljima pokazuje privremenu stranicu umjesto vaše. Uživo je otvara svijetu. Napola izgrađena stranica treba sjediti na Uskoro; nema nagrade za rano objavljivanje.
Birate primarnu i sekundarnu boju, i cijela je stranica izgrađena od njih. Gumbi, poveznice, pozadine odjeljaka postavljene na Primarna, ispune razdjelnika, stanja pri prelasku mišem: sve to čita te dvije vrijednosti. Promijenite primarnu boju i cijela se stranica pomakne odjednom. Zato ih ovdje valja izabrati kako treba, umjesto četrdeset puta poslije.
Kartica Boje teme postavlja samu stranicu: boju Podloge (pozadina stranice) i boju Teksta (zadani tekst), po jedan par za svijetli i za tamni način. Ostavite li sva četiri polja na miru, stranica zadržava svoj uobičajeni svijetli i tamni izgled točno kao prije - ništa ovdje nije obvezno. Postavite jednu i svaka stranica, i svaka kartica kojoj nije rečeno drukčije, boja se iz nje; prigušeni tekst i obrubi izračunavaju se iz vaše boje Teksta automatski, pa ih nikad ne ugađate ručno.
Kartica pokazuje oba načina jedan uz drugi kao dvije male ploče pregleda, svaku obojenu parom koji ste izabrali, pa svijetlo i tamno vidite odjednom umjesto da nagađate iz uzoraka. Mala oznaka na svakoj ploči očitava kontrast između vaše Podloge i Teksta - obična provjera da će vaš tekst ostati čitljiv prije nego išta spremite. Čim izaberete primarnu boju, uz svako se polje pojavi nekoliko usklađenih točaka kao prijedlozi na jedan klik.
Podloga i Tekst pridružuju se Primarnoj i Sekundarnoj kao izbori svugdje gdje već birate boju - pozadina odjeljka, naslov, kartica - pa bilo što od toga možete usmjeriti na "podlogu teme" ili "tekst teme" umjesto na fiksnu boju, i slijedit će vas ako se ikad vratite ovoj kartici.
Dizajnerska tema je osobnost cijele stranice. Postavlja ritam razmaka i, još važnije, mijenja zadani raspored za koji svaka vrsta odjeljka poseže. Isti sadržaj pod drugom temom doista izgleda kao druga web stranica.
| Tema | Kako mijenja stranicu |
|---|---|
| Klasično | Ujednačen ritam, velikodušni razmaci - standardan uravnotežen izgled. |
| U žarištu | Hrabro i prozračno - veliki brojevi, veliki naslovi, obilje prostora za disanje. |
| Mekano | Toplo i zaobljeno - prostrani razmaci, meke kartice, ljubazni rasporedi osoba. |
| Ogoljeno | Minimalno i zbijeno - kompaktan ritam, bez razdjelnika, svedeni ukrasi. |
| Ploča | Strukturirano i uređivačko - tanki razdjelnici između odjeljaka, oštro rubne mreže. |
Gdje dizajnerska tema postavlja ritam i raspored, stil postavlja paletu, fontove i okvir zajedno, kao jedan usklađen izbor. Nude se pri gradnji nove stranice i najbrži su put do izgleda koji ne djeluje slučajno.
| Stil | Što dobivate |
|---|---|
| Profesionalno | Čisto i poslovno. Škriljasto siva i jantarna, oštar sans-serif, zaglavlje s naglaskom na kontaktu. |
| Uređivačko | Profinjeno i bezvremensko. Bordo i krem, elegantan serif, centrirani brend. |
| Podebljano | Puno energije. Indigo i koraljna, snažan suženi naslovni font, staklasto ljepljivo zaglavlje. |
| Minimalno | Tiho i moderno. Gotovo crna s limetastim naglaskom, posvuda Inter, uglavnom bijelo. |
| Toplo | Prijateljski i zaobljeno. Šumska zelena i pijesak, meki naslovi Poppins, zaglavlje s kontaktom na prvom mjestu. |
| Razigrano | Svijetlo i živahno. Tirkizna i roza, prozračni Raleway, zaobljeni gumbi i animirani hero. |
| Pristupačno | Pouzdano i toplo. Mornarski plava i koraljna, prijateljski Montserrat, zaglavlje s naglaskom na kontaktu. |
| Svježe | Kreativno i prepoznatljivo. Šljiva i metvica, ukrasni Cinzel, centrirani brend. |
Kako tekstualna poveznica izgleda i kako se ponaša pri prelasku mišem, podijeljeno na tri neovisne površine: poveznice u sadržaju (unutar stranica i odjeljaka), poveznice izbornika (navigacija u zaglavlju) i poveznice podnožja. Svaka površina dobiva vlastiti birač stila prelaska - Obično, Podcrtano, Raste iz sredine, Raste slijeva, Organski valovito, Organski kist ili Isticanje - složen kao ravnomjerna mreža pločica, plus vlastitu boju Poveznice, Prelaska i Podcrtavanja. Ostavite Zadano teme na miru i poveznica zadržava klasično suptilno podcrtavanje; izaberite stil i on preuzima u potpunosti.
Boje izbornika i podnožja iste su vrijednosti koje postavljate na kartici Boje izbornika kartice Zaglavlje i retku Boje podnožja kartice Podnožje - uređivanje bilo kojeg mjesta ažurira oba. Boja podcrtavanja nova je ovdje: boji učinak stila prelaska neovisno o boji samog teksta poveznice, pa Organski valovito podcrtavanje može biti u boji brenda i dok tekst poveznice ostaje na zadanom temom.
Na zajednici površina podnožja seže dalje od stupaca poveznica: mali preklopnici jezika i teme uz redak autorskih prava oblače se i ponašaju kao svaka druga poveznica podnožja - uključujući boju, boju prelaska i stil prelaska.
Živa traka "Zadržite pokazivač za pregled" na dnu kartice pokazuje po jedan uzorak po površini - zadržite pokazivač da vidite izabrani stil i boju zajedno prije nego ode uživo.
Četiri kartice preko vrha ove kartice - Svi, Primarni, Sekundarni i Obrubni - daju vam bojenje gumba široko ili precizno, po izboru. Svaka kartica drži ista četiri kontrolnika: pozadinu, boju teksta i par u koji se svako pretvara pod pokazivačem. Ostavite li sve kartice prazne, gumbi i dalje slijede vaše boje brenda točno kao prije.
Svi je široki kist: postavite ga i svaki se gumb na stranici preboji odjednom, koji god stil koristio. Primarni i Sekundarni su određeniji - postavite jedan i mijenjaju se samo gumbi tog stila, dok svaki drugi stil i dalje slijedi Svi (ili vaše boje brenda, ako je i Svi prazan). Obrubni je svoj slučaj, jer obrubni gumb počinje proziran: prva dva polja su mu Ispuna (pozadina u mirovanju - obično se ostavlja prazna) i Obrub i tekst (boja obruba i natpisa zajedno), a boji oba obrubna stila odjednom. Svaka kartica na dnu pokazuje vlastiti živi uzorak gumba - zadržite pokazivač da vidite stanje prelaska prije nego ode uživo.
Vlastiti gumb odjeljka, gdje postoji, može još korak dalje. Kliknite malu ikonu palete uz tekstualno polje gumba da otvorite Prilagođene boje samo za taj gumb - ista četiri kontrolnika, ali ograničena na njega. Što god ondje postavite, pobjeđuje svaku karticu ove kartice, uključujući stanje prelaska, što obična boja nikad ne bi mogla. Vrati na stil stranice na dnu tog okvira briše sva četiri i vraća gumb kaskadi iznad.
Kartica Fontovi dodjeljuje fontove po ulozi: naslovi, tekst, ime brenda, izbornik, slogan. Uloge, ne mjesta. Postavite font naslova jednom i svaki ga naslov na stranici slijedi.
Kartica Raspored i tipografija drži tihe kontrole s najglasnijim učinkom: zaobljenost kutova, dubinu sjene kartica, težinu gumba, viču li gumbi velikim slovima, osnovnu veličinu teksta, koliko naslovi rastu, koliko zraka stoji između odjeljaka (Razmak odjeljaka), koliko između kartica i stupaca unutar njih (Razmak sadržaja - postavlja i ispunu unutar svake kartice) te zadano poravnanje teksta. Ako stranica djeluje krivo, a ne znate imenovati zašto, odgovor je obično na ovoj kartici.
Kartica Animacije odjeljaka postavlja zadanu ulaznu animaciju - kako odjeljci uplivavaju u vidno polje dok posjetitelj lista stranicu. To je odgovor za cijelu stranicu; odjeljak je i dalje može pojedinačno nadjačati (vidi Ulazna animacija u zajedničkim kontrolama).
Zadano se postavlja po opsegu, jer početna i unutarnja stranica žele različit ritam. Na stranici organizacije dobivate dva reda: Odjeljci početne stranice i Ostale stranice. Na odredišnoj stranici zajednice jedan je red Odjeljci odredišne. Svaki red nudi iste izbore - Ništa, Izblijedi, Izblijedi prema gore, Zumiraj, Klizni lijevo, Klizni desno - plus klizač Odgoda koji pokret zadrži za takt, da odjeljci ne opale svi odjednom.
Svaki odjeljak ostavljen na Naslijedi slijedi red svog opsega. Promijenite red i cijeli se opseg ponovno animira odjednom. To je poanta: dojam stranice ugađate s jednog mjesta umjesto odjeljak po odjeljak.
Dva dodatka traže pažnju. Izbor Nasumično je živ: odjeljci na njemu izvlače drugu animaciju pri svakom učitavanju stranice, pa stranica nikad ne stiže dvaput isto. Gumb Izmiješaj je drukčiji - jednokratan je. Upeče fiksnu, različitu animaciju na svaki odjeljak opsega upravo sada, pa se svaki odjeljak kreće svojim putem, ali uvijek istim. Pečenje opseg čini Prilagođenim: kartica upali oznaku Prilagođeno da vam kaže da odjeljci više ne slijede jedan izbor. Ponovni izbor bilo koje kartice primjenjuje je na cijeli opseg i briše Prilagođeno - opći izbor uvijek pobjeđuje.
Oba nasumična puta daju vam suziti špil. Izbor Nasumično otkriva kratak popis prekidača ispod kartica - bazen iz kojeg živo izvlačenje crpi. Ostavite sve uključene za puni skup, ili neke isključite da u rotaciji ostanu, recimo, samo dva blijeđenja. Gumb Izmiješaj otvara isti birač prije pečenja, pa se jednokratno miješanje može ograničiti na animacije koje stvarno želite. Na Ostalim stranicama taj birač nabraja i vaše stranice, pa možete izmiješati samo one koje imenujete; a gumb pojedinog odjeljka Primijeni na sve stranice daje kvačicama izabrati koje stranice primaju njegovu animaciju. Oba nude brze poveznice Odaberi sve / ništa / obrni.
Jedan blag pokret, dosljedno primijenjen, čita se kao uglađeno. Šest različitih animacija na šest odjeljaka čita se kao stranica koja se nije mogla odlučiti. Izblijedi ili Izblijedi prema gore na Naslijedi siguran je izbor za gotovo svaku stranicu.
Poglavlje 6
Traka na samom vrhu svake stranice. Vaš logotip, vaša navigacija, vaši gumbi. Najviđeniji je dio cijele web stranice, pa zaslužuje više od dvije minute koje mu ljudi obično daju.
Zaglavlje je građeno od traka naslaganih jedna na drugu, do šest. Većini stranica treba jedna. Stranici s trakom obavijesti iznad običnog zaglavlja trebaju dvije.
Svaka traka ima tri zone: lijevu, srednju i desnu. U zone spuštate komponente. To je cijeli model, i zato se sva zaglavlja koja ste igdje vidjeli na webu njime daju opisati: logotip lijevo, izbornik desno, jednostavno su dvije komponente u dvije zone.
Umjesto da zaglavlje slažete komponentu po komponentu, krenite od jednog od osam predložaka i prilagodite. Svaki je provjereno dobar raspored, a grupirani su po tome koliko nose: jednostavna zaglavlja jedan su čist red, zaglavlja s gornjom trakom dodaju traku iznad, a bogata nose pretragu i košaricu.
| Predložak | Vrsta | Što je |
|---|---|---|
| Minimalno | Jednostavna | Logotip lijevo, izbornik desno. Najjednostavnije moguće zaglavlje. |
| Centrirani brend | Gornja traka | Brend gore, izbornik dolje. Urednički / portfolio izgled. |
| Klasično | Jednostavna | Brend lijevo, izbornik i alati desno. Poznati zadani izgled. |
| Dva reda | Gornja traka | Brend i alati na vrhu, puna traka izbornika ispod. |
| E-trgovina | Bogata | Brend, proširivo pretraživanje, košarica i račun u jednom učinkovitom redu. |
| Kontaktna traka | Gornja traka | Telefon, e-pošta, radno vrijeme i društvene mreže u gornjoj traci; brend i izbornik ispod. |
| Promo | Gornja traka | Gornji banner s obavijesti te red s brendom, izbornikom i CTA-om. |
| Agencija | Jednostavna | Ljepljivo stakleno zaglavlje s brendom, izbornikom i glavnim CTA-om. |
Ovo su dijelovi koje možete staviti u zonu, grupirani po namjeni. Većina vam ne treba. Logotip, izbornik i jedan gumb potpuno je, profesionalno zaglavlje.
| Sastavni dio | Što radi |
|---|---|
| Logotip | Logotip organizacije, povezuje na početnu stranicu. |
| Ime kao slovni znak (Wordmark) | Ime organizacije kao tekst, povezuje na početnu stranicu. |
| Logotip i ime (Logo + name) | Logotip i ime organizacije jedno uz drugo. |
| Sastavni dio | Što radi |
|---|---|
| Glavni izbornik (Main menu) | Glavni izbornik (stavke uređujete u kartici Izbornik). |
| Sastavni dio | Što radi |
|---|---|
| Gumb s pozivom (CTA button) | Istaknuti gumb za radnju. Natpis, poveznica i stil podesivi su za svaki primjerak posebno. |
| Pretraži | Polje za pretragu stranice koje se proširi kad ga kliknete. |
| Košarica (Shopping cart) | Ikona košarice sa značkom broja stavki. |
| Sastavni dio | Što radi |
|---|---|
| Prijava / Račun (Log in / Account) | Padajući izbornik računa samo za administratore. Gostima nevidljiv, pojavljuje se kad se član tima prijavi (prijava ide preko /login). |
| Prekidač jezika | Birač jezika za posjetitelje. Skriven kad je aktivan samo jedan jezik. |
| Prekidač teme | Preklop svijetlog i tamnog načina za posjetitelja. |
| Sastavni dio | Što radi |
|---|---|
| Telefon | Telefonska poveznica za poziv jednim klikom, s ikonom. |
| E-pošta | Poveznica za e-poštu jednim klikom, s ikonom. |
| Naslov | Kratak redak s adresom, po želji povezan s Google kartama. |
| Oznaka radnog vremena (Hours badge) | Kompaktna oznaka radnog vremena. Čita postavku Radno vrijeme iz kartice Podnožje. |
| Sastavni dio | Što radi |
|---|---|
| Ikone društvenih mreža | Red ikona društvenih mreža preuzetih iz profila organizacije. |
| Prijava na newsletter (Newsletter signup) | Kompaktno polje za e-poštu koje posjetitelja dodaje na popis za newsletter. |
| Obavijest | Promotivna poruka s izbornim pozivom i gumbom za zatvaranje. |
| Oznake plaćanja i povjerenja (Payment & trust badges) | Red ikona prihvaćenih plaćanja, sigurnosni pečat i izborni gumbi trgovina aplikacija. |
| Sastavni dio | Što radi |
|---|---|
| Mjesečeva mijena | Trenutna mjesečeva mijena s osvjetljenjem. |
| 13 mjeseci | Ime trenutnog sezonskog mjeseca s poveznicom na kalendar 13 mjeseci. |
| Izlazak / zalazak sunca | Izlazak i zalazak sunca, zlatni sat ili duljina dana za vašu lokaciju. |
| Lokalno vrijeme | Živi sat u vremenskoj zoni organizacije. |
| Odbrojavanje | Odbrojava do datuma i vremena, a zatim nakratko prikaže poruku »Uživo!«. |
| Otvoreno / Zatvoreno | Status otvoreno/zatvoreno sa sljedećim otvaranjem. Čita postavku Radno vrijeme. |
| Brojač dana | Broji pune dane od (ili do) odabranog datuma. |
| Vrijeme | Trenutno vrijeme za vašu lokaciju. Open-Meteo, bez API ključa, 30-minutna predmemorija. |
| Plima i oseka | Sljedeća plima / oseka. Samo obalne lokacije. Open-Meteo Marine, bez API ključa. |
| ISS prelazak | Približno vrijeme sljedećeg ISS prelaska. |
| Vidljivi planeti | Planeti vidljivi golim okom na večerašnjem nebu, izračunati za vašu lokaciju. |
| Sastavni dio | Što radi |
|---|---|
| Prilagođeni HTML / tekst (Custom HTML / text) | Slobodan tekst ili jednostavan HTML (pročišćen). Korisno za slogane ili oznake povjerenja. |
| Audio player | Mini player s popisom za reprodukciju iz vaše knjižnice datoteka. Kliknite za reprodukciju. |
| Razmaknik | Praznina prilagodljive širine. Susjedne dijelove unutar zone gura razmaknuto. |
Prekrivanje čini da zaglavlje prozirno lebdi nad vašom uvodnom slikom i dobiva punu pozadinu tek kad posjetitelj zalista. Izgleda skupo, a ne košta ništa. Ima točno jedan uvjet: uvodni odjeljak s pozadinskom slikom dovoljno tamnom, ili dovoljno svijetlom, da se tekst zaglavlja na njoj čita. Tome služi postavka teksta prekrivanja, a njezino krivo postavljanje najčešći je način da lijepo zaglavlje postane nevidljivo.
Nijansa pri prelasku nježno oboji traku zaglavlja dok je miš nad njom. Sitno, i prilično lijepo.
Poglavlje 7
Ulazna vrata. Ova je kartica jedan okomit slog odjeljaka, u točnom redoslijedu kojim će ih posjetitelj prolistati. Ono što vidite u ovom popisu, odozgo prema dolje, to i oni dobiju, odozgo prema dolje.
Odjeljci nisu ravnopravni građani. Stranica koja je sve kartice iscrpljuje; stranica koja izmjenjuje široku vizualnu traku s tješnjom mrežom daje oku gdje odmoriti. Pouzdan oblik je: otvorite snažno, dokažite se, pokažite rad, zatražite jednom.
Na besplatnom paketu početna stranica javno iscrtava prvih pet odjeljaka. Izgradite li ih više, graditelj vam ih i dalje sve pokazuje, prigušene, pod razdjelnicom koja objašnjava da su na stranici uživo skriveni. To je namjerno: možete vidjeti vlastiti rad, umjesto da tiho nestane. Ali budite načisto što to znači. Prigušeni odjeljci javnosti nisu vidljivi. Ako se odjeljak koji ste izgradili ne pojavljuje na pravoj stranici, gotovo je uvijek to razlog.
Poglavlje 8
Sve što nisu ulazna vrata. Ovo je i kartica na kojoj živi najčešća zabuna, pa ćemo najprije s njom.
Početne stranice nema na ovom popisu, i to je ispravno.
Početna stranica su ulazna vrata. Uređuje se samo u kartici Početna stranica. Ovdje nema stavke, nema vlastite adrese, i ne možete je stvoriti, izbrisati ni presložiti među stranicama, jer nije jedna od njih. Ona je ono na što posjetitelji slijeću kad utipkaju vašu adresu bez ičega iza.
Sve na popisu Stranice živi na adresi iza vaše domene: stranica O nama, stranica Usluge, i tako dalje. Stranice stoje uz početnu, nikad unutar nje.
Dijele način gradnje. Stranica od odjeljaka koristi potpuno iste odjeljke, isti birač i iste postavke kao početna. Naučite karticu Početna stranica i već ste naučili većinu ove.
Naslov stranice i njezina web adresa sjede u jednom polju, naslov gore, a adresa odmah ispod njega, jer je adresa gotovo uvijek samo naslov pretvoren u poveznicu. Utipkajte "Naš tim" i redak ispod puni se kao nas-tim dok pišete - mala slova, razmaci u crtice, naglašena slova pojednostavljena u obična.
To vrijedi samo dok je stranica nova. Jednom kad postoji, uređivanje naslova nikad samo od sebe ne prepiše adresu - poveznica koju je netko već podijelio, ispisao ili spremio nastavlja raditi. Promijenite naslov naknadno i redak adrese jednostavno ponudi ažuriranje na novi, s jednim gumbom za prihvat i jednim da adresa ostane točno kakva jest.
Redak adrese je i živ: ikona kopiranja hvata punu poveznicu, ikona otvaranja posjećuje stranicu u novoj kartici. Obje ostaju onemogućene dok adresa koju gledate nije ona stvarno spremljena.
Pri stvaranju stranice birate kako je građena, a to odlučuje koji uređivač dobivate.
| Vrsta | Kako je gradite |
|---|---|
| Jednostavna stranica | Pišete uređivačem blokova, kao da pišete dokument. Tekst, slike, naslovi. |
| Stranica izgrađena od odjeljaka | Slažete odjeljke, točno kao na početnoj stranici. |
Izaberite jednostavnu za stranice koje su uglavnom riječi: uvjeti, privatnost, duga priča. Izaberite od odjeljaka za stranice koje trebaju izgledati dizajnirano: odredišna stranica, stranica usluga. Kad niste sigurni, izaberite jednostavnu. Proza ne dobiva ništa time što je nasjeckana u trake.
Raspored upravlja okvirom i širinom stranice.
| Raspored | Što radi |
|---|---|
| Privzeto | Standardni okvir stranice. |
| Puna širina | Sadržaj teče od ruba do ruba. |
| Bočna traka lijevo | Stupac poveznica lijevo. |
| Bočna traka desno | Stupac poveznica desno. |
| Slijetna stranica | Svedeni okvir, za stranicu koja prodaje jednu stvar. |
Stranica može sjediti pod roditeljem, jednu razinu duboko. To grupira srodne stranice pod jednu stavku izbornika, umjesto da deset stavki prospete preko zaglavlja.
Umjesto da krećete ni od čega, dodajte jednu od gotovih stranica i uredite je. Svaka stiže s već izabranim odjeljcima i probnim tekstom napisanim za tu svrhu.
| Početni predložak | Što vam daje |
|---|---|
| Predstavljanje | Vaša priča, misija i fotografije. |
| Događaji | Vaši nadolazeći događaji, uvijek ažurni. |
| Usluge | Što nudite, s vašim proizvodima. |
| Kontakt | Vaša adresa, radno vrijeme i karta. |
| Galerija | Galerija fotografija i videozapisa. |
| Cjenik | Vaši paketi i cijene, pregledno prikazani. |
| Svjedočanstva | Preporuke ljudi kojima ste pomogli. |
| Tim | Lica iza vaše organizacije. |
| Trgovina | Vaši proizvodi, spremni za pregled i kupnju. |
| Česta pitanja i podrška | Odgovori na česta pitanja i kako vas kontaktirati. |
| Blog | Vaši najnoviji članci i vijesti, automatski ažurirani. |
| Uskoro dostupno | Najavna stranica s odbrojavanjem i prijavom. |
| Program | Raspored s programom i kalendarom događanja. |
Poglavlje 9
Putokazi. Ova kartica odlučuje što se pojavljuje u vašoj navigaciji u zaglavlju i kojim redom.
Gradite ovo zadnje. Izbornik pokazuje na stranice, pa stranice moraju najprije postojati. Raditi obrnuto znači pokazivati na sobe koje niste izgradili.
Svaka stavka izbornika je red, a svaki red ima vrstu. Vrsta odlučuje što će vas pitati dalje.
| Vrsta retka | Na što pokazuje |
|---|---|
| Stranica | Jedna od vaših stranica, iz kartice Stranice. |
| URL | Bilo koja adresa, uključujući i mjesto potpuno izvan vaše stranice. |
| Ruta | Ugrađena stranica koju vam Eventure pruža: vaš popis događaja, vaša trgovina, vaš blog. Njih nikad ne gradite, samo odlučujete hoćete li na njih povezati. |
| Sidro | Odjeljak niže na trenutnoj stranici. Klik se pomiče onamo umjesto da učita bilo što novo. |
| Razdjelnik | Uopće nije poveznica. Razdjelna crta, u zaglavlju ili u karti stranice u podnožju, koja grupira stavke oko sebe. |
| Element | Jedna konkretna objavljena stvar - članak, događaj, tečaj - koja dobiva vlastitu stranicu. Vidi dolje. |
Prva tri su ona za kojima ćete posezati svakodnevno. Zadnja tri vrijedi poznavati: Sidro dugu početnu stranicu čini prohodnom, Razdjelnik uredi padajući izbornik koji je narastao - i, kao svaki red, može se prikazati u zaglavlju, podnožju ili oboje - a Stavka vam štedi gradnju stranice za nešto što ste već napisali.
Red koji pokazuje na ugrađenu stranicu - vaše događaje, vašu trgovinu, vaš blog - dobiva u graditelju jednu karticu više: Prezentacija stranice. Ona ne mijenja što stranica nabraja. Mijenja područje naslova iznad popisa i poneku kontrolu ispod njega.
Vrijedi znati gdje postavke žive. Spremljene su na retku izbornika, ne na stranici, pa se ista ugrađena stranica može predstaviti drukčije iz dva različita izbornika. Red s natpisom Radionice i red s natpisom Cijeli program mogu pokazivati na isti popis događaja i svejedno na njegovu vrhu reći dvije različite stvari.
Svako je polje izborno, a prazno polje nije prazna stranica: ostavite ga na miru i stranica zadržava tekst koji bi Eventure ionako upotrijebio.
| Kontrola | Što odlučuje |
|---|---|
| Prilagođeni naslov | Zamjenjuje naslov stranice. Prazno zadržava natpis iz izbornika. |
| Podnapis | Jedan redak ispod naslova. |
| Okvir za pretraživanje | Dodaje polje koje filtrira popis dok posjetitelj tipka. |
| Ugrađeni filtri | Pokazuje ili skriva kontrole koje ruta već ima, poput kartica Nadolazeći i Prošli. |
| Poravnanje zaglavlja | Centrirano, ili gurnuto ulijevo. |
| Broj rezultata | Pokazuje koliko je stvari navedeno. |
| Tekst kada je prazno | Što stranica kaže kad nema ničega za navesti. |
Naslov i podnaslov nose svaki svoj uzorak boje i gumb za prijevod, pa dvojezična stranica može stranici dati vlastiti naslov na svakom jeziku, umjesto jednog naslova na jeziku kojim ste slučajno prvo tipkali. Naslov je centriran, osim ako poravnanje ne prebacite ulijevo.
Ruta Događaji ima još jedan blok, i to je jedini dio ove kartice koji mijenja što posjetitelj može raditi, a ne što čita. Isti se događaji mogu ponuditi na do četiri načina, s preklopnikom iznad njih da posjetitelj bira.
| Pogled | Što dobiva posjetitelj |
|---|---|
| Kartice | Sam popis događaja - jedna kartica po događaju. |
| Kalendar | Poznata mjesečna mreža sa svakim događajem na svom datumu. |
| Organsko | Smireniji mjesečni prikaz - zauzeti datumi rastu u meke oblike. |
| Karta | Događaji ucrtani na kartu prema mjestu održavanja. |
RasporedPrebacivanje Iznad popisa U karticama
Stilovi preklopnikaGumbi Kartice Samo ikone
KalendarVarijanta Događanja po danu Navigacija kalendara Mjesečeve mijene Izlazak / zalazak sunca Gumb za cijeli zaslon
OrganskoTjedan počinje Oblik mrlje Raspored otvorenog dana Višednevni događaji Legenda kategorija Položaj legende Filtriranje dodirom na kategoriju Značka s brojem događaja Prethodni / sljedeći mjesec Mjesečeve mijene Izlazak / zalazak sunca Gumb za cijeli zaslon
KartaVisina karte (px)
Uključite one koji odgovaraju vašem programu. Otvara se s odlučuje na koji prvi posjetitelj slijeće, a Zapamti pogled koji su zadnje koristili povratniku vraća njegov vlastiti izbor umjesto vašeg. Svaki pogled koji uključite otkriva ispod svoj kratak popis postavki: kojim danom tjedan počinje, koliko su mrlje nepravilne, filtrira li dodir kategorije kalendar, koliko je karta visoka.
Raspored odlučuje gdje ti dodatni pogledi stoje uz popis kartica. Preklopnik je zadan - jedan pogled odjednom, s karticama uključenima kao vlastita preklopna opcija. Iznad popisa drži popis kartica stalno vidljivim i aktivni pogled stavlja iznad njega, što odgovara kalendaru koji želite vidljiv bez klika. U karticama ukida zasebnu traku preklopnika i njegove gumbe sklapa u traku Nadolazeći / Prošli same stranice.
Red izbornika koji nikad niste dirnuli nudi samo kartice, što je točno običan popis koji imate danas. Dodavanje kalendara jednoj stranici događaja ne dodaje ga nijednoj drugoj i ne dira vašu početnu. Vrijedi i obrnuto: isključite svaki dodatni pogled i preklopnik opet nestaje, ostavljajući običan popis - istinski izbor, ne stanje koje treba zaobilaziti.
Dva od ovih pogleda postoje i kao odjeljci početne stranice, s duljim popisom postavki: vidi Kalendarsku mrežu i Organski kalendar u katalogu. Isti se preklopnik može uključiti i za karticu Događaji vašeg javnog profila organizacije, sa stranice postavki organizacije, što je izvan ovog priručnika - kao i identičan preklopnik na Eventureovoj platformskoj stranici događaja, koji postavljaju administratori platforme, a ne organizacija.
Većina stavki izbornika pokazuje na stranicu koju ste izgradili. Red Stavka pokazuje na jednu konkretnu stvar koju ste već objavili - određeni članak, sljedeći veliki događaj, tečaj - i Eventure za nju izgradi stranicu. Ne stvarate ništa u kartici Stranice i ne kopirate tekst. Stavka ostaje jedini izvornik; stavka izbornika samo je još jedan ulaz.
To je važno jer je alternativa dupliciranje. Prepišete li svoj glavni događaj kao stranicu u stilu O nama, imate dvije kopije koje treba držati usklađenima, i jedna će zastarjeti. Pokazivanje na stavku znači da uređivanje događaja uređuje stranicu.
Isto je dostupno svugdje gdje vas se pita za poveznicu. Polja za gumbe na odjeljcima Uvodni, Poziv na radnju, Mreža prednosti, Cjenik i sličnima koriste isti birač kao ovaj red izbornika: najprije izaberete vrstu - Stranica, Stavka, Rezervacija, Sistemska ruta, Vanjski URL, Telefon, E-pošta ili Sidro na ovoj stranici - a polje ispod suzi se samo na tu grupu, pa popis Stavke na ovoj stranici s objavljenim stavkama stoji na jedan klik od vaših stranica, umjesto pomiješan s njima. Telefon i e-pošta dobivaju vlastitu vrstu, umjesto da budu primjer utipkan pod poljem.
Promjena vrste kreće s ciljem ispočetka: polje ispod se isprazni i poveznica ostaje prazna dok ne izaberete ili utipkate novu, pa gumb prebačen sa Stranice na Rezervaciju ne nastavlja tiho pokazivati na staru stranicu. Četiri tipizirane vrste urede što unesete. Gola domena pod Vanjskim URL-om dobiva https:// ispred sebe, telefonski broj ili e-adresa sprema se kao prava telefonska ili poštanska poveznica, a sidru treba samo id odjeljka bez uvodne ljestve. Ako utipkano ne pristaje vrsti - putanja stranice pod Vanjskim URL-om, recimo - polje to kaže ispod i ne sprema ništa dok ne popravite.
Poveznica spremljena prije nego je birač postojao, ili usluga rezervacije koja se ovdje više ne nudi, pokazuje se pod Vanjskim URL-om s ovim upozorenjem. Stara je vrijednost zadržana točno kakva je bila, pa gumb nastavlja raditi što je radio dok ga ne dirnete. Izaberite vrstu i cilj, ili je prepišite kao punu https:// adresu, i upozorenje nestaje.
Kad ste stavku izabrali, ploča prikaza daje vam odlučiti koliko je pokazati i kako je složena. Ista se ploča pojavljuje na retku izbornika Stavka, na svakom polju poveznice koje pokazuje na stavku i unutar odjeljka U žarištu iz dvanaestog poglavlja, pa jedno učenje pokriva sva tri.
| Kontrola | Izbori | Što odlučuje |
|---|---|---|
| Koliko prikazati | Sažetak / Sažetak + Pročitaj više / Cijeli tekst | Sažetak prikazuje sliku, naslov i gumb prema sadržaju. Sažetak + Pročitaj više dodaje gumb koji otvara cijeli tekst na ovoj stranici. Cijeli tekst stavlja cijeli sadržaj na stranicu od početka. |
| Slika | Iznad / Lijevo / Desno / Ništa | Kod cijelog teksta tekst se omata oko slike; na telefonima je slika uvijek na vrhu. |
| Veličina slike | Malo / Srednja / Veliko | Koliko prostora slika zauzima uz tekst. Vrijedi samo kada je slika lijevo ili desno. |
| Oblik slike | Automatski / 1:1 / 4:3 / 16:9 / 3:2 | Automatski zadržava fotografiju kakva jest. Oblik je obrezuje na taj omjer, tako da je više sadržaja jednake visine. |
| Koji dio zadržati | Gore / Sredina / Dolje | Koji dio fotografije ostaje nakon obrezivanja. Vrijedi tek kad odaberete oblik. Za osobe je obično pravi izbor Gore. |
| Širina stranice | Za čitanje / Široko / Puna širina | Za čitanje zadržava ugodnu duljinu retka, najbolje za cijeli tekst. Široko odgovara kartici sažetka s bočnom slikom ili sadržaju s puno slika. Puna širina proteže ga od ruba do ruba. |
| Prikaži datum, mjesto i vrijeme čitanja | Prikaži / Sakrij |
Ono što treba razumjeti je Koliko pokazati. Sažetak daje karticu sa slikom, naslovom i gumbom do stavke, što je pravo kad želite klik. Puni tekst stavlja cijelu stvar na stranicu, i tako stavka postaje prava stranica sama po sebi. Sažetak + Pročitaj više stoji između: puni je tekst tu, spremljen iza gumba dok ga čitatelj ne zatraži.
Stavka koja još nije objavljena ne iscrtava ništa, a stavka koju poslije povučete iz objave tiho se prestane razrješavati, umjesto da posjetiteljima pokaže slomljenu stranicu.
Izbornik nije karta stranice. Pet ili šest stavki je dovoljno; podnožje je mjesto za iscrpan popis. Ako vam izbornik ne stane, to je informacija: imate ili previše stranica ili preplitku strukturu, a ugnježđivanje rješava oboje.
Graditelj označava rute koje neće raditi, na primjer poveznicu na trgovinu kod organizacije bez proizvoda. Vjerujte upozorenjima.
Poglavlje 10
Traka na dnu svake stranice. Posjetitelji koji do nje dođu traže nešto određeno: vašu adresu, radno vrijeme, uvjete, način da se jave. Podnožje je imenik, a ne izložba dizajna.
Podnožje se sastavlja od prekidača. Uključite okvir za newsletter, kontaktne podatke, radno vrijeme, nadolazeće događaje, nedavne vijesti, društvene poveznice, kartu stranice, pravne poveznice, odlomak o vama, gumb natrag na vrh. Svaki je stupac koji se pojavi kad ga omogućite.
Neki stupci ovise o stvarnom sadržaju i radije se sakriju nego pokažu prazan okvir. Uključite stupac nadolazećih događaja bez ijednog objavljenog i graditelj vam jasno kaže:
Nema nadolazećih javnih događaja. Stupac se automatski skriva dok jedan ne objavite.
Svaki prekidač nosi jednu ovakvu bilješku o stanju. Čitajte ih. Najbrži su odgovor na "zašto se ovo ne pokazuje", i znače da je stupac podnožja koji nedostaje obično problem sadržaja, a ne postavki.
Podnožje dobiva vlastite boje pozadine, naslova, poveznica, prelaska, obruba i teksta, neovisno o ostatku stranice. To je namjerno: tamno podnožje pod svijetlom stranicom klasika je, i treba vlastitu paletu da bude čitljivo.
Širina podnožja bira centrirani standardni stupac ili punu traku od ruba do ruba. Razmak podnožja - Zbijeno, Normalno ili Prostrano - postavlja koliko zraka okružuje sadržaj podnožja. Ispod toga blok Točan razmak daje umjesto toga birati doslovnu vrijednost u pikselima: jedan klizač za gornju i donju ispunu podnožja zajedno, ili ih razdvojite na Gore i Dolje i postavite svaku neovisno, plus vlastite klizače za bočno uvlačenje i razmak među stupcima. Ostavite klizač prazan i ta dimenzija nastavlja slijediti predložak koji ste izabrali gore - klizač preuzima tek kad ga stvarno povučete.
Dva klizača pretvaraju podnožje u lebdeću karticu umjesto priljubljene trake. Radijus gornjih kutova zaobljuje njegov gornji lijevi i desni kut. Bočna margina uvlači ga s lijevog i desnog ruba stranice. Oba su zadano 0, što je obično podnožje od ruba do ruba s kojim svaka stranica počinje.
Poravnanje teksta postavlja čitaju li se stupci podnožja lijevo, centrirano ili desno. Veličina teksta pomiče tekst i poveznice podnožja stupanj manje ili veće. Najveća širina ograničava koliko se sadržaj podnožja širi na velikom zaslonu i centrira ga, neovisno o izboru Širine podnožja iznad - korisno kad je Puna širina prava za pozadinu trake, a sadržaj u njoj ipak želi uži stupac.
Dva reda gumba oblikuju red društvenih poveznica: Veličina (Mala, Srednja, Velika) i Oblik (Krug, Kvadrat ili Obično - bez ikakve pozadine, samo gola ikona).
Okvir, Raspored i tipografija te Ikone društvenih mreža žive na kartici Podnožje organizacije. Kartica Podnožje zajednice (vidi petnaesto poglavlje) i dalje ima Širinu podnožja, Razmak podnožja i Točan razmak, ali ne i ova tri.
Poglavlje 11
Ove se kontrole pojavljuju na svakom odjeljku u katalogu. Ovdje su objašnjene jednom, u cijelosti, pa katalog može ostati o tome čemu koji odjeljak služi.
Posegnite za njima kad je odjeljak pravi, ali ne sjeda kako treba.
Otvorite bilo koji odjeljak i njegove su postavke razvrstane u istih šest grupa, istim redom, svaki put: Naslov, Pozadina, Tekst, Razmaci, Pokret i Sadržaj. Odjeljak tu nema što reći. Poanta je mišićna memorija: kontrola pozadine sjedi na istom mjestu na Uvodnom odjeljku kao i na Cjeniku, pa je nakon nekoliko odjeljaka prestajete tražiti.
Red gumbića sjedi odmah pod naslovnom trakom odjeljka, jedan po grupi plus Sve. Kliknite gumbić da se pokaže samo ta grupa, a ostale se sklope, pa radite u kratkoj ploči umjesto da listate dugu. Traka ostaje prikvačena dok listate, pa grupe mijenjate s bilo kojeg mjesta u obrascu. Sve vraća sve na zaslon odjednom, što želite kad postavku lovite, a ne ugađate onu koju već znate.
Grupa koju ste zadnju otvorili otvara se i sljedeći put, na svakom odjeljku - prvi put otvara se Naslov. Provedete li poslijepodne na pozadinama, svaki odjeljak koji otvorite slijeće na Pozadinu dok ne izaberete nešto drugo.
Sadržaj je namjerno zadnji. Drži ono što odjeljak stvarno pokazuje - njegove stavke, raspored, popis planova, koraka ili prednosti - i obično je najdulja grupa, pa sjedi na dnu umjesto da zajedničke kontrole gura sa zaslona. Postavke koje odjeljak donosi sam razvrstane su po onome što rade, ne po tome odakle su došle: vlastiti podnaslov odjeljka pojavljuje se pod Naslovom, boje teksta njegovih stavki pod Tekstom, pozadina njegove kartice pod Pozadinom.
Pozadina je najveća poluga za to kako odjeljak djeluje, i njome gradite ritam niz stranicu. Izmjenjivanje svijetlih i tamnih traka je ono što dugu stranicu spašava od čitanja kao jedan nerazlučen zid.
| Pozadina | Učinak |
|---|---|
| Svijetlo | Blijeda površina - vaš par Boje teme za svijetli način ako je postavljen, inače zadano platforme. Ostaje svijetla bez obzira na način posjetitelja. |
| Tamno | Duboka površina - vaš par Boje teme za tamni način ako je postavljen, inače zadano platforme. Ostaje tamna bez obzira na način posjetitelja. |
| Površina | Vaša boja podloge iz Boja teme - prati svijetli/tamni način i vaš izbor u kartici Izgled. |
| Primarna | Vaša primarna boja brenda. |
| Sekundarna | Vaša sekundarna boja brenda. |
| Gradijent | Prijelaz između vaših boja brenda. |
| Mreža | Meki obojeni oblaci. Moderno, lako pretjerati. |
| Slika | Fotografija. Treba prekrivanje. |
Svijetla, Tamna, Podloga, Primarna i Sekundarna pune su ispune. Primarna i Sekundarna crpe se iz vaših boja brenda u Izgledu. Podloga, Svijetla i Tamna crpe se i iz tamošnje kartice Boje teme (vidi Izgled) - ali Podloga prati posjetiteljev svijetli ili tamni način, dok Svijetla i Tamna ostaju prikovane uz jedno čitanje bez obzira na njega, za kad traku namjerno želite svijetlu (ili tamnu). Ostavite Boje teme netaknute i sve tri zadržavaju obične neutralne tonove platforme, točno kao prije. Prijelaz, Mreža i Slika bogatiji su, i svaki otključava vlastiti skup varijacija.
| Skup | Izbori |
|---|---|
| Završeci punih ispuna | Ravno Mekano Vinjeta Zrnatost |
| Vrste prijelaza | Duboko Duo Radijalno Pomak |
| Vrste mreža | Dijagonalno Aurora U žarištu Dvostruki |
Slikovnoj pozadini gotovo uvijek treba prekrivanje: sloj tame, svjetline ili boje brenda položen između fotografije i teksta. Bez njega vaš tekst sjedi na onome što fotografija na tom mjestu slučajno radi, a fotografije su rijetko ujednačene. Ako je tekst preko slike teško čitati, prekrivanje je vaš popravak, a ne druga boja fonta.
PrekrivanjaNišta Zatamni Posvijetli Primarni ton Sekundarni ton
Svaki odjeljak može uploviti u vidno polje dok posjetitelj lista do njega, umjesto da jednostavno bude tu. Izbori su Izblijedi, Izblijedi prema gore, Zumiraj, Klizni lijevo i Klizni desno - ili Ništa, što je namjerna mirnoća, a ne postavka koja nedostaje. Odgoda zadrži pokret za takt, korisno kad želite da se jedan odjeljak smiri prije nego sljedeći krene.
Dva su izbora posebna. Naslijedi - zadano za nov odjeljak - znači da odjeljak slijedi zadano cijele stranice postavljeno na kartici Izgled (vidi Izgled), pa cijelu stranicu ugađate s jednog mjesta. Nasumično je živo: odjeljak pri svakom učitavanju izvuče drugu animaciju, pa stranica nikad ne stiže dvaput isto.
Neka bude suptilno. Jedan blag pokret čita se kao uglađeno; druga animacija na svakom odjeljku kao užurbano. U dvojbi ostavite odjeljke na Naslijedi i ton postavite jednom za cijelu stranicu.
| Animacija | Izbori |
|---|---|
| Na slici | Ništa Ken Burns Paralaksa |
| Na prijelazu | Ništa Pomicanje Rotacija |
| Na mreži | Ništa Klizanje |
Animacija je začin. Ken Burns na uvodnom odjeljku je divan. Ken Burns na šest odjeljaka je vašar.
Razdjelnik je oblikovan rub između jednog odjeljka i sljedećeg: val, kosina, krivulja umjesto ravne crte. Birač nudi deset osnovnih - i Prilagođeno, gdje vlastiti rub crtate na malom platnu. Njegovi gumbi Kreni od učitavaju iste osnovne oblike, pa je uobičajen put izabrati najbliži željenom i preoblikovati ga. Starije stranice koje su izabrale neki od povučenih ukrasnih oblika zadržavaju ga: oblik se i dalje iscrtava i pokazuje kao dodatni gumbić dok je u upotrebi. Ispuna odlučuje kojom je bojom oblik nacrtan, pa može nositi boju odjeljka u koji pokazuje.
Stil odlučuje kako je ta boja naslikana. Puno je klasična ravna silueta. Slojevi slažu tri kopije s padajućom dubinom i rastućom prozirnošću, pa rub blijedi u mekim trakama. Sjena zadržava puni oblik i dodaje meku bačenu sjenu za fizičku dubinu. Jeka ponavlja siluetu kao dvije meke pruge iza nje - klasični prugasti val. Svaki stil radi sa svakim oblikom, uključujući onaj koji ste sami nacrtali.
Oblici razdjelnikaNišta Val Krivulja Kosina Trokut Cik-cak Luk Zaobljeni valovi Vrhovi Prilagođeno
Ispuna razdjelnikaPrimarna Sekundarna Svijetlo Tamno Površina Bijela
Stilovi razdjelnikaPuno Plasti Sjena Odjek
Koristite jednu obitelj oblika kroz stranicu. Val ovdje i cik-cak ondje čita se kao neodlučnost.
Podcrt je mali ukras pod naslovom odjeljka: kratka crtica, linija, red točaka. Sitno, i jedan od najjeftinijih načina da stranica izgleda promišljeno, a ne sklopljeno.
Njegova vlastita kontrola Razmak postavlja prazninu iznad i ispod crtice - Oboje veže obje strane, Odvojeno ih daje razdvojiti, korisno kad tanki podcrt želi prionuti uz naslov, a ipak ostaviti mjesta prije sadržaja ispod.
Svaki predložak (Ništa, Zbijeno, Normalno, Prostrano) ima uz sebe vlastiti klizač Točno (px) za doslovnu vrijednost u pikselima, ako je predložak blizu ali ne sasvim. U načinu Oboje klizač pri izboru predloška pokazuje gornju vrijednost - iznad i ispod crtice nikad nisu sasvim iste udaljenosti ni za jedan predložak, jer mjere različite stvari - dok povlačenje samog klizača postavlja jedan identičan broj na obje strane. Utipkajte ili povucite dalje od onoga što ijedan predložak nudi i gumbi jednostavno utihnu, jer nijedan taj broj više ne opisuje.
Stilovi podcrtaNišta Stupčasti Redak Dvostruko Crtkano Točkasto Gradijent Gradijent lijevo Gradijent obostrano Točke
Grupa Razmaci organizirana je kao tri prstena, izvana prema unutra: Margina (izvan), Ispuna (traka) i Sadržaj (unutra). Mala karta razmaka na vrhu grupe crta te prstene kao ugniježđene okvire i pokazuje trenutnu vrijednost svakoga - Zadano, ime predloška ili točan broj - pa razmake odjeljka čitate na prvi pogled. Kliknite bilo koju zonu karte i graditelj se dolista do te kontrole i bljesne njome. Kontrole rubnih oblika-razdjelnika koje su nekad živjele u ovoj grupi preselile su u grupu Pozadina, uz kontrole koje ih isključuju na slikovnim i mrežastim pozadinama.
Margina je prozirna praznina izvan odjeljka, iznad i ispod njegove pozadine - stranica se kroz nju vidi. Ostavljena na Zadano slijedi razmak odjeljaka vaše dizajnerske teme (obično nikakav). Postavite je kad dva odjeljka različitih pozadina trebaju stajati razmaknuto umjesto da se sudaraju. Možete postaviti obje strane odjednom ili ih razdvojiti na Gore i Dolje, a klizač Točno (px) bira doslovan broj. Susjedne se margine preklapaju umjesto da se zbrajaju: odjeljak s donjom marginom 48px iza kojeg slijedi onaj s gornjom 48px stoje 48px razmaknuto, ne 96. Prvi odjeljak pod lebdećim zaglavljem uvijek ostaje priljubljen uz njega, što god njegova margina govorila.
Širina odjeljka je ljestvica od pet koraka za to koliko prostora sadržaj odjeljka zauzima: Puna širina ide od ruba do ruba, Široko i Sadržano prostranije su trake (Sadržano je uobičajeni stupac stranice i zadano), a Usko i Čitanje stežu mjeru za tekući tekst. Pozadine uvijek premošćuju punu širinu bez obzira na ovo; pomiče se samo sadržaj na njima. Puna širina i Široko odgovaraju uvodnim odjeljcima, slikama, kartama i medijskim mrežama. Čitanje je ono za odjeljak koji je uglavnom odlomci: ograničava duljinu retka na otprilike 80 znakova, širinu koju ljudi stvarno udobno čitaju, umjesto da rečenicu pusti preko cijelog monitora.
Ispuna (gore / dolje) je zrak unutar odjeljka, između ruba njegove pozadine i sadržaja iznad i ispod - pozadina je ispunjava. Ostavljena na Zadano nasljeđuje ritam vaše dizajnerske teme (ili Razmaka odjeljaka na kartici Izgled), što gotovo uvijek i želite: to stranicu drži kao jednu stranicu. Nadjačajte je kad određeni odjeljak treba više disati, ili kad dva odjeljka idu tijesno zajedno. Možete postaviti obje strane odjednom, ili ih razdvojiti i gornju i donju postaviti neovisno. Njezin vlastiti klizač Točno (px), uz predloške, bira umjesto toga doslovnu vrijednost - povucite ga na bilo koji broj i predlošci se odznače, jer nijedan više ne odgovara.
Ispuna (bočno) ista je zamisao lijevo i desno: uvlaka između ruba prozora i sadržaja. Na Ništa (0) sadržaj ide do ruba; svaki korak više stvarna je, vidljiva uvlaka, koju god Širinu odjeljka izabrali - korak širine sadržaja poput Usko ili Čitanje i dalje ograničava koliko sam sadržaj postaje širok, ispuna samo odlučuje koliko od ruba taj ograničeni stupac sjedi. Možete postaviti obje strane odjednom, ili ih razdvojiti na Lijevo i Desno i svaku postaviti neovisno - isti izbor Oboje / Odvojeno kao kod Ispune (gore / dolje). Predlošci idu od Ništa do Veliko; vrijednost Točno može se postaviti u px ili, preklopom jedinice, kao % širine odjeljka - način na koji graditelji stranica tradicionalno izražavaju bočne margine, i onaj koji se sam skalira sa zaslonom.
Razmak sadržaja je treći prsten: prostor između stvari unutar odjeljka - kartica, stupaca i pločica s ikonama u mreži - zajedno s ispunom unutar svake kartice, koja ga prati, pa prostranija mreža dobiva i prostranije kartice. Zbijeno, Normalno, Prostrano i Zračno odgovaraju 12, 24, 40 i 56 piksela, s klizačem Točno (px) za sve između; Normalno je obična mreža, pa njegov izbor ne mijenja ništa. Ostavljen na Zadano odjeljak slijedi birač Razmak sadržaja za cijelu stranicu na kartici Izgled, uz Razmak odjeljaka, koji isto postavlja svim odjeljcima odjednom. Odjeljak bez mreže kartica - Otkrivanje, na primjer - isti prsten koristi za svoj jedini najznačajniji razmak: ondje je to prostor između bloka naslova i polja za pretragu.
Svaka točna vrijednost u pikselima u ovoj grupi sama se smanjuje na tabletima (na tri četvrtine) i telefonima (na nešto više od polovice), pa margina koja izgleda dobro na monitoru ne proguta zaslon telefona. Postotne su vrijednosti već relativne i ostaju na miru.
Ostaviti ovo na Zadano nije lijenost, nego nasljeđivanje. Svaki odjeljak ostavljen na Zadano slijedi vašu temu, pa kasnija promjena teme ponovno razmakne cijelu stranicu odjednom. Svaki odjeljak koji nadjačate odjeljak je koji prestaje slušati.
Veličina naslova i Veličina teksta rade točno kao Ispuna (gore / dolje) iznad: red predložaka - Malo, Srednje, Veliko, Vrlo veliko - uz klizač Točno (px) za doslovnu vrijednost. Izaberite predložak i klizač skoči da mu odgovara; povucite klizač na broj koji nijedan predložak ne nudi i gumbi jednostavno utihnu, isto kao svugdje gdje se ovaj obrazac pojavljuje. Ostavljena na Zadano, Veličina naslova slijedi Skalu naslova vaše stranice, a Veličina teksta njezinu Osnovnu veličinu fonta (obje na kartici Izgled), pa većina odjeljaka nikad ne treba dirati nijednu.
Posegnite za njima na onom jednom odjeljku koji treba vikati glasnije ili se čitati sitnije od ostatka stranice - uvodni naslov koji želi više prisutnosti, ili gust FAQ čiji tekst može ići veličinu niže. Veličina naslova mijenja veličinu naslova odjeljka gdje god se pojavljuje, uključujući odjeljke čiji raspored naslov crta sam, a ne kao običan redak teksta; Veličina teksta isto tako mijenja tekući tekst odjeljka i naslijeđeni sadržaj.
Prored sjedi pod Veličinom teksta i postavlja koliko su reci tekućeg teksta odjeljka razmaknuti: Zbijeno, Normalno, Opušteno ili Rahlo, sa Zadano koje slijedi temu. Pokriva sve što odjeljak piše kao tekst - tijelo odjeljka Slika i tekst, Poziv na radnju ili Istaknuti video, odgovore Harmonike, biografije Tima, tijela Kartica i svaki blok odjeljka Tekst i mediji - pa jedan izbor drži cijeli odjeljak da se čita ravnomjerno. Stariji su uređivači ovo nudili iznad svakog tekstnog okvira; sad živi ovdje, jednom po odjeljku.
Gdje god odjeljak traži više od retka teksta - tijelo odjeljaka Slika i tekst, Poziv na radnju, Istaknuti video i Prije / Poslije, svaki odgovor Harmonike, biografija Tima i Kartica - pišete u malom uređivaču s vlastitom alatnom trakom. Gumbi su razvrstani u grupe: poništi i ponovi; podebljano, kurziv, podcrtano, precrtano, eksponent i indeks; četiri birača opisana dolje; naslov, podnaslov, odlomak, citat i poravnanje; numerirani i obični popisi; poveznica, razdjelnica i čišćenje oblikovanja; i, sasvim desno, gumb za proširenje. Alatna traka uvijek ostaje u jednom redu: kad je ploča preuska za svaku grupu, one koje ne stanu sklope se u gumb Više alata (...) uz Proširi i odande rade točno kao s trake.
Četiri birača čine da tekst djeluje kao dio vaše stranice, a ne kao zalijepljen. Boja teksta nudi Primarnu, Sekundarnu, Podlogu i Tekst vaše teme, svaku boju vaše Palete brenda i prilagođeni birač; izaberite boju teme i tekst nastavlja slijediti temu ako je ikad promijenite, izaberite boju palete ili prilagođenu i ostaje točno ta. Isticanje radi isto iza teksta: klasični žuti Marker, prozirne nijanse istih boja teme, palete i prilagođenih, i prekidač Meko / Snažno za težinu nijanse. Veličina teksta vodi niz riječi kroz S, M, L i XL, koje slijede temu, ili prima broj Točno (px) - utipkajte ga ili gurnite gumbima - i + - kad redak treba preciznu veličinu; veličine iznad 16px malo se smanje na tabletima i telefonima da velik naslov s monitora nikad ne prelije mali zaslon, dok male ostaju točno kako su utipkane. Font daje frazi posuditi bilo koji od pet fontova stranice - Naslovni, Tekstni, Brend, Izbornik, Naglasni - svaki prikazan u svom stvarnom pismu. Svaki birač ima Zadano koje stil opet skida, a svaki gumb birača pokazuje što vrijedi na mjestu pisaljke: tanka crtica u trenutnoj boji, isticanju ili fontu pod ikonom, i trenutna veličina (22, ili L) kao mala oznaka na Veličini teksta.
Najprije označite riječi i izbor se primjenjuje samo na njih. Postavite pisaljku bez označavanja i Boja teksta, Veličina teksta i Font oblikuju cijeli odlomak u kojem je pisaljka, dok Isticanje označi riječ pod njom. Poravnanje uvijek radi na cijelim odlomcima - Lijevo, Sredina ili Desno za svaki odlomak koji označeno dira, Zadano da ih vrati vlastitom Poravnanju teksta odjeljka. Naslov, Podnaslov i Citat svijetle dok je pisaljka u njima, a klik na upaljeni gumb vraća blok u običan odlomak.
Poveznica otvara mali dijalog s pitanjem za adresu i treba li se otvoriti u novoj kartici; stavite pisaljku u postojeću poveznicu i isti dijalog nudi i Ukloni. Razdjelnica umeće tanku vodoravnu crtu i premješta vas u svjež odlomak ispod nje. Očisti oblikovanje skida sa označenog svaki stil - naglaske, boje, isticanja, veličine, fontove i poravnanja - natrag na goli tekst. Proširi podiže uređivač u površinu za pisanje preko cijelog zaslona za dulje tekstove; pritisnite Escape ili isti gumb da se vrati točno gdje je bio, sa stranicom dolistanom na isto mjesto. Mali redak pod uređivačem vodi tekući broj riječi i znakova.
Većina gumba ima tipkovni prečac, prikazan u zagradama u opisu gumba: poznati Ctrl+B, Ctrl+I i Ctrl+U, plus Ctrl+K za poveznicu, Ctrl+Shift+7 i Ctrl+Shift+8 za numerirani i obični popis, Ctrl+Shift+3 / 4 / 0 za naslov, podnaslov i odlomak, Ctrl+Shift+9 za citat, Ctrl+Shift+L / E / R za lijevo, sredinu i desno, Ctrl+. i Ctrl+, za eksponent i indeks, Ctrl+\ za čišćenje oblikovanja i Ctrl+Shift+F za proširenje. Na Macu čitajte Cmd umjesto Ctrl.
Lijepljenje se čisti za vas. Tekst kopiran iz Worda, Google dokumenata ili druge web stranice stiže samo kao naslovi, odlomci, popisi, poveznice i naglasci - fontovi, boje, tablice i što god se još provezlo odbacuju se - pa zalijepljeni odlomak izgleda kao onaj koji ste ovdje utipkali.
Poglavlje 12
Svaki odjeljak koji možete dodati, grupiran po poslu koji radi. Svaka natuknica kaže što stavlja na stranicu, kada zaslužuje mjesto i koje rasporede nudi. Mali dijagram pokazuje oblik koji poprima.
Dvije stvari vrijede za sve njih, pa se dolje ne ponavljaju: svaki odjeljak nosi zajedničke kontrole iz jedanaestog poglavlja i svaki se može sakriti bez brisanja.
Ovi odjeljci idu na sam vrh i određuju ton. Posjetitelj u otprilike sekundi odluči hoće li nastaviti listati, a odlučuje upravo na temelju ovih odjeljaka.
Prva stvar koju posjetitelji vide na vrhu stranice. Dodajte velik naslov, kratak pozdravni redak, pozadinsku sliku i jedan ili dva gumba koji ljude šalju kamo želite.
Upotrijebite: Prvi odjeljak na početnoj stranici i odredišnim stranicama. Jedan hero po stranici, uvijek na vrhu.
Izbjegavajte: Interne stranice (o nama, uvjeti, ČPP), tijelo blog objava, odjeljci sredinom stranice. Nikada ne koristite drugi hero niže na stranici - umjesto toga koristite CTA odjeljak.
Savjet: Koliko je visok ovaj baner. Automatski prati sadržaj i unutarnji razmak odjeljka, kao i danas.
Rasporedi koje možete izabratiSvijetlo Centrirani tekst na svijetloj podlozi. Tamno Centrirani tekst na tamnoj podlozi. Primarna Centrirani tekst na boji brenda. Gradijent Centrirani tekst na brendiranom gradijentu. Podijeljeni medij Tekst na jednoj strani, slika na drugoj. Minimalno lijevo Lijevo poravnat naslov, mnogo praznog prostora. Centrirani prekrivni sloj Slika preko cijele širine s centriranim prekrivnim tekstom.
Dvostupčani blok: slika s jedne strane, naslov i tekst s druge. Odaberite stranu i oblik slike, poravnajte je na vrh, sredinu ili dno ili pustite da je tekst omota.
Upotrijebite: Odjeljak za početnu stranicu ili O nama koji spaja jednu sliku s odlomkom teksta - uvod, isticanje, priču, izjavu o vrijednostima.
Izbjegavajte: Tekst bez prateće slike. Za opise samo s tekstom koristite blok Tekst i mediji.
Prazno platno s punim uređivačem teksta. Kombinirajte naslove, odlomke, popise i citate - s vlastitim bojama, fontovima i isticanjima - kako biste složili točno onaj sadržaj koji vam treba kada nijedan gotov odjeljak ne odgovara.
Vizualni odjeljci. Upotrijebite ih kad slika uvjerava bolje nego što bi odlomak.
Pokažite zbirku fotografija i videozapisa. Posjetitelji mogu kliknuti bilo koju da je vide veliku u skočnom prozoru, uz jednostavno listanje naprijed i natrag.
Upotrijebite: Sredinom stranice na vizualnim / portfolio / ugostiteljskim / event stranicama - gdje je gledanje rada važnije od čitanja o njemu. Preskočite na informativnim stranicama s puno teksta.
Izbjegavajte: Iznad pregiba - koristite hero. Stranice s puno teksta o uslugama, gdje bi fotografije bile samo ispuna. Stranice bez stvarnih medija I organizacija još nema galerija (prikazuje se CTA praznog stanja, što izgleda nedovršeno).
Savjet: Uključite Nasumični redoslijed i pri svakom posjetu prikazuje drugačan nasumični odabir umjesto uvijek istih nekoliko.
Rasporedi koje možete izabratiMreža Ujednačena mreža slika. Zidarski raspored Pomaknuti stupci. Vrtuljak Klizni vrtuljak slika. Lightbox Sličice koje otvaraju lightbox.
Posložite fotografije, videozapise i kratke tekstualne blokove u jednu urednu mrežu. Fleksibilan način da u jednom uočljivom rasporedu pokažete pomalo svega.
Upotrijebite: Odjeljak vizualnog pripovijedanja koji miješa fotografije, kratke videozapise i kratak tekst. Djeluje kao urednička stanka između tekstualno bogatih odjeljaka.
Izbjegavajte: Kad još nemate medije. Prazne slikovne pločice prikazuju se kao prazni pravokutnici. Dok se mediji ne učitaju, umjesto toga koristite odjeljak Koraci ili Prednosti.
Stavite jedan videozapis u središte pozornosti - pozdravnu poruku, obilazak ili priču kupca. Počinje se reproducirati tek na klik, pa stranica ostaje brza.
Upotrijebite: Kada imate jedan centralni video koji zaslužuje pozornost: predstavljanje osnivača, prikaz proizvoda, recenzija klijenta. Postavite ga sredinom stranice nakon hero odjeljka.
Izbjegavajte: Više videa u jednom odjeljku (radije koristite Galeriju) ili kao ambijentalnu petlju u pozadini (koristite uređivač medija u pozadini).
Povucite razdjelnik za prijelaz između slike "prije" i "poslije". Savršeno za prikaz preobrazbi, obnova ili rezultata.
Upotrijebite: Yoga / fitness držanje, dizajn maketa agencija, obnove, frizura / šminka, retuširanje fotografija - bilo koja priča »preobrazili smo X«.
Izbjegavajte: Kada usporedba treba više od 2 slike (koristite Galeriju) ili kada bi pokret / video bolje ispričao priču (koristite Istaknuti video).
Široka slika od ruba do ruba koja djeluje kao slikovit predah između odjeljaka. Preko nje možete staviti kratku poruku i gumb za dodatan dojam.
Upotrijebite: Smiren vizualni predah između dvije sadržajno bogate sekcije ili kratak atmosferski citat/poziv na akciju preko fotografije.
Izbjegavajte: Baner na vrhu stranice (koristite Hero) ili slika unutar teksta (koristite Tekst i mediji).
Ubacite laganu vektorsku animaciju. Odaberite jednu iz ugrađenog paketa, zalijepite LottieFiles poveznicu ili učitajte vlastitu .json ili .lottie datoteku. Izvrsno kao naglasak heroja, rafal uspjeha ili signal za pomicanje. Ostaje oštra u svakoj veličini i jedva nešto teži.
Upotrijebite: Kao ukusan naglasak: mali ponavljajući ukras blizu heroja ili naslova, signal za pomicanje između odjeljaka ili svečani treptaj iznad poziva na akciju.
Izbjegavajte: Kao jedini sadržaj stranice, za ključne informacije ili nekoliko velikih automatskih petlji odjednom (postaje bučno i ometajuće). Jedan suptilan pokret djeluje dotjerano.
Ovi odjeljci crpe iz onoga što već imate na Eventureu. Ništa ne pretipkavate: objavite događaj ili članak i odjeljak se ažurira sam.
Automatski prikazuje vaše nadolazeće događaje s datumima i pojedinostima, tako da posjetitelji uvijek vide što slijedi, a da vi ne morate uređivati stranicu.
Upotrijebite: Bilo koja organizacija koja održava događaje - na naslovnici za prikaz nadolazećih ili na odredišnoj stranici vezanoj uz određenu temu.
Izbjegavajte: Organizacije bez objavljenih događaja. Odjeljak se prekine u ništa, što ostavlja nezgrapnu prazninu u tijeku stranice.
Automatski prikazuje vaše objavljene aktivnosti kao kartice. Brendovi prikazuju i aktivnosti naslijeđene od nadređene organizacije.
Savjet: Uključite Nasumični redoslijed i pri svakom posjetu prikazuje drugačan nasumični odabir umjesto uvijek istih nekoliko.
Automatski povlači vaše najnovije članke ili objave na blogu i sam ih održava ažurnima. Praktično za dijeljenje vijesti, priča ili vodiča.
Upotrijebite: Donja sredina početne stranice u organizacijama koje redovno objavljuju. Dodaje signale svježine i posjetiteljima daje razlog za povratak.
Izbjegavajte: U organizacijama koje nikada nisu objavile sadržaj (odjeljak se prikazuje prazan). Iznad pregiba. Kao jedini odjeljak na stranici.
Rasporedite raspored za jedan događaj - predavanja, radionice i pauze - svako s vremenom, naslovom, govornikom i neobaveznom trakom. Savršeno za konferencije, festivale i radioničke dane.
Upotrijebite: Konferencije, festivali, radionički dani i povlačenja koji žele objaviti raspored.
Izbjegavajte: Prikaz više odvojenih događaja (koristite Događaje) ili mjesečni prikaz (koristite Kalendarsku mrežu).
Prikažite svoje događaje na poznatoj mjesečnoj mreži, sa strelicama za prebacivanje između mjeseci. Posjetitelji uoče datume i skoče izravno na bilo koji događaj.
Upotrijebite: Organizacije s puno događaja (studiji joge, centri za odmor, škole, kazališta). Koristite mrežu za pregled cijelog mjeseca, raspored za tekstualne sažetke, a tjedni trak za kompaktne bočne trake ili hero trake.
Izbjegavajte: Organizacije s manje od ~5 događaja mjesečno - popis odjeljka Događaji bolje izgleda pri niskoj gustoći.
Svaki je datum krug, a datumi s događajima rastu u meke organske oblike veličine prema tome koliko se toga događa, uz malu značku koja pokazuje broj. Odabrani datum otvara se u zviježđe bojama označenih događaja. Ostaje čitljiv i u mjesecima u kojima bi običan kalendar postao zid teksta.
Upotrijebite: Stranica kojoj su događaji glavni mamac i gdje bi obična mreža postala zid teksta: odredišne stranice zajednica, festivalski programi, centri za povlačenje, studiji s više termina dnevno.
Izbjegavajte: Organizacija sa svega nekoliko događaja godišnje. Radije upotrijebite kalendarsku mrežu ili popis događaja - veličina mrlja govori nešto tek u zauzetom mjesecu.
Stvorite uzbuđenje s živim odbrojavanjem do lansiranja, rasprodaje ili događaja. Sjajno za osjećaj "ne propustite".
Upotrijebite: Jedan konkretan rok oko kojeg je izgrađena stranica: početak događaja, kraj rasprodaje, zatvaranje prijava, lansiranje proizvoda.
Izbjegavajte: Nejasne stranice "uskoro dostupno" bez stvarnog datuma ili stranice s više konkurentskih rokova.
Prikvačite jednu određenu stvar koju ste već objavili i dajte joj sav prostor. Odaberite karticu sažetka s poveznicom dalje ili cijeli tekst ovdje, tako da se sadržaj čita kao vlastita stranica - po želji je taj tekst skriven iza gumba dok ga čitatelj ne otvori. Korisno za istaknuti članak, sljedeće veliko događanje ili tečaj koji želite u prvom planu.
Upotrijebite: Kada pojedini sadržaj zaslužuje vlastiti prostor: istaknuti članak, sljedeće središnje događanje, tečaj koji promovirate. Na zasebnoj stranici u alatu postavite prikaz na cijeli tekst da sadržaj objavite kao samostalnu stranicu u izborniku.
Izbjegavajte: Za POPIS sadržaja koristite Sadržaj, Događanja ili Aktivnosti, koji automatski dohvaćaju po kategoriji i sortiranju. Također ne za sadržaj koji još nije objavljen: odjeljak se ne prikazuje dok prikvačeni sadržaj nije uživo.
Omogućite posjetiteljima pretraživanje vaših događaja, aktivnosti, trgovine, članaka i drugog - ograničeno na vašu web stranicu, nikad na cijelu platformu.
Upotrijebite: Na web stranicama s puno popisa (događaji, aktivnosti, proizvodi ili članci), kako bi posjetitelji mogli odmah pronaći ono što žele umjesto pomicanja.
Izbjegavajte: Na maloj, uglavnom statičnoj web stranici s tek nekoliko stranica - okvir za pretraživanje samo dodaje nered jer nema ništa smisleno za pronaći.
Umjesto pogađanja ključnih riječi, posjetitelji napišu rečenicu - "mirna prostorija za manju skupinu", "nešto za početnike vikendom". Rezultati donose i razlog zašto su se podudarili, a svaki prepoznati filtar možete ukloniti jednim klikom. Pretraživanje se odvija samo kroz vaš sadržaj.
Upotrijebite: Na stranici sa stvarnom ponudom - desecima događaja, prostora, tečajeva ili proizvoda - gdje posjetitelji ne znaju točne riječi koje koristite za njih.
Izbjegavajte: Na maloj stranici s tek nekoliko ponuda - većina rečenica opravdano neće vratiti ništa, što djeluje kao da je pokvareno. Obično polje za pretragu ili mreža za pregledavanje bolje služi maloj ponudi.
Odjeljci koji traže novac ili termin u vašem kalendaru. Čitaju iz vaše trgovine i vaših usluga za rezervacije.
Istaknite proizvode iz svoje trgovine. Odaberite favorite ili pustite da automatski prikaže proizvode, svaki sa slikom, cijenom i poveznicom za kupnju.
Savjet: Odaberite Nasumično među opcijama razvrstavanja i pri svakom posjetu prikazuje drugačan nasumični odabir.
Posložite svoje planove ili pakete za jednostavnu usporedbu, svaki s cijenom, značajkama i gumbom poziva na radnju kako bi posjetitelji odabrali i djelovali.
Upotrijebite: Uslužne ili pretplatničke organizacije (coaching, tečajevi, SaaS, članstva) gdje je cijena dio odluke i transparentnost gradi povjerenje.
Izbjegavajte: Organizacije s jednom fiksnom cijenom ili isključivo event/shop organizacije gdje se cijene nalaze na pojedinačnim stranicama proizvoda/događaja.
Rasporedi koje možete izabratiKartice Kartice planova jedna do druge. Tablica Tablica usporedbe značajki. Minimalno Jednostavan cjenik, bez ukrasa.
Ugradite kalendar rezervacija za jednu od svojih usluga - posjetitelji odaberu datum, slobodan termin i rezerviraju izravno na vašoj web stranici. Ili prikažite kompaktan gumb koji vodi na stranicu za rezervaciju.
Upotrijebite: Uslužna poduzeća koja primaju termine: terapeuti, studiji, konzultanti, saloni. Koristite način inline kao glavnu konverzijsku sekciju, način cta ili modal kada je stranica već duga - modal zadržava posjetitelja na stranici umjesto preusmjeravanja.
Izbjegavajte: Organizacije bez postavljenih usluga za rezervaciju - sekcija ne prikazuje ništa dok usluga ne postoji.
Pokažite što posjetitelji mogu unajmiti od vas - sobe, opremu, vozila ili prostore - kao kartice sa slikom, kapacitetom, sadržajima i cijenom po noći, danu ili satu. Odaberite ih po vrsti ili ručno odaberite svoje favorite.
Savjet: Odaberite Nasumično među opcijama razvrstavanja i pri svakom posjetu prikazuje drugačan nasumični odabir.
Istaknite jedan prostor i pustite posjetiteljima da datume odaberu ovdje - zauzeti dani su sivi, cijena se zbraja dok biraju, a zahtjev šalju bez napuštanja vaše stranice. Ništa se ne naplaćuje. Ili umjesto toga prikažite kompaktan gumb koji vodi na stranicu prostora.
Upotrijebite: Kad organizacija iznajmljuje jednu glavnu stvar ili kad je stranica posvećena jednom prostoru. Ugrađeni način koristite kao glavni odjeljak za konverziju, cta način kad je stranica već duga.
Izbjegavajte: Kad organizacija ima više prostora koji zaslužuju jednako mjesto - upotrijebite mrežu Prostori. Odjeljak ne prikazuje ništa ako odabrani prostor više ne postoji ili je skriven.
Uska traka za pretraživanje - od, do, vrsta i koliko ljudi - koja posjetitelje šalje ravno na vaš popis prostora filtriran prema onome što su tražili. Prekrasno stoji odmah ispod glavne slike.
Upotrijebite: Izravno ispod naslovnog dijela na stranici čija je glavna djelatnost iznajmljivanje stvari. Posjetiteljima omogućuje trenutačnu radnju u vezi s onim zbog čega su došli.
Izbjegavajte: Kod organizacije sa samo jednim ili dva prostora - mreža Prostori ili jedan odjeljak Rezervacija prostora služi im bolje nego traka za pretraživanje nad sitnim skupom.
Dajte posjetiteljima brz ulaz: jedna pločica po vrsti prostora koji nudite - sobe, oprema, vozila, mjesta - svaka sa svojom ikonom i brojem koliko ih imate. Klik na pločicu otvara vaš popis prostora filtriran na tu vrstu.
Upotrijebite: Kad organizacija iznajmljuje više različitih vrsta stvari i posjetitelji se trebaju orijentirati prije pregledavanja. Dobro stoji između glavne slike i mreže Prostori.
Izbjegavajte: Kad su svi prostori iste vrste - odjeljak bi prikazao samo jednu pločicu. Vrste bez sadržaja skrivene su prema zadanome, a cijeli odjeljak nestaje kad organizacija nema prostora.
Ponudite dokumente poput brošura, cjenika ili PDF-ova da ih posjetitelji preuzmu. Svaka datoteka ima vlastiti prekidač za prikaz ili skrivanje i može se pojaviti i u podnožju ili na stranici s resursima.
Upotrijebite: Kada organizacija ima materijale koje posjetitelj treba ponijeti: brošuru, jelovnik, cjenik, prijavnicu, program ili izvješće. Dobro na stranici »O nama«, »Resursi« ili na stranici usluga.
Izbjegavajte: Za slike unutar teksta (upotrijebite Galeriju ili Medijsku mrežu) ili za jedan gumb s poveznicom na jednu vanjsku datoteku (upotrijebite Poziv na akciju). Nije za privatne datoteke ili datoteke samo za članove - sve je ovdje javno dostupno za preuzimanje.
Rasporedi koje možete izabratiPopis Jedan redak po datoteci. Kartice Mreža kartica koje se mogu kliknuti. Kompaktno Zbijen popis s minimalnim ukrasima.
Razlozi da vam se vjeruje. Lica, brojke, logotipi i riječi drugih ljudi nose više težine od bilo čega što sami kažete o sebi.
Pokažite što ljudi govore o vama. Prikažite dojmove kao uredan skup kartica ili blagi klizni vrtuljak, svaki s imenom, fotografijom i ocjenom zvjezdicama za izgradnju povjerenja.
Upotrijebite: Nakon odjeljka prednosti ili usluga, na sredini do dnu početne stranice. Dodaje povjerenje prije konačnog CTA-a. Jedan po stranici je dovoljno.
Izbjegavajte: Iznad pregiba. Dvaput na istoj stranici. Na organizacijama bez objavljenih recenzija (odjeljak se prikazuje prazan). Za nove organizacije bez recenzija radije koristite vrstu odjeljka testimonial_submit - prikazuje obrazac "Recite nam kako smo se snašli" koji organizaciji pomaže prikupiti prve recenzije.
Rasporedi koje možete izabratiKartice Kartice citata u redu. Mreža Ujednačena mreža citata. Vrtuljak Klizni citati jedan po jedan. Popis Posloženi redovi citata. Zidarski raspored Pomaknuti stupci u stilu Pinteresta.
Pozovite posjetitelje da podijele svoj dojam. Prijave stižu privatno na vaše odobrenje prije nego što se igdje prikažu, tako da zadržavate potpunu kontrolu nad onim što se prikazuje.
Predstavite ljude koji stoje iza vaše organizacije. Svaka kartica prikazuje fotografiju, ime, ulogu, kratak opis i poveznice kako bi ih posjetitelji mogli kontaktirati.
Upotrijebite: Uslužne tvrtke, škole, retreat centri, agencije, zajednice - svugdje gdje posjetitelji žele vidjeti ljude iza brenda.
Izbjegavajte: Kada imate samo 1-2 osobe (radije koristite Podijeljenu biografiju) ili kada želite prikazati recenzije (koristite Recenzije).
Savjet: Uključite Nasumični redoslijed kako bi se pri svakom posjetu promijenilo tko se prikazuje prvi.
Rasporedi koje možete izabratiMreža Pune kartice s fotografijom i opisom. Kompaktno Mali portreti, samo ime i uloga. U žarištu Velika glavna osoba, manja prateća mreža. Popis Redovi s fotografijom lijevo i opisom, uređivački dojam. Krugovi Centrirani okrugli avatari, samo imena.
Smirena mreža logotipa koja mirno stoji na stranici. Savršena za redak "predstavljeni u" ili "vjeruju nam", koji pokazuje u kakvom ste društvu.
Upotrijebite: Sredinom stranice nakon hero odjeljka ili tik iznad podnožja. Dobar izbor kad imate 4-12 prepoznatljivih logotipa za pokazati.
Izbjegavajte: Kada imate samo 1-2 logotipa (radije koristite istaknuti element) ili 20+ logotipa (koristite klizeću traku Marquee). Nikada ne izmišljajte logotipe za koje nemate dopuštenje.
Savjet: Uključite Nasumični redoslijed kako bi se zid promiješao pri svakom posjetu.
Zahvalite ljudima koji vas podupiru, rangirani po razinama. Grupirajte logotipe sponzora u trake poput Zlatne, Srebrne i Brončane, s najvišom razinom prikazanom najveće. Sjajno za događaje, klubove i neprofitne organizacije.
Upotrijebite: Događaji, festivali, klubovi i neprofitne organizacije koje žele zahvaliti podupirateljima i rangirati ih prema razini doprinosa.
Izbjegavajte: Kada su svi logotipi jednaki (koristite Oblak logotipa) ili kada prikazujete spominjanja proizvoda/medija umjesto sponzora.
Savjet: Uključite Nasumični redoslijed kako bi se sponzori promiješali unutar svake razine - poredak razina se ne mijenja.
Pokažite svoja postignuća velikim brojkama koje se zbrajaju dok posjetitelji skrolaju - članovi, održani događaji, godine rada, sve vrijedno slavlja.
Upotrijebite: Društveni dokaz gdje god pomaže brz signal "stvarni smo i aktivni" - naslovnica, stranica o nama ili neposredno iznad poziva na akciju.
Izbjegavajte: Potpuno nove organizacije s jednoznamenkastim brojevima. Prazne statistike potkopavaju povjerenje brže nego nikakve statistike.
Savjet: Položaj i veličina ikone mogu se postaviti jednom za cijeli odjeljak, a zatim nadjačati na pojedinoj kartici koja treba isticati.
Rasporedi koje možete izabratiRed Jedinstvena vodoravna traka brojača. Mreža Brojači u podijeljenoj mreži. Kartice Svaka statistika na vlastitoj kartici sa sjenom. Vrpca Traka pune širine, veliki brojevi u retku, tanke linije. Veliki brojevi Predimenzionirani brojevi iznad malih oznaka.
Pretvorite brojke u jasan prikaz. Odaberite stupčasti, linijski, tortni, prstenasti ili radarski grafikon koji se iscrtava dok posjetitelji dođu do njega.
Upotrijebite: Prikaz rasta kroz vrijeme (»Članovi 2020-2026«), razlaganja (»Kamo su išle donacije«) ili usporedbe (»Rezultati tečaja po godinama«).
Izbjegavajte: Pojedinačne metrike (»4.500 članova«) - koristite Statistiku. Podaci u stvarnom vremenu - ovo je samo statički prikaz.
Odjeljci koji nešto složeno rasporede tako da se može preletjeti.
Istaknite što nudite u malim karticama. Svaka ima ikonu, kratak naslov i redak teksta - idealno za značajke, pogodnosti ili razloge da odaberu vas.
Upotrijebite: Odmah ispod heroja ili nakon kratkog uvoda - "evo što nudimo / zašto smo drugačiji". Najviše jedan po stranici.
Izbjegavajte: Iznad pregiba (koristite hero) ili kao jedini sadržaj na stranici. Uparite s CTA odjeljkom nakon.
Savjet: Položaj i veličina ikone postavljaju se jednom za cijeli odjeljak i jednako vrijede za svaku karticu.
Rasporedi koje možete izabratiSjena Meko zasjenjene kartice. S obrubom Ćelije s tankim obrubom, bez sjene. Ravno Bez sjene, minimalni ukrasi. Ikona iznad Velika ikona iznad centriranog teksta. Kartica s ikonom Velika ikona u obojenom krugu na vrhu svake kartice. Numerirano Numerirani slijed, značajka kao korak.
Objasnite kako nešto funkcionira u jasnim, numeriranim koracima. Savršeno za pregled "kako funkcionira", postupak prijave ili jednostavan vodič.
Upotrijebite: Proces: 3-5 uzastopnih koraka kroz koje korisnik prolazi. Povijest: prekretnice s godinama. Odaberite layout=timeline + koristite polje datum po koraku za povijesni način rada.
Izbjegavajte: Upute s jednim korakom (napišite odlomak) ili neuređeni popisi značajki (koristite Mrežu prednosti).
Savjet: Položaj i veličina ikone mogu se postaviti jednom za cijeli odjeljak, a zatim nadjačati na pojedinoj kartici koja treba isticati.
Uredne trake koje se otvaraju klikom i drže dug sadržaj preglednim. Idealno za česta pitanja, popise "što je uključeno" ili bilo koji skup parova pitanje-odgovor.
Upotrijebite: Blizu dna stranice usluga / cijenika / događaja za rješavanje najčešćih primjedbi (korištenje kao česta pitanja) ili bilo gdje gdje želite sklopiti dugačak popis parova naslov-sadržaj.
Izbjegavajte: Kada je stranica već članak u FAQ stilu (radije koristite Sadržaj odjeljak) ili za jednokratne stavke (koristite obični odlomak).
Rasporedi koje možete izabratiS obrubom Svaka stavka u kartici s obrubom. Odvojeno Razmaknute kartice s razmacima. Poravnato Redovi od ruba do ruba s razdjelnicima. Minimalno Ogoljen popis, bez ukrasa.
Povezani sadržaj grupirajte u kartice kako bi posjetitelji klikali umjesto da skrolaju. Sjajno za različite publike, teme ili pakete u jednom urednom prostoru.
Upotrijebite: Kada bi se stranica inače beskrajno skrolala i sadržaj se prirodno grupira u 2-5 grupa (Za trenere / Za studije / Za škole).
Izbjegavajte: Kada je sav sadržaj jednako važan i bitno je brzo skeniranje (radije koristite odjeljke umjesto skrivanja u kartice). Kada imate samo 1-2 grupe (jednostavno ih naslažite).
Savjet: Položaj i veličina ikone mogu se postaviti jednom za cijeli odjeljak, a zatim nadjačati na pojedinoj kartici koja treba isticati.
Rasporedi koje možete izabratiPilule Zaobljeni tabovi u obliku pilula. Kartice Klasični podcrtani tabovi. Okomite pilule Pilule poredane sa strane.
Usporedite opcije na prvi pogled - planove, pakete ili vas u odnosu na druge. Redovi značajki s kvačicama ili križićima, a možete istaknuti stupac koji želite da pobijedi.
Upotrijebite: Cjenovni paketi s razlikama u značajkama, tablice »mi protiv konkurencije«, opcije na prvi pogled prije kupnje.
Izbjegavajte: Duži opisi značajki (koristite Mrežu prednosti). Tri ili manje jednostavnih opcija (odlomak je dovoljan).
Dojmljiv red visokih pločica, svaka s pozadinskom slikom i nekoliko riječi na vrhu. Sjajno za usmjeravanje posjetitelja prema vašim glavnim ponudama ili kategorijama.
Upotrijebite: Podjela sredine stranice kada želite usmjeriti posjetitelje na 2-4 različita odredišta (radionice / trgovina / o nama).
Izbjegavajte: Bez snažne fotografije. Pločice bez slika prikazuju se kao ravni blokovi. Također izbjegavajte za više od 4 unosa - umjesto toga koristite Galeriju ili Mrežu medija.
Svaka stranica treba tražiti jednu stvar. Ovo su odjeljci koji traže.
Fokusiran završni banner koji posjetitelje poziva na jednu radnju - rezervaciju, prijavu ili kontakt. Najbolje djeluje blizu dna stranice da zapečati dogovor.
Upotrijebite: Dno početne stranice, dno »o nama«/usluga/detalja događaja. Kad god je posjetitelj upravo završio s čitanjem i treba mu jedan jasan sljedeći korak.
Izbjegavajte: Vrh stranice (koristite Hero), sredina dugog članka (koristite Newsletter odjeljak) ili kao dvojnik CTA-a u Hero (posjetitelji ignoriraju ponovljene CTA-e).
Rasporedi koje možete izabratiPodijeljeno Tekst lijevo, gumb desno. Centrirano Posloženo i centrirano. Naslagano Lijevo poravnat tekst, gumb pune širine na obojenoj kartici. Baner Tanka traka pune širine, prikladna uz podnožje. U okviru Lebdeća kartica s izraženim zaobljenjem i sjenom.
Proširite svoju mailing listu urednim obrascem za prijavu na e-poštu. Posjetitelji unesu svoju adresu i jednim se klikom pretplate na vaše novosti.
Upotrijebite: Dno naslovnice ili nakon prikaza sadržaja, kao neobavezujući način ostajanja u kontaktu s posjetiteljima koji još nisu spremni za kupnju ili rezervaciju.
Izbjegavajte: Organizacije bez ikakve namjere slanja e-novosti. Nekorišten obrazac za pretplatu šteti povjerenju.
Dotjerani poziv koji posjetitelje usmjerava na anketu, kviz ili igru koju ste već objavili i potiče ih na sudjelovanje.
Upotrijebite: Hvatanje potencijalnih klijenata na odredišnoj stranici (ugradite kviz »Pronađi pravo za sebe«), gamificirana promocija (ugradite aktivnu nagradnu igru) ili prikupljanje povratnih informacija u sredini lijevka.
Izbjegavajte: Kada još nemate objavljenu anketu/igru (prvo ju izradite, pa ugradite). Widget namjerno ne prikazuje neobjavljeni sadržaj.
Okupite podršku uz živu traku napretka koja se puni prema cilju prikupljanja sredstava. Postavite cilj, a prikupljeni iznos automatski se zbraja iz plaćenih donacija za odabrani događaj.
Upotrijebite: Kampanje prikupljanja sredstava i neprofitne organizacije koje žele prikazati zamah prema cilju.
Izbjegavajte: Prodaja po fiksnoj cijeni (koristite Proizvode/Cjenik) ili kada nema cilja prikupljanja sredstava.
Pomozite ljudima da vas pronađu i kontaktiraju. Prikazuje vašu adresu, radno vrijeme, telefon i e-poštu uz kartu, s gumbom za slanje poruke.
Upotrijebite: Bilo koja organizacija s fizičkom prisutnošću: lokacije događaja, škole, retreat centri, studiji, trgovine, klinike. Postavite pri dnu početne stranice ili na zasebnu Kontakt stranicu.
Izbjegavajte: Isključivo online tvrtke bez adrese (umjesto toga koristite CTA odjeljak koji vodi na /contact).
Mali odjeljci koji ukrašavaju ili najavljuju. Korisni umjereno, zamorni u količini.
Uočljiva traka koja sama klizi preko zaslona. Upotrijebite je za logotipe partnera ili pustite da automatski povuče vaše najnovije proizvode, članke ili događaje.
Upotrijebite: Traka društvenog dokaza (zid logotipa) ili "živi prikaz" nedavnog sadržaja/proizvoda koji održava osjećaj aktivnosti stranice.
Izbjegavajte: Stranice gdje svaku stavku treba pažljivo pročitati - stalno kretanje neprijateljsko je prema promišljenom čitanju.
Tanka traka na vrhu stranice koja pozdravlja posjetitelje ili im govori što se događa - topla dobrodošlica, napomena "još gradimo" ili prilagođena poruka. Posjetitelji je mogu zatvoriti, nakon čega za njih ostaje skrivena.
Niz malih živih očitanja neba koja se sama osvježavaju: večerašnja mjesečeva mijena, 13-mjesečni kalendar, izlazak i zalazak sunca, vrijeme, plima i oseka te koji su planeti večeras vidljivi. Svaki je izračunan za vašu lokaciju - ništa ne morate upisivati. Prikažite ih kao traku u nizu, kao pločice ili jedan uvećajte u središnju istaknutu ploču.
Upotrijebite: Stranice o prirodi, ritualima, astrologiji, vrtlarstvu, povlačenjima, surfanju, jedrenju i ribolovu, gdje je nebo dio priče. Dobro djeluje i kao smirena almanaška traka ispod uvodnog odsjeka.
Izbjegavajte: Kada brojke nemaju veze s onim o čemu stranica govori - ukrasni mjesec na stranici vodoinstalatera djeluje kao nered. Nemojte ga koristiti za statičan tekst; prikazuje samo vrijednosti koje može izračunati.
Vitak ukrasni prijelom između sekcija. Prikažite centriranu ikonu s crtama sa svake strane, samo ikonu, jednostavnu crtu ili mali red ikona. Boje, veličina, širina i poravnanje su podesivi; rubovi i razmaci dolaze iz panela Izgled.
Upotrijebite: Lagani kozmetički prijelom između dviju sekcija ili mali ukrasni dodatak. Dobro se slaže s oblicima gornjeg/donjeg ruba sekcije.
Izbjegavajte: Kada trebate slikovni prijelom pune širine (koristite Slikovni razdjelnik) ili bilo kakav stvarni sadržaj, naslov ili gumb.
Devet daljnjih odjeljaka postoji samo u graditelju zajednice: organizacije, njihova karta, karta njihovih događaja, zajednički kalendar, rasprave, nagradne igre, druge zajednice za otkrivanje, izlog stranica izgrađenih na Eventureu i mreža promoviranog sadržaja zajednice - sponzorskih oglasa i istaknutih unosa. U biraču na stranici organizacije ih nećete vidjeti. Pokriveni su u dodatku, petnaestom poglavlju.
Poglavlje 13
Ne morate krenuti od prazne stranice. Tri alata izgradit će cijelu stranicu za vas i predati je kao skicu na pregled i prilagodbu.
Razlikuju se samo po tome koliko vas prije pitaju.
Ne pita ništa. Gradi jednostraničnu stranicu od pet odjeljaka iz onoga što vaša organizacija već ima: vašeg logotipa, vaše priče, vaše naslovne fotografije. Te tri stvari treba, i ako koja nedostaje, prikupi je u dijalogu prije gradnje.
Rezultat je uvijek istog oblika: uvodni odjeljak, odjeljak o vama, dva odjeljka izabrana iz onoga za što stvarno imate sadržaj, i kontaktni odjeljak. Ista organizacija, ista stranica, svaki put.
Postavlja sedam kratkih pitanja: struktura, izgled, stil, fontovi, zaglavlje, podnožje i pregled onoga što će napraviti. Srednji je put, i onaj za kojim ćete posegnuti najčešće.
Pita o vašoj organizaciji običnim jezikom, a ne o dizajnu, i stranicu izvodi iz vaših odgovora. Dobro za nekoga tko poznaje svoju organizaciju, ali ne i što je uvodni odjeljak.
Sva tri pišu u svježu skicu. Nijedan ne dira vašu stranicu uživo. Što god proizvedu, vi to pregledate, prilagodite i tek onda aktivirate. Nema rizika isprobati jedan da vidite što radi.
Čarobnjak i Vođeni postupak oba počinju izborom koliko je stranica velika.
| Struktura | Što gradi |
|---|---|
| Jedna stranica | Sve na jednoj klizećoj stranici: hero, o nama, događaji i kontakt. Najbrži način za pokretanje. |
| Jednostavna stranica | Manja web stranica: pristupačna početna stranica te stranice O nama, Usluge i Česta pitanja. Potpuna predstavna stranica. |
| Potpuna stranica | Potpuna višestranična stranica: početna, O nama i usluge, te događaji, blog i kontakt. |
Poglavlje 14
Ista kontrola, imenovana u više jezika, pa se graditelj postavljen na engleskom i onaj na vašem jeziku mogu raspravljati u istom razgovoru.
| Engleski | Hrvatski | Što je to |
|---|---|---|
| Appearance | Izgled | Kartica s pravilima za cijelu stranicu. |
| Header | Zaglavlje | Traka na vrhu svake stranice. |
| Homepage | Početna stranica | Ulazna vrata stranice. |
| Pages | Stranice | Sve što nisu ulazna vrata. |
| Menu | Izbornik | Navigacijske poveznice u zaglavlju. |
| Footer | Noga | Traka na dnu svake stranice. |
| Hero Section | Glavni odsjek | Uvodna traka stranice. |
| Gallery | Galerija | Skup fotografija ili videozapisa. |
| Newsletter | Bilten | Polje za prijavu na vaš popis za slanje. |
| Call to Action | Poziv na akciju | Traka koja traži jednu radnju. |
| Statistics | Statistika | Red brojki kojima se vrijedi pohvaliti. |
| Team | Tim | Ljudi iza organizacije. |
| Preview | Pregled | Pogledajte stranicu kako bi je vidio posjetitelj. |
| Live | V živo | Vidljivo javnosti. |
| Coming Soon | Uskoro dostupno | Privremena stranica umjesto stranice. |
Poglavlje 15
Zajednice imaju vlastiti graditelj, i to je isti alat s malo drukčijim šeširom. Ako ste pročitali ovaj priručnik, već ga znate koristiti. Ovaj dodatak pokriva samo razlike.
Gotovo sve. Kartica Izgled, Izbornik, kartica Stranice, odjeljci, zajedničke kontrole, skice i aktivacija: identično. Poglavlja 1 do 5 i 7 do 12 opisuju graditelj zajednice jednako točno kao onaj organizacije, a četrnaesto poglavlje imenuje iste kontrole. Šesto poglavlje i kartica Podnožje su iznimke - kartica Zaglavlje ovdje je građena drukčije, a kartica Podnožje dobiva vlastito platno; oboje je pokriveno dolje.
Katalog odjeljaka iz dvanaestog poglavlja vrijedi u cijelosti. Graditelju zajednice nudi se svih tih 49 odjeljaka, plus devet vlastitih, pokrivenih dolje.
Varijante rade točno kako ih opisuje treće poglavlje. Zajednica drži koliko god verzija svoje odredišne stranice želi, jednu uživo, a ostale skice, s istom trakom varijanti, istim oznakama preklopnika, istim Dupliciraj trenutnu, Počni prazno i Kopiraj sadržaj, istim popisom za upravljanje i istim poveznicama pregleda bez prijave. Izgled i Jezici i ovdje pripadaju varijanti, pa skica može nositi druge boje i drugi skup jezika od one koja je uživo.
Šest stvari.
Graditelj zajednice sada ima šest kartica, isto kao stranica organizacije: Izgled, Zaglavlje, Početna stranica, Stranice, Izbornik, Podnožje. Osmo poglavlje karticu Stranice opisuje točno - isti početni predlošci, isti izbor Jednostavna/Od odjeljaka, iste postavke po stranici.
Jedno je drukčije: stranica zajednice nikad se ne ugnježđuje. Nema birača roditeljske stranice, a svaka stranica živi na jednoj goloj adresi na vašoj domeni zajednice - vasadomena.com/about, nikad vasadomena.com/services/pricing. Rasporedi s bočnom trakom lijevo/desno i dalje nude karticu navigacije podstranica, ali ovdje ostaje prazna, jer podstranica za nabrajanje nema.
Još jedna posljedica rada na domeni zajednice: polje naslova/adrese opisano u osmom poglavlju nema što pokazati dok vaša zajednica nema spojenu domenu. Do tada piše "Još nema prilagođene domene" umjesto prave adrese, a njegove ikone kopiranja i otvaranja izostaju - jednostavno ih nema kamo poslati. Adresu postavite normalno; proradi u trenutku spajanja domene.
Vrsta poveznice Stranica u kartici Izbornik radi točno kako je opisuje deveto poglavlje: izaberete jednu od svojih stranica i stavka izbornika vodi ravno na nju.
Kartice sistemskih ruta na zajednici sežu dalje: uz vlastite popise zajednice birač nudi i zajedničke stranice platforme - kartu, prostore, mjesečev kalendar, dokumentaciju i ovaj priručnik, dnevnik promjena, stranicu za stvaranje organizacije i galeriju predložaka - pa izbornik zajednice posjetitelje može odvesti ravno do bilo koje od njih bez retka s vanjskim URL-om.
Svako drugo polje poveznice radi isto - gumb na Uvodnom odjeljku ili Pozivu na radnju, recimo. Izbor vrste Stranica ondje nabraja stranice vaše zajednice, nikad organizacijine, čak i kad je vaša zajednica u vlasništvu organizacije s vlastitim stranicama.
Jedna posljedica dodatka: Kopiraj sadržaj sada nudi šest stvari za prenijeti - Odjeljci početne stranice, Stranice, Izbornik, Podnožje, Izgled, Jezici - umjesto sedam graditelja organizacije, jer jedino Zaglavlje ostaje izvan dosega.
Tri pokretača iz trinaestog poglavlja - One-Click Page, Čarobnjak za stranicu i Vođeni postupak - samo su za organizacije. Odredišna stranica zajednice gradi se rukom, odjeljak po odjeljak, iz kartice Početna stranica. Sve što trinaesto poglavlje kaže o njihovim sigurnim skicama i dalje vrijedi; jednostavno se ovdje nema što pokrenuti.
Izbornik Varijante drži Kopiraj sadržaj, Dupliciraj trenutnu, Počni prazno i Upravljaj varijantama, ali ne i Spremi kao predložak graditelja organizacije. Odredišna stranica zajednice ne može se uhvatiti kao ponovno upotrebljiv predložak za druge stranice.
Graditelj traka iz šestog poglavlja - redovi, zone, komponente povuci-i-pusti - samo je za organizacije. Stranica zajednice nosi zaglavlje platforme, istu traku koju vidite po cijelom Eventureu, pa njezina kartica Zaglavlje tu traku podešava umjesto da je gradi iz dijelova. Tri kartice:
Widgeti zaglavlja bira koje se platformske ikone pojavljuju: Pretraga, Preklop teme, Košarica, Račun, Izbornik dodavanja, Gumb Počni besplatno, Obavijesti, Poruke. Djeluju samo na zaglavlje vaše zajednice, nikad na glavno Eventureovo. Pretraga, Tema, Košarica i Račun počinju uključeni, a ostali isključeni, pa stranica s brendom zajednice od početka izgleda kao vlastiti brend.
Pozadina zaglavlja boji traku na svakoj stranici. Boja zaglavlja prima jednu od vaših boja brenda ili bilo koji hex, a prazna zadržava zadano teme; boja teksta tada se bira za vas, pa tamno zaglavlje ne ostaje s tamnim poveznicama. Mutno staklo traku čini prozirnom i muti ono što se iza nje lista, a Zamućenje stakla određuje koliko snažno - Suptilno, Srednje ili Snažno. Na telefonima i malim tabletima traka se uvijek boji puno, kakva god postavka stakla bila, jer ondje sjedi nad sadržajem stranice i ne smije ga propuštati.
Prekrivanje i efekti je prozirno zaglavlje. Uključite Prozirno prekrivno zaglavlje i traka lebdi nad prvim odjeljkom vaše početne, s uvodnom slikom koja teče do vrha iza nje, a puna postaje čim posjetitelj zalista. Boja teksta prekrivanja - Svijetla ili Tamna - drži izbornik čitljivim dok je traka prozirna: Svijetla nad tamnom fotografijom, Tamna nad blijedom. Za razliku od dviju kartica iznad, ova vrijedi samo za početnu stranicu, i samo nad njezinim prvim odjeljkom, zbog čega se isplati tek s prvim odjeljkom uvodnog stila. Dok je prekrivanje uključeno, marketinške trake koje inače stoje iznad trake maknu se u stranu, da ništa ne prekida uvod.
Kartica Podnožje organizacije iz desetog poglavlja ravan je popis prekidača. Kartica Podnožje zajednice dva od njih koja izvan platforme nemaju smisla - organizacijine marketinške stupce Stvori i O nama - zamjenjuje malim vlastitim platnom, iznad istih kartica Opće podnožje, Traka prije podnožja i Traka poslije podnožja koje ima svaki graditelj.
Širina podnožja, Razmak podnožja i klizači Točnog razmaka iz desetog poglavlja rade i ovdje - žive u kartici Opće podnožje, zajedničkoj obama graditeljima. Kartice Okvir, Raspored i tipografija te Ikone društvenih mreža odande ne; one su zasad samo za organizacije.
Stupac brenda ovdje postaje uredljiv: logotip uključen ili ne, nadjačan slogan, kontaktna e-pošta i poveznica, i koje se žive statistike pokazuju - ništa od čega stupac brenda podnožja organizacije ne izlaže.
Ispod njega do osam komponenti natječe se za četiri utora stupaca: O nama, Članske organizacije, Događaji zajednice, Vijesti zajednice, Kontakt, Prilagođeni tekst, Statistika i Prilagođene poveznice. Uključite jednu i zauzme sljedeći slobodan utor, redoslijedom u koji kandidate povučete na platnu; uključite petu i čeka svoj red, označena "Nije prikazano" dok utor ne oslobodite ili je ne povučete ispred neke popunjene. Svaki kandidat nosi isto samoskrivanje koje deseto poglavlje opisuje za podnožje organizacije - stupac O nama bez teksta, ili Kontakt bez e-pošte i poveznice, jednostavno se ne pojavi, što god njegov prekidač govorio. Kad se uključeni kandidat sprema samoskriti, njegov red na platnu to kaže: uz ime se pojavi mali žuti trokut upozorenja, s opisom što nedostaje - pa nikad ne morate pogađati zašto stupca koji ste omogućili nema na stranici.
Jedan detalj podnožja samo je za zajednice iz drugog razloga. Na vlastitoj domeni zajednice stavke Izbornika s uključenim "Prikaži u karti stranice podnožja" preuzimaju i stupac Istraži u podnožju, ne samo poveznice zaglavlja koje opisuje deveto poglavlje - i prije nego dirnete karticu Podnožje. Dodajte barem jednu takvu stavku i i zaglavlje i podnožje prebace se s platforminih standardnih poveznica; uklonite ih sve i oba se vrate.
6. Devet odjeljaka postoji ovdje koje stranica organizacije nikad ne vidi. Njima pripada ostatak ovog dodatka.
Postoje samo u graditelju zajednice, jer opisuju stvari koje ima samo zajednica: članske organizacije, zajednički kalendar, zajednički razgovor. Ponašaju se kao svaki drugi odjeljak, uključujući zajedničke kontrole iz jedanaestog poglavlja.
Predstavite organizacije koje čine ovu zajednicu. Prikažite ih kao informativne kartice, traku logotipa ili kompaktan popis - automatski sve članice ili ručno odabran, poredan izbor.
Savjet: Uključite Nasumični redoslijed i pri svakom posjetu prikazuje drugačan nasumični odabir članova umjesto uvijek istih nekoliko - korisno kada zajednica ima više članova nego što dopušta ograničenje odjeljka.
Prikaži gdje se nalaze organizacije zajednice na interaktivnoj karti. Svaka oznaka otvara podatke o organizaciji, a posjetitelji mogu otvoriti kartu preko cijelog zaslona za istraživanje.
Na interaktivnoj karti pokažite gdje se održavaju nadolazeći događaji zajednice. Posjetitelji mogu pretraživati, filtrirati po datumu i po tome je li događaj online ili uživo, te centrirati kartu na vlastitu lokaciju.
Rasporedite nadolazeća događanja zajednice na poznatu mjesečnu mrežu, prikupljenu iz svih organizacija članica. Ponudite klasični prikaz ili sezonski okvir 13 mjeseci.
Rasporedi koje možete izabratiStandardni Poznata mjesečna mreža događanja. 13 mjeseci Dodaje sezonsku traku 13 mjeseci i oznake mjesečevih prozora.
Prikaži nedavne razgovore iz feeda zajednice - pitanja, obavijesti i teme - uz bočnu ploču s prikvačenim objavama, otvorenim pitanjima, aktivnim temama i najboljim sudionicima.
Prikaži nagradne igre koje nude članovi zajednice, svaku kao karticu, s gumbom za objavu vlastite.
Pozovite posjetitelje da istraže druge zajednice na platformi. Prikažite ih kao informativne kartice, traku logotipa ili kompaktan popis - automatski najaktivnije zajednice ili ručno odabran, poredan izbor.
Savjet: Uključite Nasumični redoslijed i pri svakom posjetu prikazuje drugačan nasumični odabir umjesto uvijek istih najaktivnijih na vrhu.
Prema zadanim postavkama prikazuje iste, od strane platforme kurirane web stranice "Izrađeno s Eventure" kao naslovnica eventure.si. Umjesto toga možete ručno odabrati svoj skup web stranica organizacija, koje tada preuzimaju prednost pred odabirom platforme.
Savjet: Uključite Nasumični redoslijed i pri svakom posjetu prikazuje drugačan nasumični odabir.
Prikažite pozicije koje su oglašivači zakupili u ovoj zajednici: oglase Sponzor i Podržavatelj te istaknute unose s tržnice, svaku razinu kao vlastiti red kartica. Odaberite koje su razine prikazane i koliko kartica svaka smije prikazati.
Upotrijebite: Zajednice koje prodaju oglasne pozicije ili žele prikazati istaknute unose koje su članovi kupili na tržnici, kao vidljiv blok na odredišnoj stranici.
Izbjegavajte: Zajednice bez aktivnih oglasnih pozicija ili istaknutih unosa - odjeljak ne prikazuje ništa dok pozicije ne postoje.