internetinės svetainės dizainas

25
Internetinės svetainės dizainas Darbą atliko: Reda Venclovaitė

Upload: nolcha

Post on 21-Jan-2016

60 views

Category:

Documents


0 download

DESCRIPTION

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. - PowerPoint PPT Presentation

TRANSCRIPT

Page 1: Internetinės svetainės dizainas

Internetinės svetainės dizainas

Darbą atliko: Reda Venclovaitė

Page 2: Internetinės svetainės dizainas

Klasikinis dizainas

Page 3: Internetinės svetainės dizainas

Modernus dizainas

Page 4: Internetinės svetainės dizainas

Minimalistinis dizainas

Page 5: Internetinės svetainės dizainas

Flash dizainas

http://www.gyvasalus.lt/

Page 7: Internetinės svetainės dizainas

Internetinės svetainės dizaino elementai

•Tuščia erdvė;•Tinklapio spalva;•Šriftų tipai;•Tekstūra;•Linijos;•Forma.

Page 8: Internetinės svetainės dizainas

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.

Page 9: Internetinės svetainės dizainas
Page 10: Internetinės svetainės dizainas

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.

Page 11: Internetinės svetainės dizainas
Page 12: Internetinės svetainės dizainas

Š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.

Page 13: Internetinės svetainės dizainas

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.

Page 14: Internetinės svetainės dizainas
Page 15: Internetinės svetainės dizainas

Linijos (I)

Vertikalios linijos imituoja aukštį ir gali sukurti didybės nuotaiką.

Horizontalios linijos kuria atpalaiduojančią ir raminančią nuotaiką.

Page 16: Internetinės svetainės dizainas

Linijos (II)

Kreivos linijos yra organiškos ir taip pat padeda atsipalaiduoti.

Įstrižos linijos tinkamos sukurti judesį ir nurodyti kryptį.

Page 17: Internetinės svetainės dizainas

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į.

Page 18: Internetinės svetainės dizainas

Forma

Formų tipai:

•Geometrinės formos (kvadratas ar stačiakampis, apskritimas, trikampis ir kt.);

•Natūralios formos (lapas, bala);

•Abstrakčios formos (piktogramos, simboliai).

Page 19: Internetinės svetainės dizainas
Page 20: Internetinės svetainės dizainas

Labiausiai erzinantys web dizaino elementai

1. Muzikis fonas;2. Iššokantys langai;3. Lėtas užkrovimo laikas;4. Blogas skaitomumas;5. Netaisyklinga kalba6. Ilgi video įrašai;7. Sudėtinga ir nesuprantama navigacija;8. Daug socialinių piktogramų;9. Didelis reklamų skaičius;10.Captcha

Page 21: Internetinės svetainės dizainas

Captcha pavyzdys

Page 22: Internetinės svetainės dizainas

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ė.

Page 23: Internetinės svetainės dizainas

8 esminiai web dizaino principai (II)

3. Navigacija.4. Apipavidalinimas:

Šrifto pasirinkimas; Teksto dydis; Tarpai; Eilutės ilgis; Spalva;

Page 24: Internetinės svetainės dizainas

8 esminiai web dizaino principai (III)

5. Praktiškumas: Laikytis standartų; Pagalvoti apie lankytojų užduotis;

6. Lygiavimas;7. Aiškumas;8. Vientisumas.

Page 25: Internetinės svetainės dizainas

Ačiū už dėmesį