Deset namigov za spletno oblikovanje Dreamweaverja, ki prihrani čas

Vsa dobra spletna mesta rastejo in se razvijajo. Če začnete z močnim dizajnom in pozorno spremljate nekaj osnovnih pravil o vmesniku, navigaciji in slogu, imate boljšo podlago za nadgradnjo. Naslednje oblikovalske ideje in nasveti Dreamweaverja vam lahko pomagajo prihraniti čas, ko ustvarjate spletna mesta, ki izgledajo odlično za vse vaše obiskovalce.

1Plan - splača se.

Tudi če ste pod pritiskom, da hitro postavite spletno mesto na splet, boste dolgoročno prihranili čas, če si najprej vzamete nekaj časa za razvoj načrta.

Svetovni splet ne gre nikamor. Tudi če morate svoje spletno mesto čim hitreje postaviti na splet, bi moral biti vaš cilj oblikovati spletno mesto, ki resnično služi vašemu občinstvu, podjetju in ciljem – in ti cilji zahtevajo načrtovanje.

2 Določite cilje, ki vam bodo pomagali osredotočiti se.

Če začnete svoje spletno mesto s ciljem pritegniti milijone obiskovalcev in prodati na tone izdelkov in storitev, niste dovolj natančni. Natančneje ko lahko navedete svoje cilje, večja je možnost, da jih dosežete. Omejite se le na tri cilje.

3 Določite roke, ki vam bodo pomagali dokončati.

Ko ste jasni glede svojih ciljev in nalog, ki jih morate opraviti, preden zaženete spletno mesto, je čas, da ustvarite časovnico in določite roke. Za dobro delo si zagotovite realen časovni okvir in upoštevajte malo več časa, kot mislite, da potrebujete, še posebej, če ste novi v spletnem oblikovanju.

Tudi če na spletnem mestu delate sami ali z zelo majhno ekipo, je določitev rokov eden najpomembnejših delov vsakega načrta projekta – in vam daje veliko več možnosti za dokončanje. Poskusite vezati rok na poseben dogodek ali priložnost.


Deset namigov za spletno oblikovanje Dreamweaverja, ki prihrani čas

4 Oblikujte za vaše občinstvo.

Ne glede na to, kako tehnično dovršeno je spletno mesto ali kako odlično je napisano, večina ljudi najprej opazi dizajn. Poskrbite, da boste pustili dovolj časa in proračuna za razvoj ustreznega in privlačnega dizajna za vaše spletno mesto. Prava zasnova je tista, ki najbolj ustreza vašemu občinstvu – in to lahko pomeni veliko elegantne grafike in animacije ali pa tudi ne.

5 Ustvarite dosleden dizajn.

Večina spletnih mest deluje najbolje in po njih je najlažje krmariti, če sledijo dosledni temi oblikovanja. Primer: večina bralcev jemlje samoumevno, da knjige ne spreminjajo svojega dizajna od strani do strani in da časopisi ne spreminjajo pisav naslovov in logotipov iz dneva v dan.

Mnogi bi dejansko trdili, da ko uporabniki rečejo, da je nekaj "intuitivno za uporabo", v resnici mislijo, da je znano. Doslednost je eno od glavnih orodij, ki se uporabljajo pri oblikovanju, ki bralcem pomaga najti znano spletno mesto in olajša spremljanje zgodbe ali niza navigacijskih elementov.


Deset namigov za spletno oblikovanje Dreamweaverja, ki prihrani čas

6 Sledite pravilu treh klikov.

Pravilo treh klikov navaja, da nobena pomembna informacija ne sme biti oddaljena več kot tri klike od kjer koli drugje na vašem spletnem mestu. Najpomembnejše informacije bi morale biti še bližje. Mnogi oblikovalci se na primer strinjajo, da kontaktni podatki ne smejo biti oddaljeni več kot en klik.

Gledalcem lahko olajšate iskanje informacij tako, da ustvarite navigacijsko vrstico – niz povezav do vseh glavnih razdelkov na vašem spletnem mestu, ki jih ponavljate na vseh straneh vašega spletnega mesta. Navigacijska vrstica obiskovalcem olajša premikanje z enega razdelka vašega spletnega mesta na drugega.

Če imate na spletnem mestu veliko strani, jih organizirajte v razdelke s podrazdelki in nato uporabite spustni meni.

7 Razmislite, preden dodate modne pisave.

Oblikovalci so tako navdušeni, ko ugotovijo, da lahko zdaj na spletnih straneh uporabljajo katero koli pisavo, ki jo želijo. Na žalost je, tako kot veliko stvari na spletu, uporaba pisav bolj zapletena, kot bi morda pričakovali.

Na primer, tudi če imate pravice za gostovanje pisave na svojem spletnem strežniku, morda nimate vseh različic pisave, ki so potrebne za pravilno prikazovanje črk v računalnikih Mac in Windows ali za delovanje v vseh spletnih brskalnikih. Zato večina spletnih oblikovalcev uporablja storitev pisav:

8 Najpogosteje uporabljene predmete imejte pri roki.

Ste si kdaj želeli, da bi lahko vse svoje najljubše funkcije Dreamweaverja hranili na enem priročnem mestu? Ti lahko! Samo prilagodite zbirko Priljubljene na plošči Vstavljanje.

Zaženite Dreamweaver in izberite Window→Insert, da odprete ploščo Common Insert. Plošča Vstavi vključuje več razdelkov, vključno s strukturo, mediji, obrazci in priljubljenimi.

Kliknite puščico na plošči Vstavljanje in na spustnem seznamu izberite Priljubljene. Možnost Priljubljene je na samem koncu spustnega seznama plošče Vstavi.

Če želite prilagoditi ploščo Priljubljene z vsemi ikonami priljubljenih funkcij, kliknite z desno tipko miške (ali Control + kliknite v Macu) in izberite Prilagodi priljubljene. Uporabite ploščo za vstavljanje priljubljenih kot priročen način, da obdržite vse svoje priljubljene funkcije pri roki. Lahko ga celo spremenite za posebne projekte, ki zahtevajo zbirko programskih funkcij.


Deset namigov za spletno oblikovanje Dreamweaverja, ki prihrani čas

9 Razdelite pogled.

Če želite preklapljati naprej in nazaj med pogledom kode in pogledom načrta v Dreamweaverju, boste cenili možnost, da okno razdelite, tako da si lahko hkrati ogledate izvorno kodo in zasnovo strani. Če želite okno razdeliti, izberite gumb Razdeli pogled v zgornjem levem kotu delovnega prostora.

Dreamweaverjeva izvorna koda je barvno kodirana, da olajša razlikovanje oznak od vsebine. Druga koristna funkcija v pogledu Split je, da če izberete sliko, besedilo ali drug element na strani v pogledu načrta, je ustrezna koda samodejno označena v pogledu kode.

10 Varnostno kopirajte svoje spletno mesto.

Prepričajte se, da imate vzpostavljen sistem za varnostno kopiranje vašega spletnega mesta. Vedno hranite kopijo vseh datotek na vašem strežniku na ločeni lokaciji in jo redno posodabljajte, da zagotovite, da imate vedno varnostno kopirano najnovejšo različico svojega spletnega mesta.

Če želite ustvariti varnostno kopijo spletnega mesta, ki ste ga ustvarili v Dreamweaverju, morate kopirati mapo spletnega mesta, v katero shranite vse datoteke na svojem spletnem mestu. V idealnem primeru bi morali to mapo kopirati na zunanji trdi disk ali jo naložiti v spletni sistem za varnostno kopiranje (ki gostuje ločeno od vašega spletnega strežnika).


Kako uporabiti preglednost za SVG

Kako uporabiti preglednost za SVG

Naučite se uporabiti prosojnost za grafiko SVG v Illustratorju. Raziščite, kako iznesti SVG s prozornimi ozadji in uporabiti učinke preglednosti.

Delo s slikami v Adobe XD

Delo s slikami v Adobe XD

Ko uvozite svoje slike v Adobe XD, nimate velikega nadzora nad urejanjem, lahko pa spremenite velikost in zasukate slike tako kot pri kateri koli drugi obliki. Prav tako lahko preprosto zaokrožite vogale uvožene slike z uporabo vogalnih pripomočkov. Prikrivanje slik Z definiranjem zaprte oblike […]

Kako prilagoditi lastnosti besedila v Adobe XD

Kako prilagoditi lastnosti besedila v Adobe XD

Ko imate besedilo v projektu Adobe XD, lahko začnete spreminjati lastnosti besedila. Te lastnosti vključujejo družino pisav, velikost pisave, težo pisave, poravnavo, razmik med znaki (kerning in sledenje), razmik med vrsticami (vodilni del), polnjenje, obrobo (poteza), senco (senca) in zameglitev ozadja. Poglejmo torej, kako se te lastnosti uporabljajo. O berljivosti in pisavi […]

Delo z umetniškimi ploščami v Photoshopu CC

Delo z umetniškimi ploščami v Photoshopu CC

Tako kot v Adobe Illustratorju, umetniške plošče Photoshopa omogočajo izdelavo ločenih strani ali zaslonov znotraj enega dokumenta. To je lahko še posebej koristno, če gradite zaslone za mobilno aplikacijo ali majhno brošuro. Umetniško ploščo si lahko predstavljate kot posebno vrsto skupine plasti, ustvarjeno s ploščo Sloji. Njegova […]

Oblike in poligoni v InDesignu

Oblike in poligoni v InDesignu

Številna orodja, ki jih najdete na plošči Orodja InDesign, se uporabljajo za risanje črt in oblik na strani, tako da imate na voljo več različnih načinov za ustvarjanje zanimivih risb za svoje publikacije. V InDesignu lahko ustvarite kar koli, od osnovnih oblik do zapletenih risb, namesto da bi morali uporabljati program za risanje, kot je […]

Zavijte besedilo v Adobe Illustrator CC

Zavijte besedilo v Adobe Illustrator CC

Zavijanje besedila v Adobe Illustrator CC ni čisto enako kot zavijanje darila – lažje je! Prelom besedila prisili, da se besedilo ovije okoli grafike, kot je prikazano na tej sliki. Ta funkcija lahko vsakemu kosu doda malo ustvarjalnosti. Grafika sili, da se besedilo ovije okoli njega. Najprej ustvarite […]

Kako spremeniti velikost oblik v Illustratorju

Kako spremeniti velikost oblik v Illustratorju

Ko načrtujete v programu Adobe Illustrator CC, pogosto potrebujete obliko, ki je natančna (na primer 2 x 3 palca). Ko ustvarite obliko, je najboljši način, da jo spremenite v natančne meritve, da uporabite ploščo Transform, prikazano na tej sliki. Izberi predmet in nato izberite Okno→ Pretvori v […]

Kako ustvariti QR kode v InDesign CC

Kako ustvariti QR kode v InDesign CC

InDesign lahko uporabite za ustvarjanje in spreminjanje grafike QR kode. QR kode so oblika črtne kode, ki lahko shrani informacije, kot so besede, številke, URL-ji ali druge oblike podatkov. Uporabnik skenira QR kodo s svojo kamero in programsko opremo na napravi, kot je pametni telefon, in programska oprema uporablja […]

Kako narediti novo fotografijo staro v Photoshopu CS6

Kako narediti novo fotografijo staro v Photoshopu CS6

Morda bo čas, ko boste potrebovali novo fotografijo, da bi izgledali staro. Photoshop CS6 vas pokriva. Črno-bela fotografija je novejši pojav, kot si morda mislite. Dagerotipi in druge zgodnje fotografije so pogosto imele rjavkast ali modrikast ton. Lahko ustvarite lastne mojstrovine v odtenkih sepije. Tonirane slike lahko ustvarijo […]

Funkcija Live Paint v programu Adobe CS5 Illustrator

Funkcija Live Paint v programu Adobe CS5 Illustrator

S funkcijo Live Paint v programu Adobe Creative Suite 5 (Adobe CS5) Illustrator lahko ustvarite želeno sliko in zapolnite regije z barvo. Vedro Live Paint samodejno zazna regije, sestavljene iz neodvisnih sekajočih se poti, in jih ustrezno zapolni. Barva v danem območju ostane živa in samodejno teče, če obstaja […]