Your SlideShare is downloading. ×
Sigitas Drąsutis
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Sigitas Drąsutis

1,025

Published on

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
1,025
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
0
Comments
0
Likes
0
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. WEB konferencija dr. Sigitas Drąsutis Multimedijos inžinerijos katedra [email_address] Web 2.0 dizainas
  • 2. Kas čia kalba?
  • 3. Ar Jūs vis dar Web 1.0?
  • 4. Dizaino ypatumai
  • 5. 1. Paprastumas
    • Web 2.0 dizainas yra koncentruotas, švarus ir paprastas.
  • 6. 2. Informacijos centravimas I
    • Svetainės, kuriose informacija yra centruota, atrodo paprastos, ryškios ir atviros;
    • Nereikia perdozuoti informacijos.
  • 7. 2. Informacijos centravimas II
    • Facebook.com – 981px
    • Twitter.com – 1000px
    • Yahoo.com – 972px
    • Youtube.com – 970px
    • Apple.com – 980px
    • Msn.com – 972px
    • eBay.com – 960px
    • Blogger.com – 750px
    • Delfi.lt – 999px
    • Lrytas.lt – 1002px
  • 8. 3. Mažiau stulpelių
    • Patartina naudoti 2 stulpelius, daugiausiai – 3;
    • Kuo mažiau stulpelių tuo paprastesnė atrodo išvaizda, tuo ji yra ryškesnė ir atviresnė.
  • 9. 4. Atskirta puslapio antraštė
    • Ryški antraštė sako: "Čia yra puslapio pradžia”.
    • Ryški puslapio pradžia suteikia pirmą įspūdį, pabrėžia svarbą ir pritraukia dėmesį.
  • 10. 5. Vientisi ir ryškūs ekrano elementai
    • Tokios sritys daromos ryškios ir atskirtos nuo kaimyninių;
    • Paprasčiausias būdas tai padaryti yra su spalva.
  • 11. 6. Paprasta navigacija
    • Puslapio navigacija - meniu, kuris kiekvienoje svetainėje yra kaip statinė sritis ir aiškiai apibrėžia save kaip navigaciją.
    • Ji turi būti lengvai pastebima, aiški ir pasiekiama.
  • 12. 7. Paryškinti logotipai
    • Aiškus, ryškus logotipas - pritraukia dėmesį, nuteikia ir sudaro pirmą įspūdį.
  • 13. 8. Didesnis tekstas
    • Daugelis "2.0" web svetainių turi didesnį tekstą nei senesnės svetainės.
  • 14. 9. Paryškinto teksto įžangos
    • Paryškintos antraštės arba temos aprašai pabrėžia informacijos svarbą, atkreipia dėmesį ir nurodo esmę.
  • 15. 10. Ryškios spalvos
    • Jos patraukia akį. Naudojamos suskaidyti puslapį į atskiras dalis ir paryškinti svarbius elementus.
  • 16. 11. Tikroviški paviršiai
    • Paviršių efektai (šešėliai, gradientai, atspindžiai) padeda sukurti tikroviškumo, realumo, “išbaigtumo” įspūdį;
    • Jie mums primena supančio pasaulio dalykus, juos kurdami užprogramuojame norui paliesti.
  • 17. 12. Gradientai
    • Gradientai pagyvina paviršius, kurie priešingu atveju atrodytų plokšti ir nuobodūs.
  • 18. 13. Atspindžiai
    • Naudojami pašviesėjimams išgauti, kai šviesa atsispindi nuo daikto;
    • Atspindžiams kituose paviršiuose.
  • 19. 14. Patrauklios ikonos
    • Ikonos yra labai svarbios "2.0" dizaine. Jų naudojama mažiau, tačiau stengiamasi joms suteikti daugiau prasmės ir geresnę išvaizdą.
  • 20. 15. Ryškios žvaigždės
    • Jos veikia gerai, tačiau kaip ir visur reikalingas saikas;
    • Viena žvaigždė puslapyje turėtų būti maksimumas, nes kitaip ji praras savo pritraukiančią vertę.
  • 21. Aktyvūs ir pasyvūs tarpai
  • 22. Prekinio ženklo pozicionavimas
    • Pigu
    • Prabangu
  • 23. Prekinio ženklo palyginimas
  • 24. Pabaiga

×