Transcript Internetinės svetainės dizainas
Internetinės svetainės dizainas
Darbą atliko: Reda Venclovaitė
Klasikinis dizainas
Modernus dizainas
Minimalistinis dizainas
Flash dizainas http://www.gyvasalus.lt/
3D dizainas http://www.arkada.lt/index.php/buildings/title/?project_id=3&title=true
Internetinės svetainės dizaino elementai • • • • • • Tuščia erdvė; Tinklapio spalva; Šriftų tipai; Tekstūra; Linijos; Forma.
Tuščia erdvė • • • Tai erdvė tarp dizaino elementų.
Leidžia sukurti dailesnį, profesionalesnį dizainą bei pasiekti pusiausvyrą.
Dažnai daroma klaida, kai kiekvienas puslapio taškas perpildomas nuotraukomis, paveikslėliais, tekstu.
Tinklapio spalva • • • Vartotojas, apsilankęs svetainėje, pirmiausia pastebi spalvą.
Pasauliniai tyrimai teigia, kad tinkamai parinkta spalvų kombinacija gali paskatinti vartotoją tapti aktyviu svetainės lankytoju. Spalva dizaine yra vienas labiausiai apjungiančių dalykų, todėl turime pasirinkti vientisą spalvų paletę visam interneto projektui. Apsiriboti 2-3 spalvomis.
Šriftų tipai • • Kuo daugiau šriftų dizaine, tuo sunkiau juos tarpusavyje suderinti, sukurti harmoningą vaizdą. Viename puslapyje ne daugiau kaip 2 skirtingi šriftai.
Parenkant tinklalapio dizaino šriftą labai svarbu parinkti šriftą, kuris būtų taip pat matomas visose didžiausiose OS platformose.
Tekstūra • • ▫ ▫ ▫ Tai būtinas įrankis norint pridėti gylio ir dimensijos plokščiam internetiniam puslapiui.
Tinkamas tekstūros naudojimas gali padėti pasiekti šiuos tikslus: Pritraukia dėmesį; Sukuria kontrastą; Sukuria unikalią atmosferą; ▫ Suteikia realizmo.
Linijos (I) Vertikalios linijos imituoja aukštį ir gali sukurti didybės nuotaiką.
Horizontalios linijos kuria atpalaiduojančią ir raminančią nuotaiką.
Linijos (II) Kreivos linijos yra organiškos ir taip pat padeda atsipalaiduoti.
Įstrižos linijos tinkamos sukurti judesį ir nurodyti kryptį.
Linijos (III) Storos linijos yra vizualiai galingos, reprezentuoja galią ir pagarbą. Negalima jomis piktnaudžiauti, svarbu vizualiai suderinti su skirtingų svorių linijomis.
Plonos linijos kuria trapumo įspūdį.
Forma Formų tipai: • Geometrinės formos (kvadratas ar stačiakampis, apskritimas, trikampis ir kt.); • Natūralios formos (lapas, bala); • Abstrakčios formos (piktogramos, simboliai).
Labiausiai erzinantys web dizaino elementai 1.
2.
3.
4.
Muzikis fonas; Iššokantys langai; Lėtas užkrovimo laikas; Blogas skaitomumas; 5.
6.
Netaisyklinga kalba Ilgi video įrašai; 7.
8.
9.
Sudėtinga ir nesuprantama navigacija; Daug socialinių piktogramų; Didelis reklamų skaičius; 10.
Captcha
Captcha pavyzdys
8 esminiai web dizaino principai (I) 1.
Pirmumas (akių vedžiojimas): Pozicija; Spalva; Kontrastas; Dydis.
2.
Išretinimas: Tarpai tarp eilučių; Tarpai tarp elementų; Tuščia erdvė.
8 esminiai web dizaino principai (II) 3.
4.
Navigacija.
Apipavidalinimas: Šrifto pasirinkimas; Teksto dydis; Tarpai; Eilutės ilgis; Spalva;
8 esminiai web dizaino principai (III) 5.
Praktiškumas: Laikytis standartų; Pagalvoti apie lankytojų užduotis; 6.
7.
8.
Lygiavimas; Aiškumas; Vientisumas.