Turinys

• Žengti
• 1 metodas iš 2: 3 pagrindinės taisyklės
• 2 metodas iš 2: gairės
• Patarimai
• Įspėjimai

Kurti puikią svetainę gali atrodyti nelengva užduotis, tačiau tol, kol nepamiršite pagrindų, procesas bus įdomus ir įdomus. Tai ne tik gera išvaizda! Parodysime pagrindus ir keletą bendrų gairių, padėsiančių sukurti svetaines, kuriose žmonės lankysis vėl ir vėl.

Žengti

1 metodas iš 2: 3 pagrindinės taisyklės

1. 1 taisyklė:Klausykite savo kliento. Galbūt kuriate „didžiausią pasaulyje svetainę visatos istorijoje ir už jos ribų“, kurioje gausu juodaodžių, rafinuotų šriftų ir ryškių, meniškų spalvų svetainei, kuri šaukia „tyrinėk mane dabar!“ Deja, jūsų klientas norėjo oranžinės meniu juostos su ryškiai rausvomis ir oranžinėmis raidėmis. Jūs buvote atleistas, o geriausia jūsų svetainė, kurią klientas turi teises, yra kur nors atsarginės kopijos diske, niekam to daugiau nematant.
   • Išstudijuokite savo kliento firminį identitetą. Paprašykite kliento parodyti keletą mėgstamų svetainių. Tai suteiks ne tik idėją apie tai, kas jiems patinka, bet ir keletą dizaino idėjų, apie kurias galbūt negalvojote.
   • Jei manėte, kad juokaujame apie oranžinę ir rožinę svetainę, apsvarstykite šią šaunią, rafinuotą svetainę:
2. 2 taisyklė:Žinokite savo auditoriją ir tai, ko jie ieško, ir atitinkamai pritaikykite savo dizainą. Žmonės turi svetaines todėl, kad nori, kad kiti žmonės jas matytų. Tai gali būti informatyvus, komercinis arba skirtas konkrečiai tikslinei auditorijai. Jūsų, kaip dizainerio, darbas yra žinoti, kam kuriate, ir laikyti juos puslapyje, kai jie ten nusileis.
   • Galima pagalvoti: „Jei gerai atrodys, jie liks“. Bet taip nebūtinai turi būti. Paimkime, pavyzdžiui, nekilnojamąjį turtą. Čia yra švaraus, linksmo dizaino svetainė. Joje yra daug baltos erdvės, kuri suteikia atvirą išvaizdą, ryškias spalvas ir modernų plačiaekranį formatą su nuorodomis gerai matomoje vietoje:
   • Dabar pažvelkite į šį požiūrį į nekilnojamojo turto pardavimą toje pačioje vietovėje: griozdišką ir labai užimtą, nuobodžių spalvų ir padengtą reklama.
   • Spėkite, kuris iš jų tinka geriau ieškantiems namų? Teisingai, tas, kur namai! Kai žmonės ieško „parduodami namai Santa Monikoje“, jiems nerūpi, kaip atrodo svetainė. Jie nenori skaityti apie nekilnojamojo turto agentą ar pamatyti gražių miesto nuotraukų. Jie nori pamatyti namus.
3. 3 taisyklė:Klausyk savęs. Jūs suprantate, ko nori klientas, ir žinote, ko ieško jūsų rinka. Dabar pagaliau atėjo laikas atkreipti dėmesį į jus, dizainerę!
   • Sukurkite šabloną pasirinktoje grafikos programinėje įrangoje. Padarykite savo puslapio elementus skirtingais sluoksniais (kad vėliau galėtumėte patobulinti dalykus, nesunaikindami viso šablono). Šie elementai gali būti:
     • Antraštė. Tai yra tas pats elementas kiekviename jūsų svetainės puslapyje. Antraštę sudaro svetainės pavadinimas ir logotipas, taip pat nuorodos į kitas svetainės dalis (pvz., Apie, Kontaktai ir kt.). Vizualiai ir praktiškai tai visa tai susies. Gera praktika susieti pirmąjį meniu juostos mygtuką su pagrindiniu puslapiu.
     • Pavyzdžiui, pažvelkime į „Apple“:
     • Kaip ir daugumos „Apple“ daiktų atveju, jų pagrindinis puslapis yra labai švarus, nesudėtingas. Atkreipkite dėmesį į viršuje esančią meniu juostą su logiškomis kiekvieno mygtuko temomis ir paieškos lauku - visada gera idėja, jei jūsų svetainė ją palaiko. Dabar pažvelkime į vieno iš mygtukų, „iPad“, nukreipimo puslapį, kad pamatytumėte keletą elementų:
     • Meniu juosta keičiasi tik tamsinant „iPad“ mygtuką.
     • Nukreipimo puslapio tema rodoma didelėmis juodomis raidėmis.
     • Atsiras naujas submeniu, kad galėtumėte daugiau sužinoti apie produktą. Spustelėję vieną iš šių mygtukų, pamatysite, kad kiekviename puslapyje siūlomas naujas turinys, atsižvelgiant į temą, tačiau jis bus identiškas išdėstymu ir dizainu.
     • Dažnai kiekviena pagrindinė tema meniu juostoje turi skirtingas paantraštes, kurias galite užpildyti. Užuot sukūrę antrą meniu juostą, galite naudoti iššokančiuosius meniu, tokius kaip šis „Musicians Friend“ pavyzdys:
     • Šoninė juosta. Tai bus rodoma daugelyje jūsų svetainės puslapių, bet nebūtinai visuose - lemia kontekstas. Tačiau tai yra labai svarbus elementas ir turi būti kruopščiai suprojektuotas taip, kad būtų intuityvus ir nebūtų per daug griozdiškas. Skirtingai nuo meniu juostos, šoninės juostos turinys gali būti labai dinamiškas. Peržiūrėkite šias dvi nekilnojamojo turto pardavėjos „Trulia“ šonines juostas. Pirmasis skirtas pirkėjams:
       
       

2 metodas iš 2: gairės

1. Sukurkite gerą vartotojo sąsają. Įdėkite įvairius svetainės elementus, pvz., Pavadinimą, šonines juostas, logotipus, vaizdus ir tekstą, toje pačioje vietoje kiekviename puslapyje, kad jūsų svetainė būtų patogi ir intuityvi.
   • Kiekvieno puslapio viršuje laikykite tą pačią antraštę. Nesvarbu, ar jūsų svetainės turinys leidžia daugybę pasikartojančių elementų, įsitikinkite, kad kiekvieno puslapio viršuje yra tas pats.
   • Savo dizaine naudokite logiką. Vieno puslapio elementai turėtų būti logiškai išdėstyti pagal svarbą ar temas; turėtų būti ir skirtingi svetainės puslapiai.
2. Sukurkite pastovų stilių. Kai išdėstymas turėtų suteikti jūsų svetainei struktūros nuoseklumą, stilius turėtų suteikti teminę harmoniją.
   • Laikykitės dviejų ar trijų pagrindinių spalvų ir įsitikinkite, kad jos gerai dera.
   • Venkite naudoti per daug šriftų stilių ar dydžių; jei norite pakeisti kelis, naudokite juos vienodai kiekviename puslapyje.
   • Norėdami išlaikyti vienodą stilių ir palengvinti elementų pakeitimą visoje svetainėje, nereikia eiti į kiekvieną puslapį atskirai, naudokite „Kaskadinio stiliaus lapus“ (CSS).
3. Padidinkite įskaitomumą. Kad tekstą būtų lengviau skaityti, galite jį padalyti į mažesnes dalis.
   • Norėdami atskirti visas dalis, naudokite subtitrus ir tinkamą tarpą.
   • Norėdami parodyti temų hierarchiją ir svarbą, naudokite paryškintas raides arba skirtingus dydžius.
   • Atkreipkite dėmesį į tai, kaip elgiatės su tekstu. Nedarykite šrifto per mažo ir padidinkite tarpų tarp eilučių, kad būtų lengviau perskaityti didelius teksto gabalus. Didelius teksto pleistrus sunkiau įskaityti; suskaidykite jį į mažesnes pastraipas.
4. Padarykite savo svetainę visuotinai įskaitomą. Naudokite standartinį HTML ir venkite žymų, funkcijų ir papildinių, kurie galimi tik vienam prekės ženklui ar naršyklės versijai.
   • Nors dauguma šiuolaikinių naršyklių ir kompiuterių gali valdyti sudėtingus vaizdus, ​​viskas sutrumpės, jei sumažinsite ir optimizuosite savo vaizdus žiniatinkliui. Pasverkite kokybės ir greičio svarbą.
5. Išbandykite savo svetainę. Įsitikinti, kad kiekviena nuoroda veikia kaip tikėjotės, o vaizdai rodomi teisingai.
   • Galbūt norėsite suorganizuoti naudotojų testavimą, kad jūsų tikslinės auditorijos nariai išbandytų jūsų dizaino aiškumą ir paprastumą bei pateiktų atsiliepimus apie jūsų svetainę.
6. Paskelbkite savo svetainę. Pirkite domeno vardą, jei to dar nepadarėte. Periodiškai patikrinkite, ar nuorodos vis dar veikia, ir klausykite pasiūlymų, kuriuos lankytojai jums siunčia el. Paštu.

Patarimai

• Nors jūs galite laisvai kurti maketą pagal savo asmeninę viziją ar dalykus, kuriuos matėte kitose svetainėse, gali būti lengviau nusipirkti paruoštą dizainą.
• Nebombarduokite lankytojo mielais, ypatingais paveikslėliais. „Flash“ animacija, ryškios spalvos, raštuotas fonas ir muzika, kuri automatiškai leidžiama įkeliant puslapį, buvo įdomūs eksperimentai 90-aisiais, tačiau dabar jie atbaidys vartotojus. Laikykitės paprastų fonų, kurie skiriasi nuo teksto spalvos, kad būtų kuo geriau įskaitomi.
• Norėdami optimizuoti pastraipų tarpus, visada galite naudoti CSS.
• Lankytojams, turintiems klausos ar regos negalią, galite subtitruoti vaizdo įrašus, perrašyti garsą ir pridėti pritaikymo neįgaliesiems pranešimą. Nors lentelės gali būti efektyvus informacijos tvarkymo būdas, silpnaregiai lankytojai, naudodamiesi ekrano skaitytuvo programine įranga, gali negirdėti medžiagos tinkama tvarka.
• Leiskite lankytojams taupyti rašalą: spausdindami puslapius naudokite atskirą stiliaus lapą.
  • Nustatydami spausdinimo parametrus, išjunkite fono vaizdus.
  • Naudokite juodą tekstą baltame fone.
  • Pašalinkite meniu juostą ir nereikalingus vaizdus.

Įspėjimai

• Venkite plagijavimo ir laikykitės visų autorių teisių įstatymų. Neįtraukite atsitiktinių vaizdų, kuriuos rasite internete, ar net struktūrinių elementų be patvirtinimo. Viskas, ką naudojate savo svetainėje, turi būti teisėta ir etika.