Dešimt laiką taupančių Dreamweaver interneto dizaino patarimų

Visos geros svetainės auga ir tobulėja. Jei pradėsite nuo tvirto dizaino ir atidžiai stebėsite kai kurias pagrindines sąsajos, naršymo ir stiliaus taisykles, turėsite geresnį pagrindą. Šios dizaino idėjos ir Dreamweaver patarimai gali padėti sutaupyti laiko, kai kuriate svetaines, kurios puikiai atrodys visiems jūsų lankytojams.

1Planas – tai pasiteisina.

Net jei jaučiate spaudimą greitai sukurti svetainę internete, ilgainiui sutaupysite laiko, jei pirmiausia skirsite šiek tiek laiko planui parengti.

Pasaulinis žiniatinklis niekur nedings. Net jei turite kuo greičiau prijungti svetainę, jūsų tikslas turėtų būti sukurti svetainę, kuri iš tikrųjų tarnautų jūsų auditorijai, verslui ir tikslams, o šiuos tikslus reikia planuoti.

2 Apibrėžkite tikslus, kurie padės susikaupti.

Jei kuriate savo svetainę siekdami pritraukti milijonus lankytojų ir parduoti daugybę produktų bei paslaugų, nesate pakankamai konkretus. Kuo tiksliau įvardinsite savo tikslus, tuo didesnė tikimybė, kad juos pasieksite. Turėtumėte apsiriboti tik trimis tikslais.

3Nustatykite terminus, kurie padės baigti.

Kai aiškiai nustatysite savo tikslus ir užduotis, kurias turite atlikti prieš paleidžiant svetainę, laikas sukurti laiko juostą ir nustatyti terminus. Būtinai skirkite sau realų laiko tarpą, kad atliktumėte gerą darbą, ir skirkite šiek tiek daugiau laiko, nei manote, kad jums reikia, ypač jei žiniatinklio dizaino srityje nesate naujokas.

Net jei svetainėje dirbate vienas arba su labai maža komanda, terminų nustatymas yra viena iš svarbiausių bet kurio projekto plano dalių ir suteikia daug daugiau galimybių jį užbaigti. Pabandykite susieti terminą su ypatingu įvykiu ar proga.


Dešimt laiką taupančių Dreamweaver interneto dizaino patarimų

4Sukurkite savo auditoriją.

Nesvarbu, kokia techniškai sudėtinga yra svetainė ar koks puikus raštas, dauguma žmonių pirmiausia atkreipia dėmesį į dizainą. Įsitikinkite, kad turite pakankamai laiko ir biudžeto, kad sukurtumėte tinkamą ir patrauklų savo svetainės dizainą. Tinkamas dizainas yra tas, kuris geriausiai tinka jūsų auditorijai – ir tai gali reikšti daug įmantrios grafikos ir animacijos arba ne.

5 Sukurkite nuoseklų dizainą.

Dauguma svetainių veikia geriausiai ir jas lengviausia naršyti, kai jos atitinka nuoseklią dizaino temą. Pavyzdys: dauguma skaitytojų savaime suprantama, kad knygos nekeičia savo dizaino iš vieno puslapio į kitą ir kad laikraščiai kasdien nekeičia antraščių šriftų ir logotipų.

Iš tiesų, daugelis ginčytųsi, kad kai vartotojai sako, kad kažkas yra „intuityvu naudoti“, jie iš tikrųjų turi omenyje, kad tai pažįstama. Nuoseklumas yra vienas iš pagrindinių dizaino įrankių, padedančių skaitytojams rasti pažįstamą svetainę ir palengvinti istoriją ar naršymo elementų seriją.


Dešimt laiką taupančių Dreamweaver interneto dizaino patarimų

6 Laikykitės trijų paspaudimų taisyklės.

Trijų paspaudimų taisyklė teigia, kad svarbi informacija niekada neturi būti nutolusi nuo bet kurios kitos svetainės vietos daugiau nei trimis paspaudimais. Svarbiausia informacija turėtų būti dar arčiau. Pavyzdžiui, daugelis dizainerių sutinka, kad kontaktinė informacija niekada neturėtų būti daugiau nei vienu paspaudimu.

Galite palengvinti žiūrintiesiems informacijos radimą, sukurdami naršymo juostą – nuorodų rinkinį į visas pagrindines svetainės dalis, kurias kartojate visuose savo svetainės puslapiuose. Naršymo juosta leidžia lankytojams lengvai pereiti iš vienos svetainės dalies į kitą.

Jei svetainėje yra daug puslapių, suskirstykite juos į skyrius su poskyriais ir naudokite išskleidžiamąjį meniu.

7Pagalvokite prieš įtraukdami įmantrius šriftus.

Dizaineriai taip susijaudina, kai sužino, kad dabar tinklalapiuose gali naudoti bet kokį norimą šriftą. Deja, kaip ir daugelis kitų dalykų žiniatinklyje, šriftų naudojimas yra sudėtingesnis, nei galima tikėtis.

Pavyzdžiui, net jei turite teisę priglobti šriftą savo žiniatinklio serveryje, galite neturėti visų šrifto variantų, reikalingų norint tinkamai rodyti raides „Mac“ ir „Windows“ kompiuteriuose arba dirbti visose žiniatinklio naršyklėse. Štai kodėl dauguma interneto dizainerių naudoja šriftų paslaugą:

8Dažnai naudojamus daiktus laikykite po ranka.

Ar kada nors norėjote visas savo mėgstamas Dreamweaver funkcijas laikyti vienoje patogioje vietoje? Tu gali! Tiesiog tinkinkite kolekciją Parankiniai skydelyje Įterpimas.

Paleiskite „Dreamweaver“ ir pasirinkite Langas → Įterpti, kad atidarytumėte „Common Insert“ skydelį. Įterpimo skydelyje yra keletas skyrių, įskaitant struktūrą, laikmeną, formas ir parankinius.

Spustelėkite rodyklę skydelyje Įterpti ir išskleidžiamajame sąraše pasirinkite Mėgstamiausi. Parinktis Parankiniai yra pačiame išskleidžiamojo sąrašo Įterpti skydelį pabaigoje.

Norėdami tinkinti parankinių skydelį su visomis mėgstamiausių funkcijų piktogramomis, dešiniuoju pelės mygtuku spustelėkite (arba, jei naudojate „Mac“, spustelėkite „Control“ + spustelėkite) ir pasirinkite Tinkinti parankinius. Naudokite parankinių įterpimo skydelį kaip patogų būdą, kad visos mėgstamos funkcijos būtų po ranka. Jūs netgi galite jį pakeisti specialiems projektams, kuriems reikalingas programos funkcijų rinkinys.


Dešimt laiką taupančių Dreamweaver interneto dizaino patarimų

9 Padalinkite vaizdą.

Jei norite perjungti kodo rodinį ir dizaino rodinį Dreamweaver pirmyn ir atgal, įvertinsite parinktį padalinti langą, kad vienu metu galėtumėte peržiūrėti šaltinio kodą ir puslapio dizainą. Norėdami padalinti langą, viršutiniame kairiajame darbo srities kampe pasirinkite mygtuką Padalyti vaizdą.

„Dreamweaver“ šaltinio kodas yra spalvomis, kad būtų lengviau atskirti žymas nuo turinio. Kita naudinga funkcija suskaidytame rodinyje yra ta, kad jei dizaino rodinyje pasirenkate vaizdą, tekstą ar kitą elementą, atitinkamas kodas automatiškai paryškinamas kodo rodinyje.

10 Sukurkite savo svetainės atsarginę kopiją.

Įsitikinkite, kad turite sistemą atsarginei svetainės kopijai kurti. Visuomet laikykite visų savo serveryje esančių failų kopijas atskiroje vietoje ir reguliariai atnaujinkite, kad įsitikintumėte, jog visada turite naujausios versijos svetainės atsarginę kopiją.

Norėdami sukurti „Dreamweaver“ sukurtos svetainės atsarginę kopiją, turite nukopijuoti svetainės aplanką, kuriame saugote visus savo svetainės failus. Idealiu atveju turėtumėte nukopijuoti tą aplanką į išorinį standųjį diską arba įkelti į internetinę atsarginių kopijų kūrimo sistemą (kuri yra priglobta atskirai nuo jūsų žiniatinklio serverio).


Kaip SVG pritaikyti skaidrumą

Kaip SVG pritaikyti skaidrumą

Sužinokite, kaip „Illustrator“ pritaikyti skaidrumą SVG grafikai. Sužinokite, kaip išvesti SVG su skaidriu fonu ir pritaikyti skaidrumo efektus.

Darbas su vaizdais Adobe XD

Darbas su vaizdais Adobe XD

Importavę vaizdus į „Adobe XD“, neturėsite daug redagavimo valdymo galimybių, tačiau galite keisti vaizdų dydį ir pasukti juos taip, kaip darytumėte bet kurią kitą formą. Taip pat galite lengvai apvalinti importuoto vaizdo kampus naudodami kampinius valdiklius. Vaizdų užmaskavimas Nustatydami uždarą formą […]

Kaip koreguoti teksto ypatybes „Adobe XD“.

Kaip koreguoti teksto ypatybes „Adobe XD“.

Kai turite tekstą Adobe XD projekte, galite pradėti keisti teksto ypatybes. Šios ypatybės apima šriftų šeimą, šrifto dydį, šrifto svorį, lygiavimą, tarpą tarp simbolių (įbrėžimas ir sekimas), eilučių tarpus (pirmaujantis), užpildymą, kraštinę (brūkšnį), šešėlį (metamas šešėlis) ir fono suliejimą. Taigi pažiūrėkime, kaip šios savybės taikomos. Apie skaitomumą ir šriftą […]

Darbas su piešiniais Photoshop CC

Darbas su piešiniais Photoshop CC

Kaip ir „Adobe Illustrator“, „Photoshop“ piešinių lentos suteikia galimybę viename dokumente sukurti atskirus puslapius arba ekranus. Tai gali būti ypač naudinga, jei kuriate ekranus mobiliajai programai ar nedidelei brošiūrai. Galite galvoti apie piešinių lentą kaip apie specialų sluoksnių grupės tipą, sukurtą naudojant skydelį Sluoksniai. Jos […]

„InDesign“ formos ir daugiakampiai

„InDesign“ formos ir daugiakampiai

Daugelis įrankių, kuriuos rasite skydelyje „InDesign Tools“, naudojami linijoms ir formoms piešti puslapyje, todėl galite įvairiais būdais kurti įdomius savo leidinių brėžinius. „InDesign“ viduje galite kurti bet ką – nuo ​​pagrindinių formų iki sudėtingų brėžinių, o ne naudoti piešimo programą, pvz., […]

Apvyniokite tekstą „Adobe Illustrator CC“.

Apvyniokite tekstą „Adobe Illustrator CC“.

Teksto įvyniojimas naudojant Adobe Illustrator CC nėra tas pats, kas įvynioti dovaną – tai lengviau! Teksto apvyniojimas verčia tekstą apvynioti aplink grafiką, kaip parodyta šiame paveikslėlyje. Ši funkcija bet kuriam kūriniui gali suteikti šiek tiek kūrybiškumo. Grafika verčia tekstą apvynioti aplink jį. Pirmiausia sukurkite […]

Kaip pakeisti figūrų dydį „Illustrator“.

Kaip pakeisti figūrų dydį „Illustrator“.

Kuriant „Adobe Illustrator CC“ dažnai reikia tikslaus dydžio (pavyzdžiui, 2 x 3 colių) formos. Sukūrus formą, geriausias būdas pakeisti jos dydį iki tikslių išmatavimų yra naudoti transformavimo skydelį, parodytą šiame paveikslėlyje. Pasirinkite objektą ir pasirinkite Langas → Transformuoti į […]

Kaip sukurti QR kodus „InDesign CC“.

Kaip sukurti QR kodus „InDesign CC“.

Naudodami „InDesign“ galite kurti ir keisti QR kodo grafiką. QR kodai yra brūkšninio kodo forma, kurioje galima saugoti informaciją, pvz., žodžius, skaičius, URL adresus ar kitų formų duomenis. Naudotojas nuskaito QR kodą naudodamas savo fotoaparatą ir programinę įrangą įrenginyje, pavyzdžiui, išmaniajame telefone, o programinė įranga naudoja […]

Kaip padaryti, kad nauja nuotrauka atrodytų sena naudojant „Photoshop CS6“.

Kaip padaryti, kad nauja nuotrauka atrodytų sena naudojant „Photoshop CS6“.

Gali būti, kad jums prireiks naujos nuotraukos, kad atrodytumėte sena. „Photoshop CS6“ jums tinka. Nespalvota fotografija yra naujesnis reiškinys, nei galėtumėte pagalvoti. Dagerotipai ir kitos ankstyvosios nuotraukos dažnai turėjo rusvą ar melsvą atspalvį. Galite sukurti savo sepijos atspalvių šedevrus. Tonuotos nuotraukos gali sukurti […]

„Adobe CS5 Illustrator“ „Live Paint“ funkcija

„Adobe CS5 Illustrator“ „Live Paint“ funkcija

Naudodami „Adobe Creative Suite 5 (Adobe CS5) Illustrator“ funkciją „Live Paint“ galite sukurti norimą vaizdą ir užpildyti sritis spalvomis. „Live Paint“ kibiras automatiškai aptinka regionus, sudarytus iš nepriklausomų susikertančių takų, ir atitinkamai juos užpildo. Dažai tam tikrame regione išlieka gyvi ir teka automatiškai, jei tokių yra […]