internetinės svetainės dizainas
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 PresentationTRANSCRIPT
![Page 1: Internetinės svetainės dizainas](https://reader035.vdocuments.pub/reader035/viewer/2022081504/56815095550346895dbe8ff2/html5/thumbnails/1.jpg)
Internetinės svetainės dizainas
Darbą atliko: Reda Venclovaitė
![Page 2: Internetinės svetainės dizainas](https://reader035.vdocuments.pub/reader035/viewer/2022081504/56815095550346895dbe8ff2/html5/thumbnails/2.jpg)
Klasikinis dizainas
![Page 3: Internetinės svetainės dizainas](https://reader035.vdocuments.pub/reader035/viewer/2022081504/56815095550346895dbe8ff2/html5/thumbnails/3.jpg)
Modernus dizainas
![Page 4: Internetinės svetainės dizainas](https://reader035.vdocuments.pub/reader035/viewer/2022081504/56815095550346895dbe8ff2/html5/thumbnails/4.jpg)
Minimalistinis dizainas
![Page 6: Internetinės svetainės dizainas](https://reader035.vdocuments.pub/reader035/viewer/2022081504/56815095550346895dbe8ff2/html5/thumbnails/6.jpg)
3D dizainas
http://www.arkada.lt/index.php/buildings/title/?project_id=3&title=true
![Page 7: Internetinės svetainės dizainas](https://reader035.vdocuments.pub/reader035/viewer/2022081504/56815095550346895dbe8ff2/html5/thumbnails/7.jpg)
Internetinės svetainės dizaino elementai
•Tuščia erdvė;•Tinklapio spalva;•Šriftų tipai;•Tekstūra;•Linijos;•Forma.
![Page 8: Internetinės svetainės dizainas](https://reader035.vdocuments.pub/reader035/viewer/2022081504/56815095550346895dbe8ff2/html5/thumbnails/8.jpg)
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](https://reader035.vdocuments.pub/reader035/viewer/2022081504/56815095550346895dbe8ff2/html5/thumbnails/9.jpg)
![Page 10: Internetinės svetainės dizainas](https://reader035.vdocuments.pub/reader035/viewer/2022081504/56815095550346895dbe8ff2/html5/thumbnails/10.jpg)
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](https://reader035.vdocuments.pub/reader035/viewer/2022081504/56815095550346895dbe8ff2/html5/thumbnails/11.jpg)
![Page 12: Internetinės svetainės dizainas](https://reader035.vdocuments.pub/reader035/viewer/2022081504/56815095550346895dbe8ff2/html5/thumbnails/12.jpg)
Š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](https://reader035.vdocuments.pub/reader035/viewer/2022081504/56815095550346895dbe8ff2/html5/thumbnails/13.jpg)
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](https://reader035.vdocuments.pub/reader035/viewer/2022081504/56815095550346895dbe8ff2/html5/thumbnails/14.jpg)
![Page 15: Internetinės svetainės dizainas](https://reader035.vdocuments.pub/reader035/viewer/2022081504/56815095550346895dbe8ff2/html5/thumbnails/15.jpg)
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](https://reader035.vdocuments.pub/reader035/viewer/2022081504/56815095550346895dbe8ff2/html5/thumbnails/16.jpg)
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](https://reader035.vdocuments.pub/reader035/viewer/2022081504/56815095550346895dbe8ff2/html5/thumbnails/17.jpg)
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](https://reader035.vdocuments.pub/reader035/viewer/2022081504/56815095550346895dbe8ff2/html5/thumbnails/18.jpg)
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](https://reader035.vdocuments.pub/reader035/viewer/2022081504/56815095550346895dbe8ff2/html5/thumbnails/19.jpg)
![Page 20: Internetinės svetainės dizainas](https://reader035.vdocuments.pub/reader035/viewer/2022081504/56815095550346895dbe8ff2/html5/thumbnails/20.jpg)
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](https://reader035.vdocuments.pub/reader035/viewer/2022081504/56815095550346895dbe8ff2/html5/thumbnails/21.jpg)
Captcha pavyzdys
![Page 22: Internetinės svetainės dizainas](https://reader035.vdocuments.pub/reader035/viewer/2022081504/56815095550346895dbe8ff2/html5/thumbnails/22.jpg)
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](https://reader035.vdocuments.pub/reader035/viewer/2022081504/56815095550346895dbe8ff2/html5/thumbnails/23.jpg)
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](https://reader035.vdocuments.pub/reader035/viewer/2022081504/56815095550346895dbe8ff2/html5/thumbnails/24.jpg)
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](https://reader035.vdocuments.pub/reader035/viewer/2022081504/56815095550346895dbe8ff2/html5/thumbnails/25.jpg)
Ačiū už dėmesį