Sisu

• Astuda
• 1. meetod 2-st: 3 põhireeglit
• 2. meetod 2-st: suunised
• Näpunäited
• Hoiatused

Suurepärase veebisaidi kujundamine võib tunduda heidutav ülesanne, kuid seni, kuni peate põhitõdesid silmas pidades, on see protsess huvitav ja lõbus. See on midagi enamat kui lihtsalt hea välimus! Näitame teile põhitõdesid ja mõningaid üldisi juhiseid, mis aitavad teil kujundada veebisaite, mida inimesed ikka ja jälle külastavad.

Astuda

1. meetod 2-st: 3 põhireeglit

1. Reegel 1:Kuula oma klienti. Võib-olla kujundate saidile "uurige mind kohe!" Saidi jaoks maailma kõigi aegade suurimat veebisaiti kogu universumi ajaloos ja mujalgi, rikkalike mustade, rafineeritud fontide ja erksate kunstiliste värvidega. Kahjuks soovis teie klient oranži menüüriba, millel olid erkroosad ja oranžid tähed. Teid vallandati ja teie kõigi aegade parim veebisait - millele kliendil on õigused - asub kuskil nende varukettal, ilma et keegi seda enam näeks.
   • Uurige oma kliendi korporatiivset identiteeti. Las klient näitab teile mõnda veebisaiti, mida ta armastab. See mitte ainult ei anna teile aimu, mis neile meeldib, vaid annab teile ka paar disainiideed, mida te pole võinud mõelda.
   • Kui arvasite, et narrisime oranži ja roosa veebisaidi üle, kaaluge seda lahedat ja keerukat saiti:
2. Reegel nr 2:Teadke oma publikut ja seda, mida nad otsivad, ja kohandage vastavalt oma kujundust. Inimestel on veebisaidid seetõttu, et nad tahavad, et teised inimesed neid näeksid. See võib olla informatiivne, kaubanduslik või konkreetse sihtrühma meelelahutuseks. Teie ülesanne disainerina on teada, kellele te disainite, ja hoida neid lehel, kui nad sinna maanduvad.
   • Võite mõelda: "Kui see hea välja näeb, siis nad jäävad." Kuid see ei pea tingimata nii olema. Võtame näiteks kinnisvara. Siin on puhta ja lõbusa kujundusega sait. Sellel on palju tühimikku, mis annab avatud välimuse, erksad värvid ja kaasaegse laiekraanivormingu koos linkidega silmapaistvas kohas:
   • Vaadake nüüd seda lähenemist kinnisvara müümisele samas piirkonnas: segamini ja väga hõivatud, tuhmid värvid ja reklaam.
   • Kas arvate, milline neist sobib paremini kodu otsijatele? Eks see, kus majad! Kui inimesed otsivad sõna „Santa Monicas müügiks olevad kodud”, pole neil ükskõik, mis sait välja näeb. Nad ei taha lugeda kinnisvaramaaklerist ega näha ilusaid linnapilte. Nad tahavad maju näha.
3. Reegel # 3:Kuula ennast. Mõistate, mida klient soovib, ja teate, mida teie turg otsib. Nüüd on lõpuks aeg pöörata tähelepanu ka teile, disainerile!
   • Ehitage mall valitud graafikatarkvarasse. Tehke oma lehe elemendid erinevatele kihtidele (et saaksite asju hiljem muuta, kogu malli hävitamata). Need elemendid võivad olla:
     • Päis. See on element, mis on teie saidi igal lehel sama. Päis koosneb saidi pealkirjast ja logost ning linkidest veebisaidi teistele osadele (nt Teave, Kontakt jne). Visuaalselt ja praktiliselt seob see kõik omavahel. Hea tava on linkida menüüribal esimene nupp tagasi avalehele.
     • Vaatame näiteks Apple'i:
     • Nagu enamiku Apple'i kraami puhul, on ka nende koduleht väga puhta ja sirgjoonelise kujundusega. Pange tähele ülaosas olevat menüüriba, kus on iga nupu jaoks loogilised teemad, lisaks otsinguvälja - alati on hea mõte, kui teie sait seda toetab. Vaatame nüüd mõne elemendi, iPadi, sihtlehte, et näha mõningaid elemente:
     • Menüüriba muutub ainult iPadi nupu tumedamaks muutmisega.
     • Sihtlehe teema kuvatakse suurte mustade tähtedega.
     • Ilmub uus alammenüü, et saaksite toote kohta lisateavet. Kui klõpsate ühel neist nuppudest, näete, et iga leht pakub teemast sõltuvalt uut sisu, kuid on paigutuse ja kujunduse poolest identne.
     • Sageli on teie menüüribal igal peateemal erinevad täidetavad alapealkirjad. Teise menüüriba loomise asemel võite kasutada muusikute sõbra sarnaseid hüpikmenüüsid:
     • Külgriba. See ilmub teie saidi paljudel lehtedel, kuid mitte tingimata kõigil - määrab kontekst. Kuid see on väga oluline element ja see tuleb hoolikalt kujundada nii, et see oleks intuitiivne ega oleks liiga segane. Erinevalt menüüribast võib külgriba sisu olla väga dünaamiline. Vaadake neid kahte külgriba kinnisvaraturult Trulia. Esimene neist on ostjatele:
       
       

2. meetod 2-st: suunised

1. Kujundage hea kasutajaliides. Paigutage veebisaidi erinevad elemendid, nagu pealkiri, külgribad, logod, pildid ja tekst, igal lehel samasse kohta, et muuta teie sait navigeeritavaks ja intuitiivseks.
   • Hoidke sama päist iga lehe ülaosas. Kas teie saidi sisu võimaldab palju korduvaid elemente või mitte, veenduge, et iga lehe ülaosa oleks sama.
   • Kasutage oma kujunduses loogikat. Ühe lehe elemendid peaksid olema loogiliselt järjestatud tähtsuse või teema järgi; ka saidi erinevad lehed peaksid olema.
2. Looge ühtlane stiil. Kui paigutus peaks andma saidile struktuurse järjepidevuse, peaks stiil pakkuma temaatilist harmooniat.
   • Pange kinni kahest või kolmest põhivärvist ja veenduge, et need sobivad hästi kokku.
   • Vältige liiga paljude fondistiilide või -suuruste kasutamist; kui soovite neid vaheldumisi kasutada, kasutage neid igal lehel samamoodi.
   • Kasutage kaskaadstiililehti (CSS), et säilitada ühtne stiil ja hõlbustada elementide vahetamist kogu veebisaidil, ilma et peaksite igal lehel eraldi käima.
3. Maksimeerige loetavust. Oma teksti hõlpsama lugemise hõlbustamiseks võite selle jagada väiksemateks osadeks.
   • Iga osa eraldamiseks kasutage subtiitreid ja õiget tühikut.
   • Teemade hierarhia ja olulisuse näitamiseks kasutage rasvaseid tähti või erineva suurusega tähti.
   • Pöörake tähelepanu sellele, kuidas te teksti kohtlete. Ärge muutke fonti liiga väikeseks ja suurendage reavahet, et muuta suured tekstitükid hõlpsamini loetavaks. Suuri tekstilaike on raskemini loetav; jaotage see väiksemateks lõikudeks.
4. Muutke oma veebisait üldloetavaks. Kasutage standardset HTML-i ja vältige silte, funktsioone ja pistikprogramme, mis on saadaval ainult ühe brauseri brändi või versiooni jaoks.
   • Ehkki enamik tänapäevaseid brausereid ja arvuteid suudab keerukate piltidega hakkama saada, näib piltide kokkutõmbamisel ja veebi jaoks optimeerimisel kõik libedamana. Kaaluge kvaliteedi ja kiiruse olulisust.
5. Testige oma veebisaiti. Veendu, et iga link töötab nagu ootate, ja pildid ilmuvad õigesti.
   • Võiksite korraldada mõne kasutaja testimise, pannes oma sihtrühma liikmetele katsetama teie kujunduse selgust ja kasutusmugavust ning andma tagasisidet teie veebisaidi kohta.
6. Avaldage oma veebisait. Osta domeeninimi, kui te pole seda veel teinud. Kontrollige perioodiliselt, kas lingid ikka toimivad, ja kuulake soovitusi, mida külastajad teile saadavad.

Näpunäited

• Ehkki saate kujunduse kujundada oma isikliku visiooni või teistel saitidel nähtud asjade põhjal, võib valmis kujunduse ostmine olla lihtsam.
• Ärge pommitage külastajat spetsiaalsete piltidega. Flash-animatsioon, erksad värvid, mustriline taust ja lehe laadimisel automaatselt esitatav muusika olid 90ndatel lõbusad katsed, kuid nüüd peletavad need kasutajad eemale. Maksimaalse loetavuse tagamiseks järgige lihtsaid tausta, mis on teksti värviga kontrastne.
• Lõigude vahemiku optimeerimiseks võite alati kasutada CSS-i.
• Kuulmis- või nägemispuudega külastajate jaoks saate videote subtiitrid, heli transkribeerida ja hõlbustusteate lisada. Kuigi tabelid võivad olla tõhus viis teabe korraldamiseks, ei pruugi ekraanilugeja tarkvara kasutavad nägemispuudega külastajad materjali õiges järjekorras kuulda.
• Laske oma külastajatel tinti säästa: kasutage lehtede printimiseks eraldi stiililehte.
  • Prindiparameetrite määramisel lülitage taustapildid välja.
  • Kasutage valgel taustal musta teksti.
  • Eemaldage menüüriba ja mittevajalikud pildid.

Hoiatused

• Vältige plagiaati ja järgige kõiki autoriõiguse seadusi. Ärge lisage juhuslikke pilte, mille leiate veebis või isegi konstruktsioonielemente ilma heakskiiduta. Kõik, mida oma saidil kasutate, peab olema nii seaduslik kui ka eetiline.