Autorius:
John Pratt
Kūrybos Data:
10 Sausio Mėn 2021
Atnaujinimo Data:
10 Gegužė 2024
Turinys
Jei norite suprojektuoti ir sukurti svetainę, jums bus daug lengviau tai padaryti, jei pirmiausia ją suplanavote. Planavimo etapas leidžia kūrėjui ir klientui dirbti kartu, kol jie suranda jų poreikius atitinkantį formatą ir išdėstymą. Planavimo procesas daro įtaką svetainės stiliaus pasirinkimui ir yra neabejotinai pati svarbiausia interneto dizaino dalis (daugiausia įmonėms).
Žingsniai
1 iš 4 dalis: Struktūros kūrimas
Nustatykite svetainės funkcionalumą. Jei kuriate sau svetainę, tikriausiai jau žinote atsakymą į tai. Jei kuriate svetainę kitam asmeniui, įmonei ar organizacijai, turėsite išsiaiškinti, ko klientas tikisi iš svetainės ir jos funkcionalumo. Tai, ką jūs čia nuspręsite, paveiks galutinį produktą.
- Ar man reikia parduotuvės priekio? Ar man reikia vartotojo komentarų? Ar jie galės sukurti paskyras? Ar svetainė orientuota? Vaizdai? Visi šie ir kiti klausimai padės sužinoti apie svetainės dizainą ir struktūrą.
- Tai gali būti varginantis procesas, ypač didelėms įmonėms, kai projekte dalyvauja keli žmonės.
Sukurkite svetainės schemą. Tai atrodo kaip schema ir parodo, kaip vartotojai naršo iš vieno puslapio į kitą. Šiuo metu jums net nereikia puslapių, tiesiog bendras sąvokų srautas. Norėdami sukurti schemą, galite naudoti kompiuterinę programą arba galite piešti ją ranka ant popieriaus. Norėdami parodyti savo požiūrį į svetainės puslapių hierarchiją ir sujungiamumą, naudokite šią svetainės schemą.
Pabandykite naudoti korteles. Populiarus grupės naudojimo būdas yra naudoti kortų krūvą norint sužinoti kiekvieno žmogaus idealų požiūrį. Paimkite krūvą kortelių (tas, kurios skirtos buhalterijai) ir kiekvienoje kortelėje parašykite pagrindinį vieno puslapio turinį. Paprašykite savo komandos sutvarkyti korteles taip, kaip joms atrodo naudingiausia. Ši strategija puikiai tinka situacijose, kai bendradarbiaudami su kitais kuriate svetainę.
Naudokite popierių ir skelbimų lentą arba lentą. Tai yra originalus pigių planavimo metodas, leidžiantis ištrinti ar perkelti turinį ir greitai viską pertvarkyti. Pieškite piešinį ant gabalų ir popieriaus ir prijunkite linija arba nubrėžkite kontūrą ant baltos lentos. Puikiai tinka mintims rengti.
Naudokite turinio atsargas. Ši parinktis labiau nukreipta į perprojektavimą, o ne į naujas svetaines. Įdėkite kiekvieną turinį ar puslapius į skaičiuoklę. Atsižvelkite į vienas kito tikslą ir pasinaudokite šiuo sąrašu, kad nustatytumėte, kas eina ir kas lieka. Tai padės sumažinti perteklių ir supaprastins perdarymo procesą.
2 iš 4 dalis: HTML laido kūrimas
Sukurkite vielos rėmą, kuris padėtų įtvirtinti hierarchiją. HTML vielos rėmas yra jūsų būsimos svetainės skeletas, turiniui vaizduoti naudoja tik pačias pagrindines žymas ir blokus. Jis atsako į klausimą „Kas vyksta kiekviename ekrane ir kur?“ Vardiniame rėmelyje visiškai nepaisoma formato ir stiliaus.
- Vielinis rėmas leidžia pamatyti turinio struktūrą ir srautą prieš pasirenkant stilių.
- HTML vielos rėmeliai nėra tokie statiniai, kaip PDF rinkmenos ar vaizdai, ir leidžia greitai perkelti turinio blokus, kad būtų sukurta nauja struktūra.
- „Vielinis rėmas“ yra interaktyvus, o tai naudinga ir kūrėjui, ir klientui. Kadangi vielinis rėmas parašytas paprastu HTML, vis tiek galite naršyti po jį ir susidaryti idėją, kaip veikia judėjimas tarp puslapių. Tai yra kažkas, ko negalima išreikšti naudojant konceptualųjį PDF.
Išbandykite „Grey Box“ metodą. Sugrupuokite savo puslapio turinį pilkose dėžutėse, o svarbiausias turinys būtų viršuje. Blokai išdėstomi viename stulpelyje, o viršuje yra svarbiausia puslapio turinio dalis. Pvz., Jei puslapis yra bendrovės „Apie“ puslapis, išsami informacija gali patekti į viršų, po to pateikiamas komandos sąrašas, kontaktinė informacija ir kt.
- Tai neapima antraštės ir poraštės. Pilkos spalvos langeliai yra tiesiog turinio, kuris bus rastas puslapyje, vaizdinis vaizdas.
Išbandykite laidų rėmelių kūrimo programą. Yra keletas programų, kurios gali padėti jums sukurti rėmo procesą. Programavimo žinių kiekis skiriasi priklausomai nuo programos. Kai kurie iš populiariausių yra:
- „Pattern Lab“. Ši svetainė specializuojasi „atominiame dizaine“. Kiekvienas turinio gabalas yra suvokiamas kaip „molekulė“, sukurianti didelį puslapį.
- Greitosios diagramos. Tai yra interneto svetainių planavimo svetainė ir taip pat laidų formavimo paslauga. Tam reikalinga mokama prenumerata, tačiau tai leidžia greitai sukurti vielos rėmus, per daug nesijaudinant dėl kodo.
- Tvirtas. Tai dar viena „atominio projektavimo“ sistema. Kūrėjams įrankiai yra nemokami.
Sužinokite, kaip naudoti paprastą HTML žymėjimą. Gerą vielos rėmelį vėliau galima lengvai paversti tikra svetaine. Kurdami laidą, nesijaudinkite dėl stiliaus. Vietoj to naudokite žymą, kurią būtų galima lengvai suprasti ir keistis labai mažai pastangų.
- Mažiau yra daugiau su vieliniu rėmu. Tikslas yra tiesiog pastatyti struktūrą. Išvaizdą vėliau galima pakoreguoti naudojant CSS ir išplėstinius žymėjimus.
Kiekvienam savo svetainės puslapiui sukurkite rėmelį. Gali kilti pagunda tiesiog pasidaryti rėmelį ir pasakyti „šaunu, galiu pritaikyti jį visuose kituose puslapiuose ir viskas“. Tiesą sakant, tai sukurs bendrą ir nuobodžią svetainę. Skirkite laiko kiekvienam „rėmelio“ puslapiui ir netrukus pastebėsite, kad kiekvienas puslapis turi savo organizacinių poreikių.
3 iš 4 dalis: Turinio kūrimas
Prieš pradėdami kurti savo svetainę, turėkite tam tikrą turinį. Bus daug lengviau pamatyti, kaip atrodo svetainė, jei turite ne tik žymes, bet ir tikrą turinį. Jums nereikia daug turinio, tačiau maketuose jis atrodys daug geriau, jei turėsite keletą originalių teksto vaizdų.
- Jums nebūtinai reikalingas straipsnio turinys, tačiau turėtumėte bent jau antraštes.
Atminkite, kad geras turinys yra daugiau nei tekstas. Internetas yra daug daugiau nei paprastas tekstas tinklalapiuose. Norint išsiskirti savo nišoje, jums prireiks įvairių rūšių turinio, kad patrauktumėte dėmesį ir pritrauktumėte lankytojus. Keletas galimų turinių, kuriuos reikia atsiminti:
- Vaizdai.
- Garsas.
- Vaizdo įrašas.
- Srautai („Twitter“).
- Integracija su „Facebook“.
- RSS.
- Turinio kanalai.
Mokėkite profesionaliam fotografui. Jei į savo svetainę įtraukiate nuotraukų, pirminiai įspūdžiai bus daug geresni naudojant profesionalias nuotraukas. Viena gera nuotrauka yra daug geresnė nei dvidešimt blogų nuotraukų.
- Ieškokite naujausių fotografijos absolventų, norėdami rasti pigesnių sprendimų, palyginti su labiau patyrusiais profesionalais.
Rašykite kokybiškus straipsnius. Jūsų puslapyje parašytas turinys lems didžiąją dalį jūsų interneto srauto. Nors kuriant turinį kuriant šį procesą nereikia per daug jaudintis, tai nepakenčia apie tai galvoti, nes turinio jums prireiks reguliariai, kai svetainė taps internete.
- Be straipsnių turinio, yra ir rašytinių elementų, kurių jums prireiks kuriant svetainę. Tai yra kontaktinė informacija, įmonių pavadinimai ar visa kita, kas naudojama skirtingose svetainės vietose.
4 iš 4 dalis: Koncepcijos pavertimas svetaine
Stilizuokite globalius elementus. Tai yra dalykai, kurie matomi kiekviename jūsų svetainės puslapyje, pvz., Antraštė, poraštė ir naršymo meniu. Sukurkite labai paprastą stilių, kad galėtumėte pamatyti, kaip atrodys visi puslapiai. Tai bus labai naudinga, kai įvesite maketavimo procesą.
- Per daug nesijaudinkite dėl detalių, tačiau stenkitės kuo arčiau galutinės antraštės išvaizdos.
Sukurkite pagrindinį išdėstymą. Pradėkite judėti vielos rėmo objektus, paimdami juos iš stulpelio ir padėdami į reikiamą vietą. Pvz., Naršymo bloką galite perkelti į kairę puslapio pusę, o antraščių sąrašą - į dešinę.
- Prieš tęsdami, eksperimentuokite su dar keliais puslapiais. Leiskite kitiems išbandyti, ar juose naršymas yra natūralus.
Sukurkite maketą. Naudodami tokią programą kaip „Photoshop“ sukurkite kai kurių savo svetainės puslapių maketus. Naudokite išdėstymą, kurį apibrėžėte kaip vadovą. Vaizdų redagavimo programoje galite dirbti daug greičiau ir palikti viską, kaip norite. Tai leis jums naudoti vaizdus kaip nuorodą, kai ateis laikas koduoti.
- Į maketą įtraukite tikrąjį turinį, kad viskas būtų harmonijoje.
Pakeiskite blokus turiniu. Pradėkite pridėdami savo turinį ir elementus prie puslapio. Dar nesijaudinkite dėl stiliaus: tiesiog sudėkite viską į reikiamą vietą. Tai atlikę galėsite sužinoti, ar jūsų stiliaus pokyčiai veiks.
Sukurkite stiliaus vadovą. Tai yra būtina norint išlaikyti darnią svetainę, ypač didelėms svetainėms. Jei svetainė skirta įmonei, kuri jau turi vizualinį identitetą, ji turi būti įtraukta į svetainės dizainą. Dalykai, į kuriuos turėtų būti atsižvelgiama stiliaus vadove, yra šie:
Taikykite šį stilių. Kai jau nuspręsite dėl savo svetainės stiliaus ir dizaino, laikas pradėti jį įgyvendinti. CSS yra vienas iš paprasčiausių stilių pritaikymo būdų puslapyje.
