PHP Centeri avaleht Skriptikogu Küsimuste-vastuste leht Teadete vaatamine ja saatmine Foorum - koht küsimiseks Otsingumootor Siit saad infot meie kohta

Kasutajanimi:  
  Parool: 
  Registreeri!   Unustasid salasõna?

Foorumid Veeb Värsked lehed Parimad valikud uue lehe tegemisel
Autor Abi Postitus Abi

muidumeez
Ignorantia non est
argumentum


Postitusi: 3844
Tase: Administraator
Olek: Offline

Hinnang: Administratiivhinnang: 10/10Administratiivhinnang: 10/10Administratiivhinnang: 10/10Administratiivhinnang: 10/10Administratiivhinnang: 10/10Administratiivhinnang: 10/10Administratiivhinnang: 10/10Administratiivhinnang: 10/10Administratiivhinnang: 10/10Administratiivhinnang: 10/10
Parimad valikud uue lehe tegemisel

Arutelu: Millised oleksid parimad lahendused uue lehe tegemisel? Võiks arutada järgmistel teemadel
1. Lehe paigutus brauseri aknas, parim resolutsioon, miinimum resolutsioon, absoluutne (pikslites) või relatiivne (protsentides) tabeli laiuse määramine
2. Fondid - millised oleksid parimad fondivalikud
3. Värvid - millised värvid, värvikombinatsioonid, üleminekud oleksid mõistlikud
4. Graafika - milliseid graafilisi elemente on mõtekas ja milliseid mitte kasutada.
Jne.
Ettepanekud nimekirja täiendamiseks saata teatega, ootan elavat arutelu.

___________________________________________________
An Opinion Is Like An Asshole -- Everybody Has One

23.07.2003 10:04:03 Vajutades siia näed kasutaja muidumeez profiili

ramses

Postitusi: 301
Tase: 6
Olek: Offline

Hinnang: Administratiivhinnang: 6/10Administratiivhinnang: 6/10Administratiivhinnang: 6/10Administratiivhinnang: 6/10Administratiivhinnang: 6/10Administratiivhinnang: 6/10
RE: Parimad valikud uue lehe tegemisel

* natuke vihjeid
* paigutusest
* Graafika progedest (free) lisa
* nuppudest
* uue lehe tutvustamisest
* disainist ja kujundusest

Eeee php centeris polegi eriti asjakohast materjali, võtan hiljem mõne teise koha kah ette

Seda postitust on muudetud 3 korda (viimati muudeti 2003-07-23 10:43:51 ramses poolt)

___________________________________________________
uka-tsaka-uka-uka

23.07.2003 10:20:07 Vajutades siia näed kasutaja ramses profiili

erkkis
erkkis


Postitusi: 1358
Tase: Administraator
Olek: Offline

Hinnang: Administratiivhinnang: 10/10Administratiivhinnang: 10/10Administratiivhinnang: 10/10Administratiivhinnang: 10/10Administratiivhinnang: 10/10Administratiivhinnang: 10/10Administratiivhinnang: 10/10Administratiivhinnang: 10/10Administratiivhinnang: 10/10Administratiivhinnang: 10/10
Minu eelistused

Kirjutan oma eelistustest. Kas need just soovitused on, seda ei oska öelda, igaüks peab ise teadma, mida tahab. Aga sellised minu eelistused tavaliselt on. Rõhutan, et just tavaliselt, mitte alati, sest kõik oleneb konkreetsest lehest, selle seotus tegevusest, toodetest, isikust või ettevõttest. Vastavalt nendele elementidele võib ka minu eelistustes tulla ette teatud käänukohti, s.t lehti, kus olen ka teisiti teinud, kui siin eelistustes kirjas.

1.1. Lehe paigutus browseri aknas. Eelistan akna keskele paigutatud lehti, sest inimesel on suurema resolutsiooni puhul üldiselt mugavam vaadata ekraani keskele, sest tavaliselt on tema silmad ju ekraani keskele suunatud, kui ta istub asendis, et ekraan on temale otse ees. Erandiks võib tuua lehed, mis võivad olla paigutatud vasakusse äärde, kui nii LEFT kui TOP parameetrid on 0 px, s.t mõlemast äärest vastu äärt, kuid sellisel juhul peaks olema ka lehe kujundus vastav.

1.2. Parim resolutsioon. Parimat resolutsiooni pole olemas, on olemas minimaalne, maksimaalne, ekraan-optimaalne ja kasutaja-eelistuslik resolutsioon. Viimased kaks jäävad loomulikult esimese kahe vahele. Ekraan-optimaalset resolutsioon on määratud vedelkristallkuvaritele, kuna nende "pikslikeste" arv on kindel ja neid ei saa suurendada-vähendada. Seetõttu, vastavalt matemaatikareeglitele, on pilt muudel resolutsioonidel LCD puhul kas moonutatud või vähendatud paari piksli võrra. Üldiselt on LCD-ekraanidel soovitatavad resolutsioonid kas 1024x768 või suurematel (17"+) ka 1280x1024 px. CRT monitoridel on enim-levinud resolutsioon 1024x768, vanemad kasutajad on jäänud endiselt 800x600 juurde (vahel piirab seda ka kas vana graafikakaart või liiga väike monitor (<=14"). Uuemad kasutajad, kellele on ka suuremad monitorid (17" või rohkem) eelistavad kõige rohkem resolutsioone 1280x1024 ja 1600x1200, samas ka veel palju 1024x768. Kuid milles ikkagi seisneb suurema resolutsiooni headus? Ikka selles, et ekraanile mahuks korraga võimalikult palju infot. Mul endal on 17" monitor ja resoks 1280x1024 - kui graafikakaart võimaldaks, paneksin 1600x1200, sest silmanägemisega on veel korras ja ma arvan, et kõik pole veel liiga pisike (kuigi paljud väiksemate resolutsioonide kasutajad on imestanud, et kuidas ma nii pisikest teksti lugeda näen, minu arvates on siiski suht suur veel ka 10px tekst). OK, aitab tehnilisest küljest.

Veebilehe tegemisel tuleks lähtuda minu eelmisest lõigust, mida keegi kasutab ja miks keegi just seda kasutab. Põhjuseid on mitmeid:
1. võimalus: kasutajale meeldib kasutada seda resolutsiooni, ta on teisi ka proovinud, kuid on enda arvamuse juurde jäänud
2. võimalus: kasutajale meeldib resolutsioon, kuid ta pole teisi proovinudki, sest ta on endas kindel, et tema resolutsioon on parim (kuigi äkki oleks mõttekam 640x480 pealt suurema peale minna? )
3. võimalus: kasutajal on suva, mis resolutsioon tal on. Ta ei pruugi teadagi, mis asi see resolutsioon on. Ta kasutab seda, mis on ja on sellega rahul või mitte, aga ta seda kasutab.

Päris palju on 3. variandi kasutajaid kindlasti. Ja need ongi veebilehe tegemisel probleemitekitajad. Just need, kes on liiga väikse resolutsiooniga. Kuid mõelda tuleb natuke kõigile peale, v.a alla 800x600.

Jõuan selle teemaga nüüd ka pointini, ehk siis see, mis minu arvamus on ja miks. Lehe kõrgus pole antud juhul oluline. Laius on tähtsam.
1. variant: lehekülje laius teha selline, mis on ligilähedane 800-le. Igaks juhuks võib ju määrata vasaku ja parema ääre (MARGIN) 0px peale, kuid tuleb arvestada igasugu asjadega (scrollbar peab ju ka ära mahtuma 800px sisse jne). Niisiis minu arvates võiks jääda leht 770-780px kanti, või ka 790px laiusega, kui alumist kerimisriba ei teki. Alumist kerimisriba tuleks kasutada vaid hädajuhul.
2. variant: lehe laius on määratud protsentuaalselt, mis on vägagi teretulnud nähtus, juhul kui 770-790px laiuse juures jääb siiski kõik normaalselt nähtavaks - kui on aken laiemaks venitatud või on suurem resolutsioon, siis suurendatakse ainult teatud osa (tavaliselt sisuosa) vastavalt aknale, menüü laius kindlasti ei tohiks muutuda. Lehe üldise tabeli laiuseks peaks olema ehk ca 90%.

Millega ma põhjendaks seda, et tavaliselt pole mõtet teha lehte laiusega 1000 px või rohkem:
  • Lehele pole vaja korraga anda nii palju infot, et see vajaks 1000px laiust lehte
  • Kui on liiga palju infot, siis ei suuda silm seda kõike haarata
  • Eelmisest punktist tulenevalt ei viitsi ta seda lehte vaadata, sest võib tekkida süvenemisega probleeme, kui tekst on liiga lai

    Äkki suudate leida ka seose minu põhjenduse ja selle vahel, miks ajalehtedes-ajakirjades pole tavaliselt teksti kogu lehe ulatuses, vaid on jaotatud veergudeks - et ikka oleks lihtsam lugeda!

    Lehe laiust üle 790px võiks kasutada vaid eriotstarbeliste veebide puhul - näiteks mingid olulist infot kajastavad tabelid, pildid, statistika, andmekogu jne. Aga lihtsat veebilehte pole mõtet küll ülearu laiaks venitada!

    Seda, kas eelistada tuleks absoluutset või relatiivset laiust, ei saa küll nii otsustada. Rohkem kasutatakse ikka absoluutset (pikslites), sest seda on lihtsam teha. Aga kumba kasutada - see oleneb minu arvates veebilehest. Siiski lihtsad, tavalised firmaveebid jms võivad olla absoluutse laiusega.

    2. Fondid. Millised on fondid, mida võiks veebis kasutada? Kõige enam kasutatakse Verdana fonti. Järgmiseks võiks ehk tulla Tahoma, Arial jt. Kindlasti mitte kasutada Times New Romanit jt omasuguseid - tänapäeva mood seda lihtsalt ei luba, see on kole!

    Fontide suurus võiks olla selline, et seda normaalselt lugeda saaks. Üldiselt 11-12px kõrgusega on täiesti normaalsed. Vahel võib lubada ka 10px kasutamist, kui see vaid teatud kohtades on ja kui see sobib sinna. Igasugused pealkirjad jms 14-16px fondid.

    3. Värvid.Fontide värv peab kokku sobima taustavärviga. Kuna tänapäeval on rohkem levinud heledad taustad (valged, heledad hallid ja heledad värvilised toonid), siis peaks font olemas kas must, hallikas (tumedamat sorti) või mingi muu värv, kuid siiski tumedapoolne.

    Üldiselt taustaks eelistakski mingit heledat või poolheledat tooni. Valge jätab ilusa ja soliidse mulje, samuti ka helehallid toonid. Juhul, kui sisuosa teksti taust on erinev üldisest taustavärvist (nagu siin PHP Centeriski), võib kasutada ka tumedamaid toone. Üldiselt siiski liiga tumedaid ei soovitaks, sest need mõjuvad silmadele minu arvates halvasti.

    4. Graafika. Graafilised elemendid määrab disaineri silm. Ise ma disainiga ei tegele, kuid midagi ikkagi ju tean... Raske anda konkreetseid soovitusi. Peaasi, et kõik pärast lõpuks kokku sobib ilusti, muu pole oluline. Kindlasti mitte kasutada mõttetuid liikuvaid gif-pilte ja üleüldse kõik ebavajalik välja jätta. Ainult korralikud kujundusele vürtsi lisavad elemendid alles jätta.

    OK, sellised olid minu arvamused. Ja sooviks teiste omi ka kuulda, kaasa arvatud teema alustaja oma. Huh, päris pikk tekst sai, kuigi ei planeerinud nii.

    ___________________________________________________
    MSN EMAIL

  • 23.07.2003 17:28:57 Vajutades siia näed kasutaja erkkis profiili

    siku
    tavaline rott


    Postitusi: 614
    Tase: 7
    Olek: Offline

    Hinnang: Administratiivhinnang: 8/10Administratiivhinnang: 8/10Administratiivhinnang: 8/10Administratiivhinnang: 8/10Administratiivhinnang: 8/10Administratiivhinnang: 8/10Administratiivhinnang: 8/10Administratiivhinnang: 8/10
    RE: Parimad valikud uue lehe tegemisel

    Mnjah, tooksin siis ära ka enda eelistused uue lehe kujundamisel.

    1. Paigutus. Leht peaks olema paigutatud ekraani keskele, see loob ka n.ö ühtluse ja ei teki ka mõttetuid tühju alasid, kui lehte vaadata mõne suurem resolutsiooniga.
    Lisaks näeb ka lihtsalt ilusam välja, kui ta on osatud kujundada ja panna ekraani keskele.
    Aga võib olla ka vasakus ääres, sel juhul peab olema lahendatud probleem suure tühjusega, mis tekib siis, kui lehte vaadata suuremas resolutsioonis kui 800x600.
    2. Parim resolutsioon. Parimaks resolutsiooniks on ja jääb veel veel lähima paari aasta jooksul kindlasti 800x600. Kuna väga palju kasutatakse veel selliseid monitore ja graafikakaarte, mis resolutsioone üle selle ei võimalda või siis on suure resolutsiooni juures frama rate madal. Lisaks põhjustab ka liiga lai leht kasutaja silmis väikest segadust, info on liiga hajutatud. Lisaks ka liiga lai leht väsitab inimest. Mõelge ise, kui tulete õhtul töölt, olete väsinud ja tahate lugeda näiteks SL Õhtulehte, ega ikka ei viitsi küll enam neid pikki ridu seal unise peaga veerida.
    3.Fondid.. Minu meelest sobivad kodulehel kasutamiseks kõik standardsed fondid, seda juhul, kui see on disaineri poolt sinna nii paika pandud ja sobib sinna. Kuid siiski eelistan selliseid fonte nagu Verdana, Arial, Tahoma, Geneva . Times New Roman, nagu erkkiski mainis, on kole ja lisaks ka vananenud.
    4.Värvid. Värvid peaksid olema kooskõlas teatud reeglitega värvide maailmas, teadupärast sobivad omavahel kokku just vastandvärvid(must ja valge, kollane ja sinine jms).
    Seega peaksid teksti ja tausta värv olema vastandvärvid, kuna nii eristab silm neid muust kõige paremini. Lisaks ei tohiks olla kasutatud liiga eredaid toone üksikutes kohtades. Lehe disaini sobib ere toon siis, kui selle sama tooniga on loodud vähemalt 60-75% lehe üldvärvist(www.rademar.ee).
    5. Graafika. Lehe graafiline pool peaks olema võimalikult kooskõlas lehe üldise värvilahendusega. Taustapilt ei tohiks sisaldada keerulisi mustreid ega ka pilte. Kui taustaks on pilt, siis peaks ta olema võimalikult hele, et mitte silmi segadusse ajada teksti lugemisel.
    Lisaks peaksid olema lingid võimalikult palju tekstilisel kujul, kui lingi tekstil pole kasutatud mingid effekti. Lehe linkide loomisel ja kujundamisel tuleks võimalikult palju kasutada CSS-i, ei ole minu meelest mõtet salvestada tavalisi tekstilisi linke graafilistena. Lisaks peaks graafilise lingi tekst olema võimalikult selga ja puhas. Ja siinkohal märgikski ära, et 99% lehtedest, millel on tavalised valged lingid graafilistena, on udused ja karvased. Seda ei tohiks mingil juhul olla. Tooksin ka näite karvastest linkidest: http://www.abc5.net . Karvased lingid on ja jäävad tänapäeva veebidisaini probleemiks.
    Bannerid peaksid olema ka kooskõlas veebilehe üldise kujundusega, just nende paigutus ja neile loodud alad. Ei tohiks loopida neid sinna kuhu juhtub.

    ___________________________________________________
    aga see oli kõigest minu arvamus...

    20.11.2003 08:58:47 Vajutades siia näed kasutaja siku profiili

    reno
    Mina siin


    Postitusi: 265
    Tase: 6
    Olek: Offline

    Hinnang: Administratiivhinnang: 6/10Administratiivhinnang: 6/10Administratiivhinnang: 6/10Administratiivhinnang: 6/10Administratiivhinnang: 6/10Administratiivhinnang: 6/10
    RE: Parimad valikud uue lehe tegemisel

    Mina nõustun kõigega mis 2 eelnenut väitsid. Kuid mulle meeldivad ka väikesed lehed. Näiteks mõni eraisiku web mis sisaldab väga vähest infot (tavaliselt siis minust, kontakt, ja veel mõned ajad) näeb sellisel juhul väikse kujundusega väga soliidne välja. Kuid suuremale infole jah sellised lehed ei sobiks. Siiski oleneb kujundus ja kõik lehe infost niiet midagi kindlat öelda ei saa. Päris tihti esineb kõikumisi minu arvamustes.  

    ___________________________________________________
    Tihti unustame asju, mida pole teadnudki!
    E-mail & MSN


    20.11.2003 23:28:06 Vajutades siia näed kasutaja reno profiili

    andrec


    Postitusi: 409
    Tase: 6
    Olek: Offline

    Hinnang: Administratiivhinnang: 10/10Administratiivhinnang: 10/10Administratiivhinnang: 10/10Administratiivhinnang: 10/10Administratiivhinnang: 10/10Administratiivhinnang: 10/10Administratiivhinnang: 10/10Administratiivhinnang: 10/10Administratiivhinnang: 10/10Administratiivhinnang: 10/10
    RE: Parimad valikud uue lehe tegemisel

    Tooks fontidega ühe probleemi.
    Osadel lehtedel on tekst et kui sa tahad seda lehte paremini näha siis vajuta siia ja tõmba endale see font!
    Minu arust pole mõtet fondiga küll nüüd liialdada. Kasutage elementaarseid fonte mis kõikides arvutites peaksid olemas olema.

    ___________________________________________________
    Üks loll jõuab rohkem küsida kui sada tarka vastata!


    14.04.2004 16:45:40 Vajutades siia näed kasutaja andrec profiili

    eero


    Postitusi: 890
    Tase: 8
    Olek: Offline

    Hinnang: Administratiivhinnang: 9/10Administratiivhinnang: 9/10Administratiivhinnang: 9/10Administratiivhinnang: 9/10Administratiivhinnang: 9/10Administratiivhinnang: 9/10Administratiivhinnang: 9/10Administratiivhinnang: 9/10Administratiivhinnang: 9/10
    RE: Parimad valikud uue lehe tegemisel

    Tsiteeritud tekst:
    Tooks fontidega ühe probleemi.
    Osadel lehtedel on tekst et kui sa tahad seda lehte paremini näha siis vajuta siia ja tõmba endale see font!
    Minu arust pole mõtet fondiga küll nüüd liialdada. Kasutage elementaarseid fonte mis kõikides arvutites peaksid olemas olema.
    Ma usun et erkkis ja siku ütlesid seda juba... Ja sul, andrec, soovitaksin ma nende näpunäited mitukümmend korda läbi lugeda ja midagi ka kõrva taha panna...


    ___________________________________________________
    This foreign policy stuff is a little frustrating! - George W. Bush

    18.04.2004 12:19:40 Vajutades siia näed kasutaja eero profiili

    lembit13

    Postitusi: 4
    Tase: 1
    Olek: Offline

    Hinnang: Administratiivhinnang: 5/10Administratiivhinnang: 5/10Administratiivhinnang: 5/10Administratiivhinnang: 5/10Administratiivhinnang: 5/10
    pilgutus RE: Parimad valikud uue lehe tegemisel

    Kui lehe vaatajaid on palju, siis on ka maitseid rohkem kui üks!  Tasub siis eeskujuks võtta phpBB2 -es
    olevat võimalust, et kasutaja saab mitme stiili või kujunduse vahel valida.
    Harjutamise mõttes on üks  phpBB2   üles pandud aadressile  http://asjalikud.pri.ee/asjalikud  seal saab iga
    sisseloginud kasutaja valida 10 kujunduse vahel. Kui huvitab kirjutage oma arvamus samasse juurde.
    Vabandust, et ma  ei saanud aru, kuidas siin foorumis linke vormistatakse nii, et töötab.

    17.05.2006 16:24:46 Vajutades siia näed kasutaja lembit13 profiili

    cine22

    Postitusi: 1
    Tase: 1
    Olek: Offline

    Hinnang: Administratiivhinnang: 5/10Administratiivhinnang: 5/10Administratiivhinnang: 5/10Administratiivhinnang: 5/10Administratiivhinnang: 5/10
    RE: Parimad valikud uue lehe tegemisel

    Tere sõbrad, ma olen Cine ja ma olen lugenud saidile väga sügav ja tahaksin hindan teid selle särava pingutust. Sul on ette mingi asi nii palju erinev, et ma ei saa sõna aitäh.

    ___________________________________________________
    Cine22


    15.07.2010 07:44:33 Vajutades siia näed kasutaja cine22 profiili

    muidumeez
    Ignorantia non est
    argumentum


    Postitusi: 3844
    Tase: Administraator
    Olek: Offline

    Hinnang: Administratiivhinnang: 10/10Administratiivhinnang: 10/10Administratiivhinnang: 10/10Administratiivhinnang: 10/10Administratiivhinnang: 10/10Administratiivhinnang: 10/10Administratiivhinnang: 10/10Administratiivhinnang: 10/10Administratiivhinnang: 10/10Administratiivhinnang: 10/10
    RE: Parimad valikud uue lehe tegemisel

    Tsiteeritud tekst:
    Tere sõbrad, ma olen Cine ja ma olen lugenud saidile väga sügav ja tahaksin hindan teid selle särava pingutust. Sul on ette mingi asi nii palju erinev, et ma ei saa sõna aitäh.

    Google translaator on ikka imeline vidin

    ___________________________________________________
    An Opinion Is Like An Asshole -- Everybody Has One

    16.07.2010 20:33:04 Vajutades siia näed kasutaja muidumeez profiili
    Kokku: 18069 registreerunud kasutajat, 9514 teemat, 54160 postitust.
    Täna on esmaspäev, 6. september 2010. Kell on 00:19.

        Vaata selle lehe printerisõbralikku versiooni

    Avaleht   -    Skriptikogu   -    Teated   -    Foorum   -    Reklaam   -    Tagasiside   -    Kasutamise reeglid

    © Copyright 2002-2010 PHP Center. Kõik õigused reserveeritud.