Deset savjeta za web dizajn Dreamweavera koji štedi vrijeme

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.

1Plan - isplati se.

Č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.

2 Definirajte ciljeve koji će vam pomoći da se usredotočite.

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.

3Postavite rokove koji će vam pomoći da završite.

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.


Deset savjeta za web dizajn Dreamweavera koji štedi vrijeme

4Dizajn za svoju publiku.

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.

5 Izradite dosljedan dizajn.

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.


Deset savjeta za web dizajn Dreamweavera koji štedi vrijeme

6 Slijedite pravilo tri klika.

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.

7Razmislite prije dodavanja otmjenih fontova.

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:

8 Često korištene predmete držite pri ruci.

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.


Deset savjeta za web dizajn Dreamweavera koji štedi vrijeme

9 Podijelite pogled.

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.

10 Napravite sigurnosnu kopiju svoje web stranice.

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).


Kako primijeniti transparentnost na SVG-ove

Kako primijeniti transparentnost na SVG-ove

Naučite kako primijeniti transparentnost na SVG grafiku u Illustratoru. Istražite kako ispisati SVG-ove s prozirnom pozadinom i primijeniti efekte transparentnosti.

Rad sa slikama u Adobe XD

Rad sa slikama u Adobe XD

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 […]

Kako podesiti svojstva teksta u Adobe XD

Kako podesiti svojstva teksta u Adobe XD

Kada imate tekst u svom Adobe XD projektu, možete početi mijenjati svojstva teksta. Ova svojstva uključuju obitelj fontova, veličinu fonta, težinu fonta, poravnanje, razmak između znakova (kerning i praćenje), razmak između redaka (vodeće), ispunu, obrub (crtanje), sjenku (sjena) i zamućenje pozadine. Pa pogledajmo kako se ta svojstva primjenjuju. O čitljivosti i fontu […]

Rad s umjetničkim pločama u Photoshopu CC

Rad s umjetničkim pločama u Photoshopu CC

Baš kao i u Adobe Illustratoru, Photoshopove umjetničke ploče pružaju mogućnost izrade zasebnih stranica ili zaslona unutar jednog dokumenta. To može biti osobito korisno ako gradite zaslone za mobilnu aplikaciju ili malu brošuru. Artboard možete zamisliti kao posebnu vrstu grupe slojeva stvorenu pomoću ploče Slojevi. Njegov […]

Oblici i poligoni u InDesignu

Oblici i poligoni u InDesignu

Mnogi alati koje pronađete na ploči InDesign Alati koriste se za crtanje linija i oblika na stranici, tako da imate nekoliko različitih načina stvaranja zanimljivih crteža za svoje publikacije. Možete stvoriti bilo što, od osnovnih oblika do zamršenih crteža unutar InDesigna, umjesto da morate koristiti program za crtanje kao što je […]

Zamotajte tekst u Adobe Illustrator CC

Zamotajte tekst u Adobe Illustrator CC

Omatanje teksta u Adobe Illustrator CC nije isto što i zamatanje poklona — lakše je! Prelamanje teksta prisiljava tekst da se omota oko grafike, kao što je prikazano na ovoj slici. Ova značajka može dodati malo kreativnosti svakom komadu. Grafika tjera tekst da se omota oko nje. Prvo stvorite […]

Kako promijeniti veličinu oblika u Illustratoru

Kako promijeniti veličinu oblika u Illustratoru

Kada dizajnirate u Adobe Illustrator CC, često vam je potreban oblik točne veličine (na primjer, 2 x 3 inča). Nakon što izradite oblik, najbolji način da mu promijenite veličinu na točne mjere je korištenje ploče Transform, prikazane na ovoj slici. Odaberite objekt, a zatim odaberite Prozor→ Transformiraj u […]

Kako stvoriti QR kodove u InDesign CC

Kako stvoriti QR kodove u InDesign CC

Možete koristiti InDesign za izradu i izmjenu grafike QR koda. QR kodovi su oblik crtičnog koda koji može pohraniti informacije kao što su riječi, brojevi, URL-ovi ili drugi oblici podataka. Korisnik skenira QR kod pomoću svoje kamere i softvera na uređaju, kao što je pametni telefon, a softver koristi […]

Kako učiniti da nova fotografija izgleda staro u Photoshopu CS6

Kako učiniti da nova fotografija izgleda staro u Photoshopu CS6

Možda će vam biti potrebna nova fotografija da biste izgledali staro. Photoshop CS6 vas pokriva. Crno-bijela fotografija noviji je fenomen nego što mislite. Dagerotipije i druge rane fotografije često su imale smećkasti ili plavkasti ton. Možete stvoriti vlastita remek-djela u tonovima sepije. Tonirane slike mogu stvoriti […]

Značajka Live Paint u Adobe CS5 Illustratoru

Značajka Live Paint u Adobe CS5 Illustratoru

Koristeći značajku Live Paint u Adobe Creative Suite 5 (Adobe CS5) Illustrator, možete stvoriti sliku koju želite i ispuniti regije bojom. Bucket Live Paint automatski detektira regije sastavljene od neovisnih staza koje se sijeku i ispunjava ih u skladu s tim. Boja unutar određene regije ostaje živa i automatski teče ako postoji […]