Saturs

• Lai soli
• 1. metode no 2: 3 pamatnoteikumi
• 2. metode no 2: vadlīnijas
• Padomi
• Brīdinājumi

Lieliskas vietnes izveide var šķist biedējošs uzdevums, taču, kamēr jūs paturat prātā pamatus, process jums šķitīs interesants un jautrs. Tas attiecas ne tikai uz labu izskatu! Mēs parādīsim pamatus un dažas vispārīgas vadlīnijas, kas palīdzēs jums izveidot vietnes, kuras cilvēki apmeklēs atkal un atkal.

Lai soli

1. metode no 2: 3 pamatnoteikumi

1. 1. noteikums:Klausieties savu klientu. Iespējams, jūs izstrādājat "pasaules lielāko vietni jebkad Visuma vēsturē un ārpus tās" ar bagātīgiem melnajiem, izsmalcinātiem fontiem un spilgtām, mākslinieciskām krāsām vietnei, kas kliedz: "izpētiet mani tagad!" Diemžēl jūsu klients vēlējās oranžu izvēlnes joslu ar spilgti rozā un oranžiem burtiem. Jūs esat atlaists, un jūsu labākā vietne, kas jebkad ir bijusi klienta tiesības, atrodas kaut kur viņu dublējuma diskā, nevienam to vairs neredzot.
   • Izpētiet klienta korporatīvo identitāti. Lieciet klientam parādīt dažas viņu iecienītas vietnes. Tas ne tikai dos jums priekšstatu par to, kas viņiem patīk, bet arī dažas dizaina idejas, kuras jūs, iespējams, neiedomājāties.
   • Ja jūs domājāt, ka mēs jokojamies par oranžo un rozā vietni, apsveriet šo foršo un izsmalcināto vietni:
2. 2. noteikums:Ziniet savu auditoriju un to, ko viņi meklē, un atbilstoši pielāgojiet savu dizainu. Cilvēkiem ir tīmekļa vietnes tāpēc, ka viņi vēlas, lai citas personas tās redzētu. Tas var būt informatīvs, komerciāls vai izklaidēt noteiktu mērķauditoriju. Jūsu kā dizainera uzdevums ir zināt, kam jūs projektējat, un paturēt viņus lapā, kad viņi tur nokļūst.
   • Jūs varētu domāt: "Ja tas izskatās labi, viņi paliks." Bet tam nav obligāti jābūt tā. Piemēram, ņemiet nekustamo īpašumu. Šeit ir vietne ar tīru, jautru dizainu. Tajā ir daudz atstarpes, kas nodrošina atvērtu izskatu, spilgtas krāsas un modernu platekrāna formātu ar saitēm redzamā vietā:
   • Tagad apskatiet šo pieeju nekustamā īpašuma pārdošanai tajā pašā apgabalā: pārblīvēts un ļoti aizņemts, blāvas krāsas un ietverts reklāmā.
   • Uzminiet, kurš no tiem darbojas labāk tiem, kas meklē māju? Pareizi, tas, kur mājas! Kad cilvēki meklē “mājas pārdošanai Santa Monikā”, viņiem ir vienalga, kā šī vietne izskatās. Viņi nevēlas lasīt par nekustamā īpašuma aģentu vai redzēt skaistas pilsētas bildes. Viņi vēlas redzēt mājas.
3. 3. noteikums:Ieklausieties sevī. Jūs saprotat, ko klients vēlas, un zināt, ko meklē jūsu tirgus. Tagad beidzot ir pienācis laiks pievērst uzmanību jums, dizainerim!
   • Izveidojiet veidni izvēlētajā grafikas programmatūrā. Izveidojiet savas lapas elementus dažādos slāņos (lai vēlāk varētu pielāgot lietas, neiznīcinot visu veidni). Šie elementi var būt:
     • Galvene. Šis ir elements, kas ir vienāds katrā jūsu vietnes lapā. Galvene sastāv no vietnes nosaukuma un logotipa, kā arī saitēm uz citām vietnes daļām (piemēram, Par, Kontaktpersona utt.). Vizuāli un praktiski tas visu sasaistīs. Ir laba izvēlnes joslas pirmās pogas saistīšana ar sākumlapu.
     • Piemēram, apskatīsim Apple:
     • Tāpat kā lielākajai daļai Apple lietu, arī viņu mājas lapai ir ļoti tīrs, vienkāršs dizains. Ņemiet vērā augšpusē esošo izvēlņu joslu ar katras pogas loģiskām tēmām, kā arī meklēšanas lauku - vienmēr ir laba ideja, ja jūsu vietne to atbalsta. Tagad apskatīsim galvenās lapas vienu no pogām, iPad, lai redzētu dažus elementus:
     • Izvēlnes josla mainās, tikai aptumšojot iPad pogu.
     • Galvenās lapas tēma tiek parādīta ar lieliem, melniem burtiem.
     • Parādīsies jauna apakšizvēlne, lai jūs varētu uzzināt vairāk par produktu. Noklikšķinot uz vienas no šīm pogām, redzēsiet, ka katrā lapā atkarībā no tēmas tiek piedāvāts jauns saturs, taču izkārtojumā un noformējumā tā būs identiska.
     • Bieži vien katrai galvenajai tēmai jūsu izvēlnes joslā ir dažādas apakšvirsraksti, kurus varat aizpildīt. Tā vietā, lai izveidotu otro izvēlnes joslu, varat izmantot uznirstošās izvēlnes, piemēram, šo mūziķu drauga piemēru:
     • Sānjosla. Tas parādīsies daudzās jūsu vietnes lapās, bet ne vienmēr visās - nosaka konteksts. Tomēr tas ir ļoti svarīgs elements, un tas ir rūpīgi jāprojektē tā, lai tas būtu intuitīvs un nebūtu pārāk pārblīvēts. Atšķirībā no izvēlņu joslas, sānjoslas saturs var būt ļoti dinamisks. Pārbaudiet šīs divas nekustamā īpašuma tirgotāja Trulia sānjoslas. Pirmais ir paredzēts pircējiem:
       
       

2. metode no 2: vadlīnijas

1. Izstrādājiet labu lietotāja saskarni. Novietojiet dažādus vietnes elementus, piemēram, virsrakstu, sānjoslas, logotipus, attēlus un tekstu katrā vietā vienā un tajā pašā vietā, lai padarītu jūsu vietni ērti lietojamu un intuitīvu.
   • Katras lapas augšdaļā saglabājiet to pašu galveni. Neatkarīgi no tā, vai jūsu vietnes saturs ļauj daudz atkārtoties, pārliecinieties, vai katras lapas augšdaļa ir vienāda.
   • Izmantojiet loģiku savā dizainā. Vienas lapas elementiem jābūt loģiski sakārtotiem pēc svarīguma vai tēmas; vajadzētu būt arī dažādām vietnes lapām.
2. Izveidojiet konsekventu stilu. Vietām, kurās jūsu vietnei būtu jānodrošina strukturāla konsekvence, stilam jānodrošina tematiska harmonija.
   • Turieties pie divām vai trim galvenajām krāsām un pārliecinieties, ka tās labi sader.
   • Neizmantojiet pārāk daudz fontu stilu vai izmēru; ja vēlaties aizstāt dažus, izmantojiet tos tāpat kā katrā lapā.
   • Izmantojiet kaskādes stila lapas (CSS), lai saglabātu vienotu stilu un lai būtu vieglāk mainīt elementus visā vietnē, neapmeklējot katru lapu atsevišķi.
3. Palieliniet lasāmību. Lai tekstu būtu vieglāk lasīt, varat to sadalīt mazākās daļās.
   • Izmantojiet subtitrus un pareizu atstarpi, lai atdalītu katru daļu.
   • Izmantojiet treknus burtus vai dažādus izmērus, lai parādītu tēmu hierarhiju un nozīmi.
   • Pievērsiet uzmanību tam, kā jūs izturaties pret tekstu. Nepadariet fontu par mazu un palieliniet atstarpi starp rindām, lai padarītu lielus teksta gabalus vieglāk lasāmus. Lielus teksta plankumus ir grūtāk nolasīt; sadaliet to mazākās rindkopās.
4. Padariet savu vietni universāli lasāmu. Izmantojiet standarta HTML un izvairieties no tagiem, funkcijām un spraudņiem, kas ir pieejami tikai vienam pārlūkprogrammas zīmolam vai versijai.
   • Lai gan lielākā daļa mūsdienu pārlūkprogrammu un datoru var apstrādāt sarežģītus attēlus, viss samazināsies, ja samazināsiet un optimizēsit savus attēlus tīmeklim. Nosver kvalitātes un ātruma nozīmi.
5. Pārbaudiet savu vietni. Pārliecinies ka katra saite darbojas kā jūs varētu sagaidīt, un attēli parādās pareizi.
   • Varat organizēt lietotāju testēšanu, liekot jūsu mērķauditorijas locekļiem pārbaudīt jūsu dizaina skaidrību un ērtu lietošanu un sniegt atsauksmes par jūsu vietni.
6. Publicējiet savu vietni. Pērciet domēna vārdu, ja vēl neesat to izdarījis. Periodiski pārbaudiet, vai saites joprojām darbojas, un klausieties ieteikumus, ko apmeklētāji jums sūta pa e-pastu.

Padomi

• Kamēr jūs varat brīvi noformēt izkārtojumu, pamatojoties uz savu personīgo redzējumu vai lietām, kuras esat redzējis citās vietnēs, gatavu dizainu var būt vieglāk iegādāties.
• Nebumbojiet apmeklētāju ar jaukām, īpašām bildēm. Zibspuldzes animācija, spilgtas krāsas, rakstaini foni un mūzika, kas automātiski tiek atskaņota uz lapas ielādes, bija jautri eksperimenti 90. gados, taču tagad tie aizbaidīs lietotājus. Lai nodrošinātu maksimālu salasāmību, ievērojiet vienkāršu fonu, kas kontrastē ar teksta krāsu.
• Rindkopu atstarpes optimizēšanai vienmēr varat izmantot CSS.
• Apmeklētājiem ar dzirdes vai redzes traucējumiem varat subtitrēt videoklipus, transkribēt audio un pievienot pieejamības ziņojumu. Lai gan tabulas var būt efektīvs veids, kā kārtot informāciju, apmeklētāji ar redzes traucējumiem, izmantojot ekrāna lasītāja programmatūru, var nedzirdēt materiālu pareizajā secībā.
• Ļaujiet apmeklētājiem ietaupīt tinti: izmantojiet atsevišķu lapu lapu drukāšanai.
  • Iestatot drukas parametrus, izslēdziet fona attēlus.
  • Izmantojiet melnu tekstu uz balta fona.
  • Noņemiet izvēlnes joslu un nevajadzīgos attēlus.

Brīdinājumi

• Izvairieties no plaģiāta un ievērojiet visus autortiesību likumus. Neiekļaujiet nejaušus attēlus, kurus atrodat tiešsaistē, vai pat strukturālus elementus bez apstiprinājuma. Visam, ko izmantojat savā vietnē, jābūt gan likumīgam, gan ētiskam.