Sve dobre web stranice rastu i razvijaju se. Ako počnete sa snažnim dizajnom i obratite veliku pozornost na neka osnovna pravila o sučelju, navigaciji i stilu, imate bolje temelje na kojima možete graditi. Sljedeće dizajnerske ideje i Dreamweaver savjeti mogu vam pomoći uštedjeti vrijeme dok stvarate web stranice koje izgledaju sjajno za sve vaše posjetitelje.
Čak i ako se osjećate pod pritiskom da brzo postavite web stranicu na internet, dugoročno ćete uštedjeti vrijeme ako odvojite malo vremena da prvo razvijete plan.
World Wide Web ne ide nikamo. Čak i ako svoju web-lokaciju morate postaviti online što je brže moguće, vaš bi cilj trebao biti dizajnirati web-mjesto koje uistinu služi vašoj publici, poslovanju i ciljevima – a ti ciljevi zahtijevaju planiranje.
Ako svoju web stranicu pokrenete s ciljem privlačenja milijuna posjetitelja i prodaje tona proizvoda i usluga, niste dovoljno konkretni. Što preciznije možete navesti svoje ciljeve, veće su šanse da ih ostvarite. Trebali biste se ograničiti na samo tri cilja.
Nakon što su vam jasni ciljevi i zadaci koje trebate izvršiti prije nego što pokrenete svoju web stranicu, vrijeme je za izradu vremenske trake i postavljanje rokova. Svakako dajte sebi realan vremenski okvir za dobar posao i uzmite u obzir malo više vremena nego što mislite da vam treba, pogotovo ako ste novi u web dizajnu.
Čak i ako radite na web stranici sami ili s vrlo malim timom, postavljanje rokova jedan je od najvažnijih dijelova svakog plana projekta — i daje vam puno veće šanse za završetak. Pokušajte vezati rok za poseban događaj ili prigodu.
Bez obzira koliko je web stranica tehnički sofisticirana ili koliko je dobro napisana, većina ljudi prvo primijeti dizajn. Ostavite dovoljno vremena i budžeta za razvoj prikladnog i atraktivnog dizajna za svoju web stranicu. Pravi dizajn je onaj koji najbolje odgovara vašoj publici — a to može, ali i ne mora značiti puno otmjenih grafika i animacija.
Većina web-mjesta najbolje funkcionira i najlakše je navigirati kada slijede dosljednu temu dizajna. Primjer: većina čitatelja uzima zdravo za gotovo da knjige ne mijenjaju svoj dizajn od stranice do stranice i da novine ne mijenjaju fontove naslova i logotipe iz dana u dan.
Doista, mnogi bi tvrdili da kada korisnici kažu da je nešto "intuitivno za korištenje", ono što zapravo misle jest da je poznato. Dosljednost je jedan od primarnih alata koji se koriste u dizajnu kako bi se čitateljima pomoglo da pronađu poznato mjesto i olakšalo praćenje priče ili niza navigacijskih elemenata.
Pravilo tri klika kaže da nijedan važan podatak ne smije biti udaljen više od tri klika od bilo kojeg drugog mjesta na vašoj web stranici. Najvažnije informacije trebale bi biti još bliže. Na primjer, mnogi dizajneri se slažu da kontakt podaci nikada ne bi trebali biti udaljeni više od jednog klika.
Gledateljima možete olakšati pronalaženje informacija stvaranjem navigacijske trake — skupa poveznica na sve glavne odjeljke na vašoj web-lokaciji koje ponavljate na svim stranicama vaše web-lokacije. Navigacijska traka posjetiteljima olakšava prelazak s jednog odjeljka vaše web stranice na drugi.
Ako na svojoj web-lokaciji imate puno stranica, organizirajte ih u odjeljke s pododjeljcima, a zatim upotrijebite padajući izbornik.
Dizajneri se toliko uzbude kada saznaju da sada mogu koristiti bilo koji font koji žele na web stranicama. Nažalost, kao i mnoge stvari na webu, korištenje fontova je kompliciranije nego što biste očekivali.
Na primjer, čak i ako imate prava na hostiranje fonta na vlastitom web poslužitelju, možda nećete imati sve varijacije fonta potrebne za ispravan prikaz slova na Mac i Windows računalima ili za rad u svim web preglednicima. Zato većina web dizajnera koristi uslugu fontova:
Jeste li ikada poželjeli da sve svoje omiljene značajke Dreamweavera držite na jednom prikladnom mjestu? Možeš! Samo prilagodite kolekciju Favoriti na ploči Umetanje.
Pokrenite Dreamweaver i odaberite Window→Insert da otvorite ploču Common Insert. Ploča Umetanje uključuje nekoliko odjeljaka, uključujući strukturu, medije, obrasce i favorite.
Kliknite strelicu na ploči Umetanje i odaberite Favoriti s padajućeg popisa. Opcija Favorites nalazi se na samom kraju padajućeg popisa Insert panel.
Da biste prilagodili ploču Favoriti sa svim svojim omiljenim ikonama značajki, kliknite desnom tipkom miša (ili Control+klik na Macu) i odaberite Prilagodi favorite. Koristite ploču Umetanje favorita kao praktičan način da sve svoje omiljene značajke držite pri ruci. Možete ga čak promijeniti za posebne projekte koji zahtijevaju skup programskih značajki.
Ako se želite prebacivati između prikaza koda i prikaza dizajna u Dreamweaveru, cijenit ćete opciju podjele prozora tako da možete vidjeti i izvorni kod i dizajn stranice u isto vrijeme. Da biste podijelili prozor, odaberite gumb Podijeli pogled u gornjem lijevom dijelu radnog prostora.
Dreamweaverov izvorni kod označen je bojama kako bi se lakše razlikovale oznake od sadržaja. Još jedna korisna značajka u Split prikazu je da ako odaberete sliku, tekst ili drugi element na stranici u prikazu dizajna, odgovarajući kod se automatski ističe u prikazu koda.
Provjerite imate li uspostavljen sustav za sigurnosno kopiranje vaše web stranice. Uvijek držite kopiju svih datoteka na vašem poslužitelju na zasebnom mjestu i redovito je ažurirajte kako biste bili sigurni da imate sigurnosnu kopiju najnovije verzije svoje stranice u svakom trenutku.
Da biste izradili sigurnosnu kopiju web-mjesta koje ste izradili u Dreamweaveru, morate kopirati mapu web-mjesta u koju pohranjujete sve datoteke na web-mjestu. U idealnom slučaju, trebali biste kopirati tu mapu na vanjski tvrdi disk ili je prenijeti na online sustav sigurnosne kopije (koji se nalazi odvojeno od vašeg web poslužitelja).
Šum na slikama sastoji se od bilo kakve zrnatosti ili teksture koja se javlja. Filtri šuma, kao što je dodatak za Photoshop CS6 Add Noise, proizvode nasumične teksture i zrnatost na slici.
Saznajte kako koristiti Adobe Illustrator CC za izradu neobičnih oblika teksta. Uzmite u obzir nove tehnike za prilagodbu teksta u različitim oblicima.
Naučite kako uvesti fotografije koje se već nalaze na vašem tvrdom disku, kao i nove fotografije iz memorijskih kartica u Adobe Lightroom Classic.
Jednostavan i praktičan način za stvaranje redaka i stupaca teksta pomoću opcija vrste područja u Adobe Creative Suite (Adobe CS5) Illustrator. Ova značajka omogućuje fleksibilno oblikovanje teksta.
Otkrijte kako očistiti crtano skeniranje u Adobe Photoshop CS6 koristeći npr. Threshold alat. Uklonite pozadinske boje i artefakte za savršene crno-bijele slike.
Kada uređujete fotografije i portrete u Photoshopu CC, ispravite efekt crvenih očiju s lakoćom. Ovaj vodič pruža korak po korak upute za učinkovito korištenje alata za ispravanje crvenih očiju.
Otkrijte kako spremiti svoj Adobe Illustrator CS6 dokument u PDF format sa detaljnim koracima i savjetima. Sačuvajte svoje radove i olakšajte dijeljenje s drugima uz PDF format.
Rješavanje rezolucije slike u Photoshopu je ključno za kvalitetu ispisa. U ovom članku pružamo korisne informacije o promjeni razlučivosti slike i savjetima za optimizaciju.
Naučite kako primijeniti transparentnost na SVG grafiku u Illustratoru. Istražite kako ispisati SVG-ove s prozirnom pozadinom i primijeniti efekte transparentnosti.
Nakon što uvezete svoje slike u Adobe XD, nemate veliku kontrolu nad uređivanjem, ali možete mijenjati veličinu i rotirati slike baš kao i bilo koji drugi oblik. Također možete jednostavno zaokružiti kutove uvezene slike pomoću kutnih widgeta. Maskiranje vaših slika Definiranjem zatvorenog oblika […]
